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

Source: https://www.interiordoorandcloset.com

  1. <!doctype html>
  2. <html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en-US"  >
  3.  <head>
  4.    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1">
  6.    <!-- This is Squarespace. --><!-- cyan-fennel-hrr2 -->
  7. <base href="">
  8. <meta charset="utf-8" />
  9. <title>Interior Door &amp; Closet Company: Your Source for Premium Doors</title>
  10. <meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" /><link rel="icon" type="image/x-icon" href="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/54b81c68-b93b-4b23-9c96-95e7b32afc7f/favicon.ico?format=100w"/>
  11. <link rel="canonical" href="https://www.interiordoorandcloset.com"/>
  12. <meta property="og:site_name" content="Interior Door &amp; Closet Company"/>
  13. <meta property="og:title" content="Interior Door &amp; Closet Company: Your Source for Premium Doors"/>
  14. <meta property="og:url" content="https://www.interiordoorandcloset.com"/>
  15. <meta property="og:type" content="website"/>
  16. <meta property="og:description" content="Explore premium interior and sliding closet door installation at Interior Door &amp; Closet Company. As a closet door installer, we elevate your home with luxe doors."/>
  17. <meta property="og:image" content="http://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1658822878035/logo.png?format=1500w"/>
  18. <meta property="og:image:width" content="300"/>
  19. <meta property="og:image:height" content="155"/>
  20. <meta itemprop="name" content="Interior Door &amp; Closet Company: Your Source for Premium Doors"/>
  21. <meta itemprop="url" content="https://www.interiordoorandcloset.com"/>
  22. <meta itemprop="description" content="Explore premium interior and sliding closet door installation at Interior Door &amp; Closet Company. As a closet door installer, we elevate your home with luxe doors."/>
  23. <meta itemprop="thumbnailUrl" content="http://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1658822878035/logo.png?format=1500w"/>
  24. <link rel="image_src" href="http://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1658822878035/logo.png?format=1500w" />
  25. <meta itemprop="image" content="http://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1658822878035/logo.png?format=1500w"/>
  26. <meta name="twitter:title" content="Interior Door &amp; Closet Company: Your Source for Premium Doors"/>
  27. <meta name="twitter:image" content="http://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1658822878035/logo.png?format=1500w"/>
  28. <meta name="twitter:url" content="https://www.interiordoorandcloset.com"/>
  29. <meta name="twitter:card" content="summary"/>
  30. <meta name="twitter:description" content="Explore premium interior and sliding closet door installation at Interior Door &amp; Closet Company. As a closet door installer, we elevate your home with luxe doors."/>
  31. <meta name="description" content="Explore premium interior and sliding closet door installation at Interior
  32. Door &amp; Closet Company. As a closet door installer, we elevate your home
  33. with luxe doors." />
  34. <link rel="preconnect" href="https://images.squarespace-cdn.com">
  35. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  36. <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700"><script type="text/javascript" crossorigin="anonymous" defer="true" nomodule="nomodule" src="//assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"></script>
  37. <script type="text/javascript" crossorigin="anonymous" defer="true" src="//assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"></script>
  38. <script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script>
  39. <script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-cffd55ae414ba9b9-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-cffd55ae414ba9b9-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-088ec0120fdbcfed-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_moment_js_vendor');</script>
  41. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-088ec0120fdbcfed-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-2a61369097cf3a56-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-2a61369097cf3a56-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-54bab8bb8a15366b-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors_stable');</script>
  43. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-54bab8bb8a15366b-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-ced819996d2eac91-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script>
  44. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-ced819996d2eac91-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-b3886f5377a85785-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script>
  45. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-b3886f5377a85785-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-bbdaf59d677181f8-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script>
  46. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-bbdaf59d677181f8-min.en-US.js" defer ></script><script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"betaFeatureFlags":["override_block_styles","enable_form_submission_trigger","contacts_and_campaigns_redesign","section_sdk_product_pages_phase_two","campaigns_discount_section_in_blasts","i18n_beta_website_locales","section-sdk-product-pages","campaigns_import_discounts","order_status_page_checkout_landing_enabled","member_areas_feature","campaigns_merch_state","marketing_automations","campaigns_thumbnail_layout","nested_categories","new_stacked_index","section_sdk_product_pages_opt_in_modal","supports_versioned_template_assets","campaigns_new_image_layout_picker","product_pages_sdk_opt_in_enabled","campaigns_discount_section_in_automations","scripts_defer","marketing_landing_page"],"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"//assets.squarespace.com/universal/scripts-compressed/announcement-bar-ef76940917fea0f4-min.en-US.js"},"squarespace-audio-player":{"css":"//assets.squarespace.com/universal/styles-compressed/audio-player-b05f5197a871c566-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/audio-player-0fe994009aa3d901-min.en-US.js"},"squarespace-blog-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/blog-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-20f48ba8f4d688e5-min.en-US.js"},"squarespace-calendar-block-renderer":{"css":"//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-b72d08ba4421f5a0-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-daf0f9756200e46a-min.en-US.js"},"squarespace-chartjs-helpers":{"css":"//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-96b256171ee039c1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-861ab83be22159a9-min.en-US.js"},"squarespace-comments":{"css":"//assets.squarespace.com/universal/styles-compressed/comments-0d00804482e305dd-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/comments-76521a223d94e78e-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-cf0c162d10fb3112-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-96560f40cb3a77c8-min.en-US.js"},"squarespace-dialog":{"css":"//assets.squarespace.com/universal/styles-compressed/dialog-f9093f2d526b94df-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/dialog-8d649e0157952bbd-min.en-US.js"},"squarespace-events-collection":{"css":"//assets.squarespace.com/universal/styles-compressed/events-collection-b72d08ba4421f5a0-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/events-collection-38b7123076615372-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-175b79f8cf66fc26-min.en-US.js"},"squarespace-forms":{"css":"//assets.squarespace.com/universal/styles-compressed/forms-0afd3c6ac30bbab1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/forms-51258dff47038e4b-min.en-US.js"},"squarespace-gallery-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-0a3bb9513fb2907e-min.en-US.js"},"squarespace-image-zoom":{"css":"//assets.squarespace.com/universal/styles-compressed/image-zoom-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/image-zoom-9e288ddfae9db607-min.en-US.js"},"squarespace-pinterest":{"css":"//assets.squarespace.com/universal/styles-compressed/pinterest-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/pinterest-e9d48a82f72eb9c1-min.en-US.js"},"squarespace-popup-overlay":{"css":"//assets.squarespace.com/universal/styles-compressed/popup-overlay-b742b752f5880972-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/popup-overlay-f361378fca483701-min.en-US.js"},"squarespace-product-quick-view":{"css":"//assets.squarespace.com/universal/styles-compressed/product-quick-view-0ba5bac716923b8e-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/product-quick-view-3a7907849a53c0d8-min.en-US.js"},"squarespace-products-collection-item-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-cdfab44e63c1de6c-min.en-US.js"},"squarespace-products-collection-list-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-ae828888639c3677-min.en-US.js"},"squarespace-search-page":{"css":"//assets.squarespace.com/universal/styles-compressed/search-page-90a67fc09b9b32c6-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/search-page-88e3cd3710adb924-min.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-6628da613f7ad573-min.en-US.js"},"squarespace-simple-liking":{"css":"//assets.squarespace.com/universal/styles-compressed/simple-liking-701bf8bbc05ec6aa-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/simple-liking-9da30ee383bc0df1-min.en-US.js"},"squarespace-social-buttons":{"css":"//assets.squarespace.com/universal/styles-compressed/social-buttons-95032e5fa98e47a5-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/social-buttons-6c713105a422549f-min.en-US.js"},"squarespace-tourdates":{"css":"//assets.squarespace.com/universal/styles-compressed/tourdates-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/tourdates-d68e965eaa8b25b5-min.en-US.js"},"squarespace-website-overlays-manager":{"css":"//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-07ea5a4e004e6710-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-120408143cedb509-min.en-US.js"}},"pageType":2,"website":{"id":"62df9f96468cac7176a697b8","identifier":"cyan-fennel-hrr2","websiteType":1,"contentModifiedOn":1751928491864,"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":{"6":true,"4":true,"8":true,"1":true,"2":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":61,"screenname":"Pinterest","addedOn":1658840204108,"profileUrl":"https://www.pinterest.com/ocdoors/","iconEnabled":true,"serviceName":"pinterest-unauth"},{"serviceId":65,"screenname":"LinkedIn","addedOn":1658840214379,"profileUrl":"https://www.linkedin.com/company/interior-door-and-closet-company/about/","iconEnabled":true,"serviceName":"linkedin-unauth"},{"serviceId":42,"screenname":"Houzz","addedOn":1721237863460,"profileUrl":"https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company","iconEnabled":true,"serviceName":"houzz"},{"serviceId":64,"screenname":"Instagram","addedOn":1721237951222,"profileUrl":"https://www.instagram.com/ocdoorsandclosets/","iconEnabled":true,"serviceName":"instagram-unauth"},{"serviceId":69,"screenname":"YouTube","addedOn":1743173848559,"profileUrl":"https://www.youtube.com/@interiordoorandcloset","iconEnabled":true,"serviceName":"youtube-unauth"},{"serviceId":69,"screenname":"YouTube","addedOn":1743173912693,"profileUrl":"https://www.youtube.com/@interiordoorandcloset","iconEnabled":true,"serviceName":"youtube-unauth"}],"typekitId":"","statsMigrated":false,"imageMetadataProcessingEnabled":false,"screenshotId":"cb799c09d609ca8104c4d61171865b66d420498e12c091b09a91b54053ca79d4","captchaSettings":{"siteKey":"","enabledForDonations":false},"showOwnerLogin":false},"websiteSettings":{"id":"62df9f96468cac7176a697c5","websiteId":"62df9f96468cac7176a697b8","subjects":[],"country":"PH","state":"07","simpleLikingEnabled":true,"mobileInfoBarSettings":{"isContactEmailEnabled":false,"isContactPhoneNumberEnabled":false,"isLocationEnabled":false,"isBusinessHoursEnabled":false},"announcementBarSettings":{"style":2,"text":"<p class=\"\" style=\"white-space:pre-wrap;\">We service Orange County, CA</p>"},"commentLikesAllowed":true,"commentAnonAllowed":true,"commentThreaded":true,"commentApprovalRequired":false,"commentAvatarsOn":true,"commentSortType":2,"commentFlagThreshold":0,"commentFlagsAllowed":true,"commentEnableByDefault":true,"commentDisableAfterDaysDefault":0,"disqusShortname":"","commentsEnabled":false,"contactPhoneNumber":"(714) 895-5100","businessHours":{"monday":{"text":"9am - 5pm","ranges":[{"from":540,"to":1020}]},"tuesday":{"text":"9am - 5pm","ranges":[{"from":540,"to":1020}]},"wednesday":{"text":"9am - 5pm","ranges":[{"from":540,"to":1020}]},"thursday":{"text":"9am - 5pm","ranges":[{"from":540,"to":1020}]},"friday":{"text":"9am - 5pm","ranges":[{"from":540,"to":1020}]},"saturday":{"text":"11am - 3pm","ranges":[{"from":660,"to":900}]},"sunday":{"text":"","ranges":[{}]}},"storeSettings":{"returnPolicy":null,"termsOfService":null,"privacyPolicy":null,"expressCheckout":false,"continueShoppingLinkUrl":"/","useLightCart":false,"showNoteField":false,"shippingCountryDefaultValue":"US","billToShippingDefaultValue":false,"showShippingPhoneNumber":true,"isShippingPhoneRequired":false,"showBillingPhoneNumber":true,"isBillingPhoneRequired":false,"currenciesSupported":["USD","CAD","GBP","AUD","EUR","CHF","NOK","SEK","DKK","NZD","SGD","MXN","HKD","CZK","ILS","MYR","RUB","PHP","PLN","THB","BRL","ARS","COP","IDR","INR","JPY","ZAR"],"defaultCurrency":"USD","selectedCurrency":"PHP","measurementStandard":1,"showCustomCheckoutForm":false,"checkoutPageMarketingOptInEnabled":true,"enableMailingListOptInByDefault":false,"sameAsRetailLocation":false,"merchandisingSettings":{"scarcityEnabledOnProductItems":false,"scarcityEnabledOnProductBlocks":false,"scarcityMessageType":"DEFAULT_SCARCITY_MESSAGE","scarcityThreshold":10,"multipleQuantityAllowedForServices":true,"restockNotificationsEnabled":false,"restockNotificationsSuccessText":"","restockNotificationsMailingListSignUpEnabled":false,"relatedProductsEnabled":false,"relatedProductsOrdering":"random","soldOutVariantsDropdownDisabled":false,"productComposerOptedIn":false,"productComposerABTestOptedOut":false,"productReviewsEnabled":false},"minimumOrderSubtotalEnabled":false,"minimumOrderSubtotal":{"currency":"PHP","value":"0.00"},"isLive":false,"multipleQuantityAllowedForServices":true},"useEscapeKeyToLogin":false,"ssBadgeType":1,"ssBadgePosition":4,"ssBadgeVisibility":1,"ssBadgeDevices":1,"pinterestOverlayOptions":{"mode":"disabled"},"userAccountsSettings":{"loginAllowed":false,"signupAllowed":false}},"cookieSettings":{"isCookieBannerEnabled":false,"isRestrictiveCookiePolicyEnabled":false,"cookieBannerText":"","cookieBannerTheme":"","cookieBannerVariant":"","cookieBannerPosition":"","cookieBannerCtaVariant":"","cookieBannerCtaText":"","cookieBannerAcceptType":"OPT_IN","cookieBannerOptOutCtaText":"","cookieBannerHasOptOut":false,"cookieBannerHasManageCookies":true,"cookieBannerManageCookiesLabel":"","cookieBannerSavedPreferencesText":"","cookieBannerSavedPreferencesLayout":"PILL"},"websiteCloneable":false,"collection":{"title":"Home","id":"62dfa072528d6a3af1025340","fullUrl":"/","type":10,"permissionType":1},"subscribed":false,"appDomain":"squarespace.com","templateTweakable":true,"tweakJSON":{"form-use-theme-colors":"false","header-logo-height":"100px","header-mobile-logo-max-height":"80px","header-vert-padding":"1vw","header-width":"Full","maxPageWidth":"1200px","mobile-header-vert-padding":"6vw","pagePadding":"0vw","tweak-blog-alternating-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-alternating-side-by-side-image-spacing":"6%","tweak-blog-alternating-side-by-side-meta-spacing":"20px","tweak-blog-alternating-side-by-side-primary-meta":"Categories","tweak-blog-alternating-side-by-side-read-more-spacing":"20px","tweak-blog-alternating-side-by-side-secondary-meta":"Date","tweak-blog-basic-grid-columns":"3","tweak-blog-basic-grid-image-aspect-ratio":"3:2 Standard","tweak-blog-basic-grid-image-spacing":"30px","tweak-blog-basic-grid-meta-spacing":"10px","tweak-blog-basic-grid-primary-meta":"Date","tweak-blog-basic-grid-read-more-spacing":"20px","tweak-blog-basic-grid-secondary-meta":"Categories","tweak-blog-item-custom-width":"75","tweak-blog-item-show-author-profile":"false","tweak-blog-item-width":"Medium","tweak-blog-masonry-columns":"2","tweak-blog-masonry-horizontal-spacing":"30px","tweak-blog-masonry-image-spacing":"20px","tweak-blog-masonry-meta-spacing":"20px","tweak-blog-masonry-primary-meta":"Categories","tweak-blog-masonry-read-more-spacing":"20px","tweak-blog-masonry-secondary-meta":"Date","tweak-blog-masonry-vertical-spacing":"30px","tweak-blog-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-side-by-side-image-spacing":"6%","tweak-blog-side-by-side-meta-spacing":"20px","tweak-blog-side-by-side-primary-meta":"Categories","tweak-blog-side-by-side-read-more-spacing":"20px","tweak-blog-side-by-side-secondary-meta":"Date","tweak-blog-single-column-image-spacing":"50px","tweak-blog-single-column-meta-spacing":"0px","tweak-blog-single-column-primary-meta":"Date","tweak-blog-single-column-read-more-spacing":"0px","tweak-blog-single-column-secondary-meta":"Categories","tweak-events-stacked-show-thumbnails":"true","tweak-events-stacked-thumbnail-size":"3:2 Standard","tweak-fixed-header":"false","tweak-fixed-header-style":"Scroll Back","tweak-global-animations-animation-curve":"ease","tweak-global-animations-animation-delay":"0.6s","tweak-global-animations-animation-duration":"0.65s","tweak-global-animations-animation-style":"fade","tweak-global-animations-animation-type":"none","tweak-global-animations-complexity-level":"detailed","tweak-global-animations-enabled":"false","tweak-portfolio-grid-basic-custom-height":"50","tweak-portfolio-grid-overlay-custom-height":"50","tweak-portfolio-hover-follow-acceleration":"10%","tweak-portfolio-hover-follow-animation-duration":"Fast","tweak-portfolio-hover-follow-animation-type":"Fade","tweak-portfolio-hover-follow-delimiter":"Bullet","tweak-portfolio-hover-follow-front":"false","tweak-portfolio-hover-follow-layout":"Inline","tweak-portfolio-hover-follow-size":"50","tweak-portfolio-hover-follow-text-spacing-x":"1.5","tweak-portfolio-hover-follow-text-spacing-y":"1.5","tweak-portfolio-hover-static-animation-duration":"Fast","tweak-portfolio-hover-static-animation-type":"Fade","tweak-portfolio-hover-static-delimiter":"Hyphen","tweak-portfolio-hover-static-front":"true","tweak-portfolio-hover-static-layout":"Inline","tweak-portfolio-hover-static-size":"50","tweak-portfolio-hover-static-text-spacing-x":"1.5","tweak-portfolio-hover-static-text-spacing-y":"1.5","tweak-portfolio-index-background-animation-duration":"Medium","tweak-portfolio-index-background-animation-type":"Fade","tweak-portfolio-index-background-custom-height":"50","tweak-portfolio-index-background-delimiter":"None","tweak-portfolio-index-background-height":"Large","tweak-portfolio-index-background-horizontal-alignment":"Center","tweak-portfolio-index-background-link-format":"Stacked","tweak-portfolio-index-background-persist":"false","tweak-portfolio-index-background-vertical-alignment":"Middle","tweak-portfolio-index-background-width":"Full","tweak-product-basic-item-click-action":"None","tweak-product-basic-item-gallery-aspect-ratio":"3:4 Three-Four (Vertical)","tweak-product-basic-item-gallery-design":"Slideshow","tweak-product-basic-item-gallery-width":"50%","tweak-product-basic-item-hover-action":"None","tweak-product-basic-item-image-spacing":"2vw","tweak-product-basic-item-image-zoom-factor":"2","tweak-product-basic-item-product-variant-display":"Dropdown","tweak-product-basic-item-thumbnail-placement":"Side","tweak-product-basic-item-variant-picker-layout":"Dropdowns","tweak-products-add-to-cart-button":"false","tweak-products-columns":"2","tweak-products-gutter-column":"2vw","tweak-products-gutter-row":"2vw","tweak-products-header-text-alignment":"Middle","tweak-products-image-aspect-ratio":"2:3 Standard (Vertical)","tweak-products-image-text-spacing":"0.5vw","tweak-products-mobile-columns":"1","tweak-products-text-alignment":"Left","tweak-products-width":"Full","tweak-transparent-header":"false"},"templateId":"5c5a519771c10ba3470d8101","templateVersion":"7.1","pageFeatures":[1,2,4],"gmRenderKey":"QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4","templateScriptsRootUrl":"https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/","impersonatedSession":false,"tzData":{"zones":[[480,"Phil","+08/+09",null]],"rules":{"Phil":[]}},"showAnnouncementBar":true,"recaptchaEnterpriseContext":{"recaptchaEnterpriseSiteKey":"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv"},"i18nContext":{"timeZoneData":{"id":"Asia/Manila","name":"Philippine Time"}},"env":"PRODUCTION"};</script><script type="application/ld+json">{"url":"https://www.interiordoorandcloset.com","name":"Interior Door & Closet Company","description":"","image":"//images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/4bb5d3d8-c11e-4393-ab4b-c3e38d740560/logo.png","@context":"http://schema.org","@type":"WebSite"}</script><script type="application/ld+json">{"legalName":"Interior Door and Closet Company","address":"15441 Chemical Lane\nHuntington Beach, CA, 92649\nUnited States","email":"info@interiordoorandcloset.com","telephone":"(714) 895-5100","sameAs":["https://goo.gl/maps/GnSrfPScLQR2","https://www.facebook.com/interiordoorandcloset","https://www.pinterest.com/ocdoors/","https://www.linkedin.com/company/interior-door-and-closet-company/about/","https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company","https://www.instagram.com/ocdoorsandclosets/","https://www.youtube.com/@interiordoorandcloset","https://www.youtube.com/@interiordoorandcloset"],"@context":"http://schema.org","@type":"Organization"}</script><script type="application/ld+json">{"address":"15441 Chemical Lane\nHuntington Beach, CA, 92649\nUnited States","image":"https://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1751928491864/","name":"Interior Door and Closet Company","openingHours":"Mo 09:00-17:00, Tu 09:00-17:00, We 09:00-17:00, Th 09:00-17:00, Fr 09:00-17:00, Sa 11:00-15:00, ","@context":"http://schema.org","@type":"LocalBusiness"}</script><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/versioned-site-css/62df9f96468cac7176a697b8/188/5c5a519771c10ba3470d8101/62df9f96468cac7176a697f5/1651/site.css"/><link rel="stylesheet" href="//assets.squarewebsites.org/custom-tables/style.css">
  47. <style>
  48.  /*body
  49.  {
  50.    overflow: hidden;
  51.    width: 100vw;
  52.    height: 100vh;
  53.  }
  54.  
  55.  .hide-body-loading
  56.  {
  57.    overflow: auto;
  58.    width: auto;
  59.    height: auto;
  60.  }
  61.  
  62.  #loading-screen
  63.  {
  64.    position: fixed;
  65.    display: flex;
  66.    align-items: center;
  67.    justify-content: center;
  68.    width: 100vw;
  69.    height: 100vh;
  70.    z-index: 9999;
  71.    background-color: #FCFCFC;
  72.  }
  73.  #loading-screen.hide-loading
  74.  {
  75.    display: none;
  76.  }
  77.  
  78.  .logo-center
  79.  {
  80.    padding: 1rem 2rem;
  81.  }
  82.  
  83.  .header-nav-list-center
  84.  {
  85.    align-items: center;
  86.  }
  87.  
  88.  #loading-image
  89.  {
  90.    animation: pulse 3s ease-in-out infinite;
  91.  }*/
  92.  
  93.  .arrow-svg
  94.  {
  95.    height: 1em;
  96.    padding-left: 1em;
  97.    fill: currentColor;
  98.    stroke: currentColor;
  99.  }
  100.  
  101.  @keyframes pulse {    
  102.    0%   {transform: scale(1);}
  103.    50%   {transform: scale(2);}
  104.    100%   {transform: scale(1);}
  105.  }
  106. </style>
  107. <!--div id="loading-screen">
  108.  <div id="loading-image">
  109.   <img src="">
  110.  </div>
  111. </div>
  112.  
  113. <script>
  114.  let faviconLink = document.querySelector('link[rel="shortcut icon"]');
  115.  let url = faviconLink.getAttribute('href');
  116.  document.querySelector('#loading-screen img').setAttribute('src', url);
  117.  
  118.  function hideLoadingScreen()
  119.  {
  120.    document.querySelector("#loading-screen").classList.add("hide-loading");
  121.    document.querySelector("body").classList.add("hide-body-loading");
  122.  }
  123.  
  124.  // Hide loading screen after document is ready or after 3 seconds.
  125.  setTimeout(function() {
  126.    setTimeout(hideLoadingScreen, 200);
  127.    let checkLoadState = setInterval(function(){
  128.      if(document.readyState === "complete")
  129.      {
  130.        hideLoadingScreen();
  131.        clearInterval(checkLoadState);
  132.      }
  133.    }, 100);
  134.  }, 2000);
  135. </script-->
  136.  
  137. <!-- Google Tag Manager -->
  138. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  139. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  140. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  141. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  142. })(window,document,'script','dataLayer','GTM-K6TQXN');</script>
  143. <!-- End Google Tag Manager -->
  144. <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  145. <script>
  146.  class SWSSlides {
  147.  constructor(id, data) {
  148.    this.id = id;
  149.    this.target = data.settings.target;
  150.    this.data = data;
  151.    this.slideIndex = 0;
  152.    this.prevSlide = 0;
  153.    this.animationInStyle = null;
  154.    this.animationOutStyle = null;
  155.    this.prevAnimationInStyle = null;
  156.    this.prevAnimationOutStyle = null;
  157.    this.images = [];
  158.  
  159.    this.slideInterval = this.setSlideInterval();
  160.  }
  161.  
  162.  createContainer = (children) => {
  163.    var mainContainer = document.createElement("div");
  164.    mainContainer.setAttribute("id", this.id);
  165.    mainContainer.classList.add("sw-slider-container");
  166.  
  167.    children.forEach((child) => {
  168.      mainContainer.appendChild(child);
  169.    });
  170.  
  171.    return mainContainer;
  172.  };
  173.  
  174.  createSlides = () => {
  175.    // Get parent object where to attached the objects
  176.    // var parent = document.currentScript.parentElement;
  177.    var galleryContainer = document.getElementsByClassName("sqs-gallery-container")[
  178.      this.target
  179.    ];
  180.  
  181.  
  182.    if (galleryContainer !== undefined) {
  183.      //get Images
  184.      var images = galleryContainer.getElementsByTagName("img");
  185.      for (var img of images) {
  186.        this.images.push(img.getAttribute("data-src"));
  187.      }
  188.      var arrows = this.createArrows();
  189.      // Old description - An Interior Door upgrade is the most cost effective way to transform the look of every room in your home.
  190.      // var content = this.createContent({title: "Title", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla consectetur sapien rhoncus nisl consectetur iaculis.", buttonText: "See More"})
  191.      var content = this.createContent({
  192.        title: "Interior Door & Closet Company",
  193.        description: "Transform Your Home with Expert Interior Door, Closet Door, and Closet Organizer Installations.",
  194.        buttonText: "See Our Products",
  195.        contactNumber: "(714) 895-5100",
  196.        buttonUrl: "/products",
  197.      });
  198.      var imageSlide = this.createImageSlides(this.images);
  199.      var container = this.createContainer([content, imageSlide, arrows]);
  200.  
  201.      var parent = galleryContainer.parentNode;
  202.      parent.style.width = "100%";
  203.      parent.style.height = "100%";
  204.      parent.removeChild(galleryContainer)
  205.      parent.appendChild(container);
  206.    }
  207.  };
  208.  
  209.  createContent = ({ title, description, buttonText, buttonUrl, contactNumber}) => {
  210.    var contentContainer = document.createElement("div");
  211.    contentContainer.classList.add("sw-content-container");
  212.    var contentBox = document.createElement("div");
  213.    contentBox.classList.add("sw-content-box");
  214.    //Add objects to content box.
  215.    var contentHeader = document.createElement("h1");
  216.    contentHeader.classList.add("sw-content-header");
  217.    contentHeader.innerHTML = title;
  218.    var contentText = document.createElement("h2");
  219.    contentText.classList.add("sw-content-text");
  220.    var titleDiv = document.getElementById("block-yui_3_17_2_1_1718252774278_20087");
  221.    var subTitle = document.getElementById("block-yui_3_17_2_1_1717650238425_14446");
  222.    //contentText.innerHTML = description;
  223.    titleDiv.style.display = "none";
  224.    subTitle.style.display = "none";
  225.    contentText.style.fontWeight = "normal";
  226.    contentText.innerHTML = subTitle.innerText;
  227.    var contentButtonContainer = document.createElement("div");
  228.    contentButtonContainer.classList.add("sw-content-button-container");
  229.    var contentButton = document.createElement("a");
  230.    contentButton.classList.add("sw-content-button");
  231.    contentButton.innerHTML = buttonText;
  232.    contentButton.href = buttonUrl;
  233.    contentButtonContainer.appendChild(contentButton);
  234.    
  235.    var contentContactContainer = document.createElement("div");    
  236.    var contactNumberLink = document.createElement("a");
  237.    contactNumberLink.href = "tel:(714) 895-5100";
  238.    contactNumberLink.innerText = "☎ (714) 895-5100";
  239.    contentContactContainer.appendChild(contactNumberLink);
  240.    contentContactContainer.classList.add("sw-content-contact-number");
  241.    
  242.    contentBox.appendChild(contentHeader);
  243.    contentBox.appendChild(contentText);
  244.    contentBox.appendChild(contentButtonContainer);
  245.    contentBox.appendChild(contentContactContainer);
  246.    console.log(contentContactContainer);
  247.  
  248.    contentContainer.appendChild(contentBox);
  249.    return contentContainer;
  250.  };
  251.  
  252.  createImageSlides = (slides) => {
  253.    var imageContainer = document.createElement("div");
  254.    imageContainer.classList.add("sw-image-container");
  255.    slides.forEach((slide, index) => {
  256.      var imageSlide = document.createElement("div");
  257.      imageSlide.classList.add("sw-image-slide");
  258.      imageSlide.classList.add(
  259.        index === 0 ? "sw-image-slide-show" : "sw-image-slide-hidden"
  260.      );
  261.      imageSlide.style.backgroundImage = `url(${slide.trim()})`;
  262.      imageSlide.innerHTML = "&nbsp;";
  263.      imageContainer.appendChild(imageSlide);
  264.    });
  265.  
  266.    return imageContainer;
  267.  };
  268.  
  269.  createArrows = () => {
  270.    var arrowContainer = document.createElement("div");
  271.    arrowContainer.classList.add("sw-arrow-container");
  272.    var previousArrow = document.createElement("div");
  273.    previousArrow.classList.add("sw-arrow-previous");
  274.    previousArrow.onclick = () => {
  275.      this.moveSlide(-1, this.data.settings.interval);
  276.    };
  277.  
  278.    previousArrow.innerHTML = "&#10094;";
  279.    var nextArrow = document.createElement("div");
  280.    nextArrow.classList.add("sw-arrow-next");
  281.    nextArrow.onclick = () => {
  282.      this.moveSlide(1, this.data.settings.interval);
  283.    };
  284.    nextArrow.innerHTML = "&#10095;";
  285.  
  286.    arrowContainer.appendChild(previousArrow);
  287.    arrowContainer.appendChild(nextArrow);
  288.  
  289.    return arrowContainer;
  290.  };
  291.  
  292.  // Logic for moving slides
  293.  moveSlide = (n) => {
  294.    clearInterval(this.slideInterval);
  295.    this.slideInterval = this.setSlideInterval();
  296.    this.plusSlides(n);
  297.  };
  298.  
  299.  setSlideInterval = () => {
  300.    if (
  301.      this.data !== undefined &&
  302.      this.data.settings !== undefined &&
  303.      this.data.settings.interval > 0
  304.    ) {
  305.      return setInterval(() => {
  306.        this.plusSlides(1);
  307.      }, this.data.settings.interval * 1000);
  308.    }
  309.  };
  310.  
  311.  // Next/previous controls
  312.  plusSlides = (n) => {
  313.    this.showSlides((this.slideIndex += n));
  314.  };
  315.  
  316.  determineSlideAnimation = (direction, style) => {
  317.    var inAnimation = null;
  318.    var outAnimation = null;
  319.    switch (style?.toLowerCase()) {
  320.      case "fade": {
  321.        inAnimation = "sw-fade-in-slide";
  322.        outAnimation = "sw-fade-out-slide";
  323.        break;
  324.      }
  325.      case "blur": {
  326.        inAnimation = "sw-slide-blur-in";
  327.        outAnimation = "sw-slide-blur-out";
  328.        break;
  329.      }
  330.      default: {
  331.        if (direction === "left") {
  332.          inAnimation = "sw-right-to-left-in-slide-left";
  333.          outAnimation = "sw-right-to-left-out-slide-left";
  334.        } else {
  335.          inAnimation = "sw-right-to-left-in-slide-right";
  336.          outAnimation = "sw-right-to-left-out-slide-right";
  337.        }
  338.        break;
  339.      }
  340.    }
  341.  
  342.    return {
  343.      inAnimation,
  344.      outAnimation,
  345.    };
  346.  };
  347.  
  348.  showSlides = (n) => {
  349.    var container = document.getElementById(this.id);
  350.    var i;
  351.    var direction = "forward";
  352.    var slides = container.getElementsByClassName("sw-image-slide");
  353.    var slideContents = container.getElementsByClassName(
  354.      "sw-content-container"
  355.    );
  356.    var dots = container.getElementsByClassName("sw-arrow-container");
  357.  
  358.    // Determine direction
  359.    if (n > this.prevSlide) {
  360.      direction = "left";
  361.    } else {
  362.      direction = "right";
  363.    }
  364.  
  365.    if (n >= slides.length) {
  366.      this.slideIndex = 0;
  367.    }
  368.    if (n < 0) {
  369.      this.slideIndex = slides.length - 1;
  370.    }
  371.  
  372.    this.prevAnimationInStyle = this.animationInStyle;
  373.    this.prevAnimationOutStyle = this.animationOutStyle;
  374.  
  375.    ({
  376.      inAnimation: this.animationInStyle,
  377.      outAnimation: this.animationOutStyle,
  378.    } = this.determineSlideAnimation(direction, data.settings.slideAnimation));
  379.  
  380.    // hide content settings to properly animate
  381.    // slideContents[this.prevSlide].style.display = "none";
  382.  
  383.    for (i = 0; i < dots.length; i++) {
  384.      dots[i].classList.remove("sw-slides-dot-active");
  385.    }
  386.  
  387.    if (slides.length > 0) {
  388.      // remove previous animations
  389.      for (i = 0; i < slides.length; i++) {
  390.        slides[i].classList.remove(this.prevAnimationInStyle);
  391.        slides[i].classList.remove(this.prevAnimationOutStyle);
  392.        if (i === this.slideIndex) {
  393.          slides[i].classList.remove("sw-image-slide-hidden");
  394.          slides[i].classList.add("sw-image-slide-show");
  395.          slides[i].classList.remove(this.animationOutStyle);
  396.          slides[i].classList.add(this.animationInStyle);
  397.        } else {
  398.          if (i === this.prevSlide) {
  399.            slides[i].classList.add(this.animationOutStyle);
  400.            slides[i].classList.remove(this.animationInStyle);
  401.          } else {
  402.            slides[i].classList.add("sw-image-slide-hidden");
  403.            slides[i].classList.remove("sw-image-slide-show");
  404.          }
  405.        }
  406.      }
  407.    }
  408.  
  409.    this.prevSlide = this.slideIndex;
  410.  };
  411. }
  412.  
  413. function createBC() {
  414.  $(document).ready(function () {
  415.    const href = window.location.href
  416.    let jsonURL = (href.includes("?") ? href.substring(0,href.lastIndexOf("?")) : href) + "?format=json-pretty";
  417.    var siteData = null;
  418.      $.ajax({
  419.        url: jsonURL,
  420.        type: "GET",
  421.        dataType: "text",
  422.        success: function (data) {
  423.          siteData = JSON.parse(data);
  424.          const paths = siteData.collection.urlId.split("/");
  425.          let pathUrl = siteData.website.baseUrl;
  426.          let pathLinks = [
  427.            {
  428.              title: "Home",
  429.              url: "/",
  430.            },
  431.          ];
  432.  
  433.          if (siteData && !siteData.collection.homepage) {
  434.            let nLinks = paths.length;
  435.            for (let i = 0; i < paths.length; i++) {
  436.              let pathData = null;
  437.              pathUrl += "/" + paths[i];
  438.              pathLinks.push({
  439.                title: "",
  440.                url: paths[i],
  441.              });
  442.              $.ajax({
  443.                url: pathUrl + "?format=json-pretty",
  444.                type: "GET",
  445.                dataType: "text",
  446.                success: function (rootData) {
  447.                  pathData = JSON.parse(rootData);
  448.  
  449.                  // Update Path Links
  450.                  let pathLink = pathLinks.find((pathLink) => {
  451.                    return pathLink.url === paths[i];
  452.                  });
  453.                  
  454.                  if (pathLink) {
  455.                    pathLink.title = pathData.collection.title;
  456.                    pathLink.url = pathData.collection.fullUrl;
  457.                  }
  458.                  --nLinks;
  459.                  if (nLinks === 0) {
  460.                    createBRElements(siteData.collection.title, pathLinks);
  461.                  }
  462.                },
  463.              });
  464.            }
  465.          }
  466.        },
  467.      });
  468.  });
  469. }
  470.  
  471. function createBRElements(pageTitle, pathLinks) {
  472.  var bcContainer = document.createElement("div");
  473.  bcContainer.classList.add("sw-bc-container");
  474.  var title = document.createElement("h1");
  475.  var pathContainer = document.createElement("div");
  476.  pathContainer.classList.add("sw-bc-nav");
  477.  title.innerHTML = pageTitle;
  478.  
  479.  var paths = createParentPath(pathLinks);
  480.  for (var i = 0; i < paths.length-1; i++) {
  481.    pathContainer.appendChild(paths[i]);
  482.  }
  483.  
  484.  const titleElement = document.querySelector(".sw-bc-container h1")
  485.  if (titleElement) titleElement.innerHTML = pageTitle;
  486.  const navLinksContainer = document.querySelector("#bc-nav-links")
  487.  if (navLinksContainer) navLinksContainer.appendChild(pathContainer);
  488.  
  489.  const bcContainerParent = document.querySelector(".sw-bc-container")?.parentElement?.parentElement;
  490.  
  491.  if(bcContainerParent) {
  492.    bcContainerParent.style.display = "flex";
  493.    bcContainerParent.style.alignItems = "center";
  494.    bcContainerParent.style.justifyContent = "center";
  495.  }
  496. }
  497.  
  498. function createParentPath(pathLinks) {
  499.  var paths = [];
  500.  for (var i = 0; i < pathLinks.length-1; i++) {
  501.    var pathElement;
  502.    var separator = document.createElement("span");
  503.    separator.innerHTML = "/";
  504.    if (pathLinks[i].url) {
  505.      pathElement = document.createElement("a");
  506.      pathElement.classList.add("sw-bc-path")
  507.      pathElement.innerHTML = pathLinks[i].title;
  508.      pathElement.href = pathLinks[i].url;
  509.    } else {
  510.      pathElement = document.createElement("span");
  511.      pathElement.innerHTML = pathLinks[i].title;
  512.    }
  513.    paths.push(pathElement);
  514.    if (i+1 < pathLinks.length) paths.push(separator);
  515.  }
  516.  
  517.  return paths;
  518. }
  519.  
  520. function swDecorateImage(id) {
  521.  var imageBlock = document.getElementById(id);
  522.  if (imageBlock) {
  523.    imageBlock.classList.add("sw-image-decor");
  524.    imageBlock.parentElement.classList.add("sw-image-decor-container");
  525.  }
  526. }
  527.  
  528. function swModifyTestimonialSlide(id) {
  529.  var testimonialSlideContainer = $(id);
  530.  
  531.  var leftButton = testimonialSlideContainer.find(
  532.    ".user-items-list-carousel__arrow-button--left"
  533.  );
  534.  
  535.  var rightButton = testimonialSlideContainer.find(
  536.    ".user-items-list-carousel__arrow-button--right"
  537.  );
  538.  
  539.  var buttonContainer = testimonialSlideContainer.find(
  540.    ".arrows-bottom"
  541.  );
  542.  
  543.  leftButton.css("border-radius", "0px");
  544.  leftButton.css("width", "unset");
  545.  leftButton.empty();
  546.  leftButton.append($("<div>&#10094;</div>").addClass("sw-arrow-previous"));
  547.  rightButton.css("border-radius", "0px");
  548.  rightButton.css("width", "unset");
  549.  rightButton.empty();
  550.  rightButton.append($("<div>&#10095;</div>").addClass("sw-arrow-next"));
  551.  buttonContainer.css("grid-gap", "0px");
  552.  
  553.  // Modify radius
  554.  testimonialSlideContainer.find(".user-items-list-carousel__slide").css("border-radius","2rem");
  555.  
  556.  // Get mobile arrows
  557.  var mobileLeft = testimonialSlideContainer.find(".mobile-arrow-button--left");
  558.  mobileLeft.empty();
  559.  mobileLeft.append($("<div>&#10094;</div>").addClass("sw-arrow-previous"));
  560.  mobileLeft.css("width", "unset");
  561.  mobileLeft.css("border-radius", "0px");
  562.  mobileLeft.css("margin", "0px");
  563.  var mobileRight = testimonialSlideContainer.find(".mobile-arrow-button--right");
  564.  mobileRight.empty();
  565.  mobileRight.append($("<div>&#10095;</div>").addClass("sw-arrow-next"));
  566.  mobileRight.css("width", "unset");
  567.  mobileRight.css("border-radius", "0px");
  568.  mobileRight.css("margin", "0px");
  569. }
  570.  
  571. function createTopAction() {
  572.  $(document).ready(function () {  
  573.    // change folder href
  574.    var folderNav = document.querySelector(".header-nav").getElementsByClassName("header-nav-folder-title")
  575.    for(let i=0;i < folderNav.length;i++)
  576.    {
  577.      const folderIndex = folderNav[i].href.indexOf("-folder")
  578.      const newHref = folderNav[i].href.substring(0,folderIndex);
  579.      folderNav[i].href = newHref;
  580.      folderNav[i].addEventListener("click", () => {window.location.href =  newHref});
  581.    }
  582.    
  583.    // relocate actions
  584.   const headerTitalNavWrapper = document.querySelector(".header-title-nav-wrapper");
  585.    var headerDesktopContainer = document.createElement("div");
  586.    headerDesktopContainer.classList.add("header-desktop-container");
  587.    var headerActions = document.getElementsByClassName("header-actions")[0];
  588.    var headerActionsCloned = null;
  589.    if (headerActions !== undefined) {
  590.      headerActions.style.display = "flex";
  591.      headerActionsCloned = headerActions.cloneNode(true);
  592.    }
  593.  
  594.    var headerNav = document.getElementsByClassName(
  595.      "header-display-desktop"
  596.    )[0];
  597.    headerNav.removeChild(headerActions);
  598.    var headerNavCloned = headerNav.cloneNode(true);
  599.    if (headerNav !== undefined && headerActionsCloned) {
  600.      var parentNode = headerNav.parentNode;
  601.    
  602.    headerNav.insertBefore(headerActionsCloned, headerTitalNavWrapper);
  603.    }
  604.  
  605.    const href = window.location.href
  606.    var jsonURL = href.substring(0,href.lastIndexOf("/")) + "?format=json-pretty";
  607.                                                      
  608.    var siteData = null;
  609.    $.ajax({
  610.      url: jsonURL,
  611.      type: "GET",
  612.      dataType: "text",
  613.      success: function (data) {
  614.        siteData = JSON.parse(data.replace("<!doctype html>",""));
  615.        var divPhoneEmailContainer = document.createElement("div");
  616.        var linkPhone = document.createElement("a");
  617.        var divPhoneIcon = document.createElement("div");
  618.        var divPhoneText = document.createElement("div");
  619.        var linkEmail = document.createElement("a");
  620.        var divEmailIcon = document.createElement("div");
  621.        var divEmailText = document.createElement("div");
  622.        divPhoneIcon.innerHTML = "&#9742;";
  623.        divEmailIcon.innerHTML = "&#9993;";
  624.        divPhoneText.innerHTML = siteData.websiteSettings.contactPhoneNumber ?? "(888) 287-4211";
  625.        divEmailText.innerHTML = siteData.websiteSettings.contactEmail ?? "interiordoorandcloset.com";
  626.        linkPhone.href = "tel:" + (siteData.websiteSettings.contactPhoneNumber ? siteData.websiteSettings.contactPhoneNumber : "(888) 287-4211");
  627.        linkEmail.href = "mailto:" + (siteData.websiteSettings.contactEmail ? siteData.websiteSettings.contactEmail : "interiordoorandcloset.com");
  628.        linkPhone.classList.add("sw-navigation-actions-item");
  629.        linkEmail.classList.add("sw-navigation-actions-item");
  630.        divPhoneIcon.classList.add("sw-navigation-actions-icon");
  631.        divEmailIcon.classList.add("sw-navigation-actions-icon");
  632.        linkPhone.appendChild(divPhoneIcon);
  633.        linkPhone.appendChild(divPhoneText);
  634.        linkEmail.appendChild(divEmailIcon);
  635.        linkEmail.appendChild(divEmailText);
  636.        divPhoneEmailContainer.appendChild(linkPhone);
  637.        divPhoneEmailContainer.appendChild(linkEmail);
  638.        divPhoneEmailContainer.classList.add("sw-navigation-actions-top");
  639.        headerActionsCloned.insertBefore(divPhoneEmailContainer, headerActionsCloned.firstChild);
  640.      },
  641.    });
  642.  });
  643. }
  644.  
  645. class SWGalleryPagination {
  646.  constructor() {
  647.    this.currentPage = 1;
  648.    this.itemsPerPage = 12;
  649.    this.imageCount = 0;
  650.    this.pageCount = 0;
  651.  }
  652.  
  653.  initGalleryLabels() {
  654.    setTimeout(() => {
  655.      this.addLabels();
  656.    }, 2000);
  657.  }
  658.  initGalleryPage() {
  659.    // Hook body on resize
  660.    document.body.onresize = () => {
  661.      this.setFluidContainerHeight();
  662.    };
  663.  
  664.    setTimeout(() => {
  665.      this.hideImages();
  666.      this.createPageButtons();
  667.      this.setFluidContainerHeight();
  668.    }, 2000);
  669.  }
  670.  
  671.  addLabelToLightBox()
  672.  {
  673.    const lightBoxDiv = document.querySelectorAll(".sqs-lightbox-slide");
  674.    for (let i = 0; i < lightBoxDiv.length; i++)
  675.    {
  676.      const lightBoxLabel = lightBoxDiv[i].querySelector(".sw-gallery-lightbox-label");
  677.      if (lightBoxLabel === null)
  678.      {
  679.        const imageSrc = lightBoxDiv[i].querySelector("img").getAttribute("data-image");
  680.        const fileName = imageSrc.substring(imageSrc.lastIndexOf("/")+1,imageSrc.length);
  681.        const label = decodeURIComponent(fileName.substring(0,fileName.lastIndexOf(".")));
  682.        const spanLabel = document.createElement("span");
  683.        spanLabel.classList.add("sw-gallery-lightbox-label");
  684.        spanLabel.innerHTML = "#" + (i+1) + " " + label.replaceAll("+"," ");
  685.        lightBoxDiv[i].append(spanLabel);
  686.      }
  687.    }
  688.  }
  689.  
  690.  addLabels() {
  691.    var galleryBlock = document.getElementsByClassName("sqs-block-gallery")[0];
  692.    setTimeout(() => {
  693.      galleryBlock.style.setProperty('display', 'block', 'important');
  694.    }, 500);
  695.   document.addEventListener("scroll", () => {
  696.      galleryBlock.style.setProperty('display', 'block', 'important');
  697.    });
  698.    
  699.    var imageList = document.getElementsByClassName(
  700.      "sqs-gallery-design-grid-slide"
  701.    );
  702.  
  703.    for (let i = 0; i < imageList.length; i++) {
  704.      const imageLabelClass = imageList[i].querySelector(".sw-gallery-image-label");
  705.      //const imageLabelClass = imageList[i].querySelector(".sqs-gallery-design-grid-slide");
  706.      
  707.      if(imageLabelClass === null)
  708.      {
  709.     const imageLink = imageList[i].querySelector("a");
  710.        const imageSrc = imageList[i].querySelector("img").getAttribute("data-image");
  711.        const fileName = imageSrc.substring(imageSrc.lastIndexOf("/")+1,imageSrc.length);
  712.        const label = decodeURIComponent(fileName.substring(0,fileName.lastIndexOf(".")));
  713.        const spanLabel = document.createElement("span");
  714.        spanLabel.classList.add("sw-gallery-image-label");
  715.        spanLabel.innerHTML = label.replaceAll("+"," ");
  716.        const spanNumber = document.createElement("span");
  717.        spanNumber.innerHTML = "#" + (i+1);
  718.        spanNumber.classList.add("sw-gallery-image-number");
  719.        imageLink.style.position = "relative";
  720.       imageLink.append(spanLabel);
  721.       imageLink.append(spanNumber);
  722.        imageLink.addEventListener("click", this.addLabelToLightBox);
  723.      }
  724.    }
  725.  }
  726.  
  727.  hideImages() {
  728.    
  729.    var imageList = document.getElementsByClassName(
  730.      "sqs-gallery-design-grid-slide"
  731.    );
  732.  
  733.    var lowerLimit = (this.currentPage - 1) * this.itemsPerPage;
  734.    var upperLimit = this.currentPage * this.itemsPerPage;
  735.    this.imageCount = imageList.length;
  736.    for (let i = 0; i < imageList.length; i++) {
  737.      const imageLabelClass = imageList[i].querySelector(".sw-gallery-image-label");
  738.      //const imageLabelClass = imageList[i].querySelector(".sqs-gallery-design-grid-slide");
  739.      
  740.      if(imageLabelClass === null)
  741.      {
  742.     const imageLink = imageList[i].querySelector("a");
  743.        const imageSrc = imageList[i].querySelector("img").getAttribute("data-image");
  744.        const fileName = imageSrc.substring(imageSrc.lastIndexOf("/")+1,imageSrc.length);
  745.        const label = decodeURIComponent(fileName.substring(0,fileName.lastIndexOf(".")));
  746.        const spanLabel = document.createElement("span");
  747.        spanLabel.classList.add("sw-gallery-image-label");
  748.        spanLabel.innerHTML = label.replaceAll("+"," ");
  749.        const spanNumber = document.createElement("span");
  750.        spanNumber.innerHTML = "#" + (i+1);
  751.        spanNumber.classList.add("sw-gallery-image-number");
  752.        imageLink.style.position = "relative";
  753.       imageLink.append(spanLabel);
  754.       imageLink.append(spanNumber);
  755.        imageLink.addEventListener("click", this.addLabelToLightBox);
  756.      }
  757.      
  758.      if (i >= lowerLimit && i < upperLimit) {
  759.        imageList[i].style.cssText = 'display:initial !important';
  760.      } else {
  761.        imageList[i].style.cssText = 'display:none !important';
  762.      }
  763.    }
  764.  
  765.    var pages = document.getElementsByClassName("sw-gallery-page-item");
  766.    var fillers = document.getElementsByClassName("sw-gallery-page-filler");
  767.  
  768.    for (var i = 0; i < pages?.length; i++) {
  769.      pages[i].style.display = "flex";
  770.      var pageNumber = i + 1;
  771.      if (pageNumber === this.currentPage) {
  772.        pages[i].classList.add("sw-gallery-page-item-active");
  773.        pages[i].style.display = "flex";
  774.      } else {
  775.        pages[i].classList?.remove("sw-gallery-page-item-active");
  776.      }
  777.    }
  778.  
  779.    if (this.pageCount > 5) {
  780.      if (this.currentPage >= 4) {
  781.        fillers[0].style.display = "flex";
  782.      } else {
  783.        fillers[0].style.display = "none";
  784.      }
  785.  
  786.      if (this.currentPage + 2 >= this.pageCount) {
  787.        fillers[1].style.display = "none";
  788.  
  789.        for (var i = pages.length - 5; i > 0; i--) {
  790.          pages[i].style.display = "none";
  791.        }
  792.      } else {
  793.        fillers[1].style.display = "flex";
  794.  
  795.        for (var i = 4; i < pages.length - 1; i++) {
  796.          pages[i].style.display = "none";
  797.        }
  798.      }
  799.    }
  800.  }
  801.  
  802.  createPageButtons() {
  803.    var galleryContainer =
  804.      document.getElementsByClassName("sqs-block-gallery")[0];
  805.  
  806.    var pageContainer = document.createElement("div");
  807.    pageContainer.classList.add("sw-gallery-page-container");
  808.  
  809.    var previousArrow = document.createElement("div");
  810.    previousArrow.classList.add("sw-arrow-previous");
  811.    previousArrow.onclick = () => {
  812.      this.movePageNumber(this.currentPage - 1);
  813.    };
  814.    previousArrow.innerHTML = "&#10094;";
  815.  
  816.    var nextArrow = document.createElement("div");
  817.    nextArrow.classList.add("sw-arrow-next");
  818.    nextArrow.onclick = () => {
  819.      this.movePageNumber(this.currentPage + 1);
  820.    };
  821.    nextArrow.innerHTML = "&#10095;";
  822.    pageContainer.appendChild(previousArrow);
  823.  
  824.    this.pageCount = Math.trunc(this.imageCount / this.itemsPerPage) + 1;
  825.  
  826.    var fillerGapLeft = document.createElement("div");
  827.    fillerGapLeft.classList.add("sw-gallery-page-filler");
  828.    fillerGapLeft.style.display = "none";
  829.    fillerGapLeft.innerHTML = "...";
  830.    var fillerGapRight = document.createElement("div");
  831.    fillerGapRight.classList.add("sw-gallery-page-filler");
  832.    fillerGapRight.innerHTML = "...";
  833.  
  834.    for (var i = 0; i < this.pageCount; i++) {
  835.      const pageNumber = i + 1;
  836.      let pageNumberElement = document.createElement("div");
  837.      pageNumberElement.classList.add("sw-gallery-page-item");
  838.      if (i + 1 === this.currentPage)
  839.        pageNumberElement.classList.add("sw-gallery-page-item-active");
  840.        
  841.      pageNumberElement.innerHTML = pageNumber;
  842.      pageNumberElement.onclick = () => {
  843.        this.movePageNumber(pageNumber);
  844.      };
  845.  
  846.      pageContainer.appendChild(pageNumberElement);
  847.  
  848.      if (this.pageCount > 5) {
  849.        if (pageNumber === 1) {
  850.          pageContainer.appendChild(fillerGapLeft);
  851.        } else if (pageNumber + 1 === this.pageCount) {
  852.          pageContainer.appendChild(fillerGapRight);
  853.        }
  854.  
  855.        if (pageNumber > 4 && pageNumber !== this.pageCount) {
  856.          pageNumberElement.style.display = "none";
  857.        }
  858.      }
  859.    }
  860.    pageContainer.appendChild(nextArrow);
  861.  
  862.    if (this.pageCount > 1) {
  863.      galleryContainer.appendChild(pageContainer);
  864.    }
  865.  }
  866.  
  867.  setFluidContainerHeight() {
  868.    // Set height fluid container
  869.    const fluidContainer =
  870.      document.getElementsByClassName("sqs-block-gallery")[0].parentElement
  871.        .parentElement;
  872.    const galleryContainer =
  873.      document.getElementsByClassName("sqs-block-gallery")[0].parentElement;
  874.    const itemHeight = document.getElementsByClassName(
  875.      "sqs-gallery-design-grid-slide"
  876.    )[0].offsetHeight;
  877.  
  878.    const pageContainerHeight = document.getElementsByClassName(
  879.      "sw-gallery-page-container"
  880.    )[0]?.offsetHeight;
  881.  
  882.    const multiplier = document.body.offsetWidth < 768 ? 6 : 3;
  883.    let newHeight = itemHeight * multiplier + (pageContainerHeight ?? 0)
  884.  
  885.    // Get heading and title
  886.    var textElements = fluidContainer.getElementsByClassName("html-block");
  887.    for(var i=0; i < textElements?.length; i++)
  888.    {
  889.        newHeight += textElements[i].offsetHeight;
  890.    }
  891.  
  892.    newHeight = (newHeight + 200) + "px";
  893. console.log(newHeight);
  894.    galleryContainer.style.height = newHeight;
  895.  
  896.    fluidContainer.style.height = newHeight;
  897.    const contentWrapper = document.getElementsByClassName("sqs-block-gallery")[0].parentElement.parentElement.parentElement;
  898.    
  899.    contentWrapper.style.height = newHeight;
  900.  }
  901.  
  902.  movePageNumber(pageNumber) {
  903.    if (pageNumber < 1) pageNumber = 1;
  904.    else if (pageNumber > this.pageCount) pageNumber = this.pageCount;
  905.  
  906.    if (this.currentPage !== pageNumber) {
  907.      this.currentPage = pageNumber;
  908.      this.hideImages();
  909.    }
  910.  }
  911. }
  912.        
  913. </script>
  914. <style>
  915.  .header-actions
  916.  {
  917.    display: none;
  918.  }
  919. </style>
  920. <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
  921.  
  922. <!-- Clarity tracking code for https://www.interiordoorandcloset.com/ --><script>    (function(c,l,a,r,i,t,y){        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i+"?ref=bwt";        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);    })(window, document, "clarity", "script", "n9oz9g9h9y");</script>
  923.  
  924. <script type="application/ld+json">{"url":"https://www.interiordoorandcloset.com","name":"Interior Door & Closet Company","description":"","image":"//images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/4bb5d3d8-c11e-4393-ab4b-c3e38d740560/logo.png","@context":"http://schema.org","@type":"WebSite"}</script>
  925.  
  926. <script type="application/ld+json">{"name": "Interior Door and Closet Company","image":"https://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1719490341817/","legalName":"Interior Door and Closet Company","address":"15441 Chemical Lane\nHuntington Beach, CA, 92649\nUnited States","email":"info@interiordoorandcloset.com","telephone":"(714) 895-5100","sameAs":["https://goo.gl/maps/GnSrfPScLQR2","https://www.facebook.com/interiordoorandcloset","https://www.pinterest.com/ocdoors/","https://www.linkedin.com/company/interior-door-and-closet-company/about/","https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company","https://www.instagram.com/ocdoorsandclosets/"],"@context":"http://schema.org","@type":"Organization"}</script>
  927.  
  928. <script type="application/ld+json">{"address":"15441 Chemical Lane\nHuntington Beach, CA, 92649\nUnited States","image":"https://static1.squarespace.com/static/62df9f96468cac7176a697b8/t/62dfa0ddbf576b4e38489cf7/1719490341817/","name":"Interior Door and Closet Company","openingHours":"Mo 09:00-17:00, Tu 09:00-17:00, We 09:00-17:00, Th 09:00-17:00, Fr 09:00-17:00, Sa 11:00-15:00, ","@context":"http://schema.org","@type":"LocalBusiness"}</script>
  929.  
  930. <script src="https://t.cometlytrack.com/e?uid=9cd157-4503599668000011-037496-s"></script>
  931. <script>
  932. comet('init');
  933. </script>
  934.  
  935. <script>
  936.  document.addEventListener("DOMContentLoaded", function() {
  937.    // Select all schema scripts of type "application/ld+json"
  938.    const schemaScripts = document.querySelectorAll('script[type="application/ld+json"]');
  939.  
  940.    // Remove the first three schema scripts added by Squarespace
  941.    schemaScripts.forEach((script, index) => {
  942.      if (index < 3) {
  943.        script.remove();
  944.      }
  945.    });
  946.  });
  947. </script>
  948.  
  949. <script>
  950.  document.addEventListener("DOMContentLoaded", function() {
  951.    // Get the current page URL
  952.    const currentUrl = window.location.pathname;
  953.  
  954.    // Check if the URL matches the FAQ page
  955.    if (currentUrl.includes('/faq')) {
  956.      // Select all schema scripts of type "application/ld+json"
  957.      const schemaScripts = document.querySelectorAll('script[type="application/ld+json"]');
  958.  
  959.      // Remove the first three schema scripts added by Squarespace
  960.      schemaScripts.forEach((script, index) => {
  961.        if (index < 3) {
  962.          script.remove();
  963.        }
  964.      });
  965.    } else {
  966.      // Remove the manually added FAQ Schema if not on the FAQ page
  967.      const faqSchema = document.querySelector('script#faq-schema');
  968.      if (faqSchema) {
  969.        faqSchema.remove();
  970.      }
  971.    }
  972.  });
  973. </script><script defer>
  974.   const data = {
  975.                        settings: {
  976.                            interval: 5,
  977.                            target: 0,
  978.                            slideAnimation: "fade",
  979.                        }
  980.                    }
  981.  
  982.                    let slides = new SWSSlides("hero-slide", data);
  983.                    
  984.                    $(document).ready(function () {
  985.                        slides.createSlides();
  986.                      
  987.    swDecorateImage("block-984b0e07179ef614a1c6");
  988.                      swModifyTestimonialSlide('[data-section-id="62e7b6368b3184307aa195d5"]');
  989.                    });
  990. </script>
  991.  
  992. <style>
  993.  
  994. section[data-section-id="62e7a6759f6aeb2bb6a015ff"] .sqs-block-image
  995. {
  996.  background-color: white !important;
  997. }
  998.  
  999.  /* mobile */
  1000. @media screen and (max-width:767px) {
  1001.  section[data-section-id="62e7b6368b3184307aa195d5"]
  1002.  {
  1003.    padding-left: 1rem;
  1004.    padding-right: 1rem;
  1005.  }
  1006. }
  1007.  
  1008. </style>
  1009. <!-- Bing Site Authorization Tag -->
  1010. <meta name="msvalidate.01" content="DECEDEEE11268D13C34E9702F50DE4DC" /><script>Static.COOKIE_BANNER_CAPABLE = true;</script>
  1011. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-4199070-1"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZjQwMz', true);gtag('config', 'UA-4199070-1');</script><!-- End of Squarespace Headers -->
  1012.    <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1752169869998-QC793B4OV8HL9A1L52BT/static.css">
  1013.  </head>
  1014.  
  1015.  <body
  1016.    id="collection-62dfa072528d6a3af1025340"
  1017.    class="
  1018.      primary-button-style-solid primary-button-shape-pill secondary-button-style-solid secondary-button-shape-pill tertiary-button-style-solid tertiary-button-shape-pill  form-field-style-solid form-field-shape-square form-field-border-all form-field-checkbox-type-icon form-field-checkbox-fill-solid form-field-checkbox-color-inverted form-field-checkbox-shape-square form-field-checkbox-layout-stack form-field-radio-type-icon form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-pill form-field-radio-layout-stack form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-pill form-field-hover-focus-outline form-submit-button-style-label header-overlay-alignment-left header-width-full   tweak-fixed-header-style-scroll-back tweak-blog-alternating-side-by-side-width-full tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show tweak-blog-basic-grid-width-inset tweak-blog-basic-grid-image-aspect-ratio-32-standard tweak-blog-basic-grid-text-alignment-left tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-date tweak-blog-basic-grid-secondary-meta-categories tweak-blog-basic-grid-excerpt-show tweak-blog-item-width-medium tweak-blog-item-text-alignment-center tweak-blog-item-meta-position-above-title tweak-blog-item-show-categories tweak-blog-item-show-date   tweak-blog-item-delimiter-bullet tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-left tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show tweak-blog-side-by-side-width-full tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-11-square tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-date tweak-blog-side-by-side-meta-position-top tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show tweak-blog-single-column-width-full tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-date tweak-blog-single-column-secondary-meta-categories tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-title-only tweak-events-stacked-width-full tweak-events-stacked-height-large  tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-with-text tweak-events-stacked-show-time tweak-events-stacked-show-location  tweak-events-stacked-show-excerpt   tweak-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-none tweak-global-animations-animation-curve-ease tweak-portfolio-grid-basic-width-full tweak-portfolio-grid-basic-height-large tweak-portfolio-grid-basic-image-aspect-ratio-11-square tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-fade tweak-portfolio-grid-overlay-width-full tweak-portfolio-grid-overlay-height-large tweak-portfolio-grid-overlay-image-aspect-ratio-11-square tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full tweak-portfolio-index-background-height-large  tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline  tweak-portfolio-hover-follow-delimiter-bullet tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-fast tweak-portfolio-hover-static-layout-inline tweak-portfolio-hover-static-front tweak-portfolio-hover-static-delimiter-hyphen tweak-portfolio-hover-static-animation-type-fade tweak-portfolio-hover-static-animation-duration-fast image-block-poster-text-alignment-center image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-center image-block-collage-text-alignment-left image-block-stack-text-alignment-left hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-php collection-62dfa072528d6a3af1025340 collection-type-page collection-layout-default homepage mobile-style-available sqs-seven-one
  1019.      
  1020.        
  1021.          
  1022.            
  1023.              
  1024.            
  1025.          
  1026.        
  1027.      
  1028.    "
  1029.    tabindex="-1"
  1030.  >
  1031.    <div
  1032.      id="siteWrapper"
  1033.      class="clearfix site-wrapper"
  1034.    >
  1035.      
  1036.        <div id="floatingCart" class="floating-cart hidden">
  1037.          <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart">
  1038.            <span class="Cart-inner">
  1039.              
  1040.  
  1041.  
  1042.  
  1043.  <svg class="icon icon--cart" viewBox="0 0 31 24">
  1044.  <g class="svg-icon cart-icon--odd">
  1045.    <circle fill="none" stroke-miterlimit="10" cx="22.5" cy="21.5" r="1"/>
  1046.    <circle fill="none" stroke-miterlimit="10" cx="9.5" cy="21.5" r="1"/>
  1047.    <path fill="none" stroke-miterlimit="10" d="M0,1.5h5c0.6,0,1.1,0.4,1.1,1l1.7,13
  1048.      c0.1,0.5,0.6,1,1.1,1h15c0.5,0,1.2-0.4,1.4-0.9l3.3-8.1c0.2-0.5-0.1-0.9-0.6-0.9H12"/>
  1049.  </g>
  1050. </svg>
  1051.  
  1052.              <div class="legacy-cart icon-cart-quantity">
  1053.                <span class="sqs-cart-quantity">0</span>
  1054.              </div>
  1055.            </span>
  1056.          </a>
  1057.        </div>
  1058.      
  1059.  
  1060.      
  1061.  
  1062.  
  1063.  
  1064.  
  1065.  
  1066.  
  1067.  
  1068.  
  1069.  
  1070.  
  1071.  
  1072.  
  1073.  <header
  1074.    data-test="header"
  1075.    id="header"
  1076.    
  1077.    class="
  1078.      
  1079.        white
  1080.      
  1081.      header theme-col--primary
  1082.    "
  1083.    data-section-theme="white"
  1084.    data-controller="Header"
  1085.    data-current-styles="{
  1086. &quot;layout&quot;: &quot;navRight&quot;,
  1087. &quot;action&quot;: {
  1088. &quot;href&quot;: &quot;/donate&quot;,
  1089. &quot;buttonText&quot;: &quot;Donate&quot;,
  1090. &quot;newWindow&quot;: false
  1091. },
  1092. &quot;showSocial&quot;: true,
  1093. &quot;socialOptions&quot;: {
  1094. &quot;socialBorderShape&quot;: &quot;none&quot;,
  1095. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  1096. &quot;socialBorderThickness&quot;: {
  1097. &quot;unit&quot;: &quot;px&quot;,
  1098. &quot;value&quot;: 1.0
  1099. }
  1100. },
  1101. &quot;sectionTheme&quot;: &quot;white&quot;,
  1102. &quot;menuOverlayTheme&quot;: &quot;white&quot;,
  1103. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  1104. &quot;cartStyle&quot;: &quot;cart&quot;,
  1105. &quot;cartText&quot;: &quot;Cart&quot;,
  1106. &quot;showEmptyCartState&quot;: true,
  1107. &quot;cartOptions&quot;: {
  1108. &quot;iconType&quot;: &quot;stroke-1&quot;,
  1109. &quot;cartBorderShape&quot;: &quot;none&quot;,
  1110. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  1111. &quot;cartBorderThickness&quot;: {
  1112. &quot;unit&quot;: &quot;px&quot;,
  1113. &quot;value&quot;: 1.0
  1114. }
  1115. },
  1116. &quot;showButton&quot;: false,
  1117. &quot;showCart&quot;: false,
  1118. &quot;showAccountLogin&quot;: false,
  1119. &quot;headerStyle&quot;: &quot;theme&quot;,
  1120. &quot;languagePicker&quot;: {
  1121. &quot;enabled&quot;: false,
  1122. &quot;iconEnabled&quot;: false,
  1123. &quot;iconType&quot;: &quot;globe&quot;,
  1124. &quot;flagShape&quot;: &quot;shiny&quot;,
  1125. &quot;languageFlags&quot;: [ ]
  1126. },
  1127. &quot;iconOptions&quot;: {
  1128. &quot;desktopDropdownIconOptions&quot;: {
  1129. &quot;endcapType&quot;: &quot;square&quot;,
  1130. &quot;folderDropdownIcon&quot;: &quot;none&quot;,
  1131. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  1132. },
  1133. &quot;mobileDropdownIconOptions&quot;: {
  1134. &quot;endcapType&quot;: &quot;square&quot;,
  1135. &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
  1136. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  1137. }
  1138. },
  1139. &quot;mobileOptions&quot;: {
  1140. &quot;layout&quot;: &quot;logoRightNavLeft&quot;,
  1141. &quot;menuIconOptions&quot;: {
  1142. &quot;style&quot;: &quot;tripleLineHamburger&quot;,
  1143. &quot;thickness&quot;: {
  1144. &quot;unit&quot;: &quot;px&quot;,
  1145. &quot;value&quot;: 3.0
  1146. }
  1147. }
  1148. },
  1149. &quot;solidOptions&quot;: {
  1150. &quot;headerOpacity&quot;: {
  1151. &quot;unit&quot;: &quot;%&quot;,
  1152. &quot;value&quot;: 100.0
  1153. },
  1154. &quot;blurBackground&quot;: {
  1155. &quot;enabled&quot;: false,
  1156. &quot;blurRadius&quot;: {
  1157. &quot;unit&quot;: &quot;px&quot;,
  1158. &quot;value&quot;: 12.0
  1159. }
  1160. },
  1161. &quot;backgroundColor&quot;: {
  1162. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1163. &quot;sitePaletteColor&quot;: {
  1164. &quot;colorName&quot;: &quot;white&quot;,
  1165. &quot;alphaModifier&quot;: 1.0
  1166. }
  1167. },
  1168. &quot;navigationColor&quot;: {
  1169. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1170. &quot;sitePaletteColor&quot;: {
  1171. &quot;colorName&quot;: &quot;black&quot;,
  1172. &quot;alphaModifier&quot;: 1.0
  1173. }
  1174. }
  1175. },
  1176. &quot;gradientOptions&quot;: {
  1177. &quot;gradientType&quot;: &quot;faded&quot;,
  1178. &quot;headerOpacity&quot;: {
  1179. &quot;unit&quot;: &quot;%&quot;,
  1180. &quot;value&quot;: 90.0
  1181. },
  1182. &quot;blurBackground&quot;: {
  1183. &quot;enabled&quot;: false,
  1184. &quot;blurRadius&quot;: {
  1185. &quot;unit&quot;: &quot;px&quot;,
  1186. &quot;value&quot;: 12.0
  1187. }
  1188. },
  1189. &quot;backgroundColor&quot;: {
  1190. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1191. &quot;sitePaletteColor&quot;: {
  1192. &quot;colorName&quot;: &quot;white&quot;,
  1193. &quot;alphaModifier&quot;: 1.0
  1194. }
  1195. },
  1196. &quot;navigationColor&quot;: {
  1197. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1198. &quot;sitePaletteColor&quot;: {
  1199. &quot;colorName&quot;: &quot;black&quot;,
  1200. &quot;alphaModifier&quot;: 1.0
  1201. }
  1202. }
  1203. },
  1204. &quot;dropShadowOptions&quot;: {
  1205. &quot;enabled&quot;: false,
  1206. &quot;blur&quot;: {
  1207. &quot;unit&quot;: &quot;px&quot;,
  1208. &quot;value&quot;: 12.0
  1209. },
  1210. &quot;spread&quot;: {
  1211. &quot;unit&quot;: &quot;px&quot;,
  1212. &quot;value&quot;: 0.0
  1213. },
  1214. &quot;distance&quot;: {
  1215. &quot;unit&quot;: &quot;px&quot;,
  1216. &quot;value&quot;: 12.0
  1217. }
  1218. },
  1219. &quot;borderOptions&quot;: {
  1220. &quot;enabled&quot;: false,
  1221. &quot;position&quot;: &quot;bottom&quot;,
  1222. &quot;thickness&quot;: {
  1223. &quot;unit&quot;: &quot;px&quot;,
  1224. &quot;value&quot;: 4.0
  1225. }
  1226. },
  1227. &quot;showPromotedElement&quot;: false,
  1228. &quot;buttonVariant&quot;: &quot;primary&quot;,
  1229. &quot;blurBackground&quot;: {
  1230. &quot;enabled&quot;: false,
  1231. &quot;blurRadius&quot;: {
  1232. &quot;unit&quot;: &quot;px&quot;,
  1233. &quot;value&quot;: 12.0
  1234. }
  1235. },
  1236. &quot;headerOpacity&quot;: {
  1237. &quot;unit&quot;: &quot;%&quot;,
  1238. &quot;value&quot;: 100.0
  1239. }
  1240. }"
  1241.    data-section-id="header"
  1242.    data-header-style="theme"
  1243.    data-language-picker="{
  1244. &quot;enabled&quot;: false,
  1245. &quot;iconEnabled&quot;: false,
  1246. &quot;iconType&quot;: &quot;globe&quot;,
  1247. &quot;flagShape&quot;: &quot;shiny&quot;,
  1248. &quot;languageFlags&quot;: [ ]
  1249. }"
  1250.    
  1251.    data-first-focusable-element
  1252.    tabindex="-1"
  1253.    style="
  1254.      
  1255.      
  1256.      
  1257.        --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  1258.      
  1259.      
  1260.        --solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
  1261.      
  1262.      
  1263.        --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  1264.      
  1265.      
  1266.        --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
  1267.      
  1268.    "
  1269.  >
  1270.    <svg  style="display:none" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
  1271.  <symbol id="circle" >
  1272.    <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" fill="none" />
  1273.  </symbol>
  1274.  
  1275.  <symbol id="circleFilled" >
  1276.    <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" />
  1277.  </symbol>
  1278.  
  1279.  <symbol id="dash" >
  1280.    <path d="M11 11H19H3" />
  1281.  </symbol>
  1282.  
  1283.  <symbol id="squareFilled" >
  1284.    <rect x="6" y="6" width="11" height="11" />
  1285.  </symbol>
  1286.  
  1287.  <symbol id="square" >
  1288.    <rect x="7" y="7" width="9" height="9" fill="none" stroke="inherit" />
  1289.  </symbol>
  1290.  
  1291.  <symbol id="plus" >
  1292.    <path d="M11 3V19" />
  1293.    <path d="M19 11L3 11"/>
  1294.  </symbol>
  1295.  
  1296.  <symbol id="closedArrow" >
  1297.    <path d="M11 11V2M11 18.1797L17 11.1477L5 11.1477L11 18.1797Z" fill="none" />
  1298.  </symbol>
  1299.  
  1300.  <symbol id="closedArrowFilled" >
  1301.    <path d="M11 11L11 2" stroke="inherit" fill="none"  />
  1302.    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.74695 9.38428L19.038 9.38428L10.8925 19.0846L2.74695 9.38428Z" stroke-width="1" />
  1303.  </symbol>
  1304.  
  1305.  <symbol id="closedArrowHead" viewBox="0 0 22 22"  xmlns="http://www.w3.org/2000/symbol">
  1306.    <path d="M18 7L11 15L4 7L18 7Z" fill="none" stroke="inherit" />
  1307.  </symbol>
  1308.  
  1309.  
  1310.  <symbol id="closedArrowHeadFilled" viewBox="0 0 22 22"  xmlns="http://www.w3.org/2000/symbol">
  1311.    <path d="M18.875 6.5L11 15.5L3.125 6.5L18.875 6.5Z" />
  1312.  </symbol>
  1313.  
  1314.  <symbol id="openArrow" >
  1315.    <path d="M11 18.3591L11 3" stroke="inherit" fill="none"  />
  1316.    <path d="M18 11.5L11 18.5L4 11.5" stroke="inherit" fill="none"  />
  1317.  </symbol>
  1318.  
  1319.  <symbol id="openArrowHead" >
  1320.    <path d="M18 7L11 14L4 7" fill="none" />
  1321.  </symbol>
  1322.  
  1323.  <symbol id="pinchedArrow" >
  1324.    <path d="M11 17.3591L11 2" fill="none" />
  1325.    <path d="M2 11C5.85455 12.2308 8.81818 14.9038 11 18C13.1818 14.8269 16.1455 12.1538 20 11" fill="none" />
  1326.  </symbol>
  1327.  
  1328.  <symbol id="pinchedArrowFilled" >
  1329.    <path d="M11.05 10.4894C7.04096 8.73759 1.05005 8 1.05005 8C6.20459 11.3191 9.41368 14.1773 11.05 21C12.6864 14.0851 15.8955 11.227 21.05 8C21.05 8 15.0591 8.73759 11.05 10.4894Z" stroke-width="1"/>
  1330.    <path d="M11 11L11 1" fill="none"/>
  1331.  </symbol>
  1332.  
  1333.  <symbol id="pinchedArrowHead" >
  1334.    <path d="M2 7.24091C5.85455 8.40454 8.81818 10.9318 11 13.8591C13.1818 10.8591 16.1455 8.33181 20 7.24091"  fill="none" />
  1335.  </symbol>
  1336.  
  1337.  <symbol id="pinchedArrowHeadFilled" >
  1338.    <path d="M11.05 7.1591C7.04096 5.60456 1.05005 4.95001 1.05005 4.95001C6.20459 7.89547 9.41368 10.4318 11.05 16.4864C12.6864 10.35 15.8955 7.81365 21.05 4.95001C21.05 4.95001 15.0591 5.60456 11.05 7.1591Z" />
  1339.  </symbol>
  1340.  
  1341. </svg>
  1342.    
  1343.  <script>
  1344.    function shouldShowAnnouncementBar() {
  1345.      try {
  1346.        if (!window.Static.SQUARESPACE_CONTEXT.showAnnouncementBar) {
  1347.          return false;
  1348.        }
  1349.        var localDataStr = localStorage.getItem('squarespace-announcement-bar');
  1350.        if (localDataStr && JSON.parse(localDataStr).closed) {
  1351.          return false;
  1352.        }
  1353.        return true;
  1354.      } catch(e) {
  1355.        console.error(e);
  1356.        return true;
  1357.      }
  1358.    }
  1359.    if (shouldShowAnnouncementBar()) {
  1360.      document.body.classList.add('announcement-bar-reserved-space');
  1361.    }
  1362.    //# sourceURL=reserveSpaceForAnnouncementBar.js
  1363.  </script>
  1364.  
  1365. <div class="sqs-announcement-bar-dropzone"></div>
  1366.  
  1367.    <div class="header-announcement-bar-wrapper">
  1368.      
  1369.      <a
  1370.        href="#page"
  1371.        class="header-skip-link sqs-button-element--primary"
  1372.      >
  1373.        Skip to Content
  1374.      </a>
  1375.      
  1376.  
  1377.  
  1378. <style>
  1379.    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  1380.        .header-blur-background {
  1381.            
  1382.            
  1383.        }
  1384.    }
  1385. </style>
  1386.      <div
  1387.        class="header-border"
  1388.        data-header-style="theme"
  1389.        data-header-border="false"
  1390.        data-test="header-border"
  1391.        style="
  1392.  
  1393.  
  1394.  
  1395.  
  1396. "
  1397.      ></div>
  1398.      <div
  1399.        class="header-dropshadow"
  1400.        data-header-style="theme"
  1401.        data-header-dropshadow="false"
  1402.        data-test="header-dropshadow"
  1403.        style=""
  1404.      ></div>
  1405.      
  1406.      
  1407.  
  1408.      <div class='header-inner container--fluid
  1409.        
  1410.        
  1411.        
  1412.        
  1413.        
  1414.        
  1415.        
  1416.        
  1417.         header-mobile-layout-logo-right-nav-left
  1418.        
  1419.         header-layout-nav-right
  1420.        
  1421.        
  1422.        
  1423.        
  1424.        
  1425.        
  1426.        
  1427.        
  1428.        '
  1429.        data-test="header-inner"
  1430.        >
  1431.        <!-- Background -->
  1432.        <div class="header-background theme-bg--primary"></div>
  1433.  
  1434.        <div class="header-display-desktop" data-content-field="site-title">
  1435.          
  1436.  
  1437.          
  1438.  
  1439.          
  1440.  
  1441.          
  1442.  
  1443.          
  1444.  
  1445.          
  1446.          
  1447.            
  1448.            <!-- Social -->
  1449.            
  1450.              
  1451.            
  1452.          
  1453.            
  1454.            <!-- Title and nav wrapper -->
  1455.            <div class="header-title-nav-wrapper">
  1456.              
  1457.  
  1458.              
  1459.  
  1460.              
  1461.                
  1462.                <!-- Title -->
  1463.                
  1464.                  <div
  1465.                    class="
  1466.                      header-title
  1467.                      
  1468.                    "
  1469.                    data-animation-role="header-element"
  1470.                  >
  1471.                    
  1472.                      <div class="header-title-logo">
  1473.                        <a href="/" data-animation-role="header-element">
  1474.                        
  1475. <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/4bb5d3d8-c11e-4393-ab4b-c3e38d740560/logo.png?format=1500w" alt="Interior Door &amp;amp; Closet Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">
  1476.  
  1477.                        </a>
  1478.                      </div>
  1479.  
  1480.                    
  1481.                    
  1482.                  </div>
  1483.                
  1484.              
  1485.                
  1486.                <!-- Nav -->
  1487.                <div class="header-nav">
  1488.                  <div class="header-nav-wrapper">
  1489.                    <nav class="header-nav-list">
  1490.                      
  1491.  
  1492.  
  1493.  
  1494.    <div class="header-nav-item header-nav-item--folder">
  1495.      <a
  1496.        class="header-nav-folder-title"
  1497.        href="/interior-doors-folder"
  1498.        data-animation-role="header-element"
  1499.        aria-expanded="false"
  1500.        aria-label="folder dropdown"
  1501.        aria-controls="interior-doors"
  1502.        
  1503.      >
  1504.      <span class="header-nav-folder-title-text">
  1505.        Interior Doors
  1506.      </span>
  1507.      </a>
  1508.      <div class="header-nav-folder-content" id="interior-doors">
  1509.        
  1510.          
  1511.            <div class="header-nav-folder-item">
  1512.              <a
  1513.                href="/interior-doors/signature-collection"
  1514.                
  1515.              >
  1516.                <span class="header-nav-folder-item-content">
  1517.                  Signature Collection
  1518.                </span>
  1519.              </a>
  1520.            </div>
  1521.          
  1522.          
  1523.        
  1524.          
  1525.            <div class="header-nav-folder-item">
  1526.              <a
  1527.                href="/interior-doors/premium-doors"
  1528.                
  1529.              >
  1530.                <span class="header-nav-folder-item-content">
  1531.                  Premium Doors
  1532.                </span>
  1533.              </a>
  1534.            </div>
  1535.          
  1536.          
  1537.        
  1538.          
  1539.            <div class="header-nav-folder-item">
  1540.              <a
  1541.                href="/interior-doors/glass-doors"
  1542.                
  1543.              >
  1544.                <span class="header-nav-folder-item-content">
  1545.                  Glass Doors
  1546.                </span>
  1547.              </a>
  1548.            </div>
  1549.          
  1550.          
  1551.        
  1552.          
  1553.            <div class="header-nav-folder-item">
  1554.              <a
  1555.                href="/interior-doors/stain-grade-doors"
  1556.                
  1557.              >
  1558.                <span class="header-nav-folder-item-content">
  1559.                  Stain Grade Doors
  1560.                </span>
  1561.              </a>
  1562.            </div>
  1563.          
  1564.          
  1565.        
  1566.          
  1567.            <div class="header-nav-folder-item">
  1568.              <a
  1569.                href="/interior-doors/contemporary-doors"
  1570.                
  1571.              >
  1572.                <span class="header-nav-folder-item-content">
  1573.                  Contemporary Doors
  1574.                </span>
  1575.              </a>
  1576.            </div>
  1577.          
  1578.          
  1579.        
  1580.      </div>
  1581.    </div>
  1582.  
  1583.  
  1584.  
  1585.  
  1586.  
  1587.    <div class="header-nav-item header-nav-item--folder">
  1588.      <a
  1589.        class="header-nav-folder-title"
  1590.        href="/closet-doors-folder"
  1591.        data-animation-role="header-element"
  1592.        aria-expanded="false"
  1593.        aria-label="folder dropdown"
  1594.        aria-controls="closet-doors"
  1595.        
  1596.      >
  1597.      <span class="header-nav-folder-title-text">
  1598.        Closet Doors
  1599.      </span>
  1600.      </a>
  1601.      <div class="header-nav-folder-content" id="closet-doors">
  1602.        
  1603.          
  1604.            <div class="header-nav-folder-item">
  1605.              <a
  1606.                href="/closet-doors/mirrored-closet-doors"
  1607.                
  1608.              >
  1609.                <span class="header-nav-folder-item-content">
  1610.                  Mirrored Closet Doors
  1611.                </span>
  1612.              </a>
  1613.            </div>
  1614.          
  1615.          
  1616.        
  1617.          
  1618.            <div class="header-nav-folder-item">
  1619.              <a
  1620.                href="/closet-doors/panel-louver-and-flush-doors"
  1621.                
  1622.              >
  1623.                <span class="header-nav-folder-item-content">
  1624.                  Paneled &amp; Louver Doors
  1625.                </span>
  1626.              </a>
  1627.            </div>
  1628.          
  1629.          
  1630.        
  1631.          
  1632.            <div class="header-nav-folder-item">
  1633.              <a
  1634.                href="/closet-doors/glass-closet-doors"
  1635.                
  1636.              >
  1637.                <span class="header-nav-folder-item-content">
  1638.                  Glass Closet Doors
  1639.                </span>
  1640.              </a>
  1641.            </div>
  1642.          
  1643.          
  1644.        
  1645.          
  1646.            <div class="header-nav-folder-item">
  1647.              <a
  1648.                href="/closet-doors/room-dividers"
  1649.                
  1650.              >
  1651.                <span class="header-nav-folder-item-content">
  1652.                  Room Dividers
  1653.                </span>
  1654.              </a>
  1655.            </div>
  1656.          
  1657.          
  1658.        
  1659.          
  1660.            <div class="header-nav-folder-item">
  1661.              <a
  1662.                href="/closet-doors/sliding-true-shoji"
  1663.                
  1664.              >
  1665.                <span class="header-nav-folder-item-content">
  1666.                  True Shoji
  1667.                </span>
  1668.              </a>
  1669.            </div>
  1670.          
  1671.          
  1672.        
  1673.      </div>
  1674.    </div>
  1675.  
  1676.  
  1677.  
  1678.  
  1679.  
  1680.    <div class="header-nav-item header-nav-item--folder">
  1681.      <a
  1682.        class="header-nav-folder-title"
  1683.        href="/barn-doors-folder"
  1684.        data-animation-role="header-element"
  1685.        aria-expanded="false"
  1686.        aria-label="folder dropdown"
  1687.        aria-controls="barn-doors"
  1688.        
  1689.      >
  1690.      <span class="header-nav-folder-title-text">
  1691.        Barn Doors
  1692.      </span>
  1693.      </a>
  1694.      <div class="header-nav-folder-content" id="barn-doors">
  1695.        
  1696.          
  1697.            <div class="header-nav-folder-item">
  1698.              <a
  1699.                href="/barn-doors/paneled-wood-doors"
  1700.                
  1701.              >
  1702.                <span class="header-nav-folder-item-content">
  1703.                  Paneled Doors
  1704.                </span>
  1705.              </a>
  1706.            </div>
  1707.          
  1708.          
  1709.        
  1710.          
  1711.            <div class="header-nav-folder-item">
  1712.              <a
  1713.                href="/barn-doors/glass-mirrored-doors"
  1714.                
  1715.              >
  1716.                <span class="header-nav-folder-item-content">
  1717.                  Glass &amp; Mirrored Doors
  1718.                </span>
  1719.              </a>
  1720.            </div>
  1721.          
  1722.          
  1723.        
  1724.          
  1725.            <div class="header-nav-folder-item">
  1726.              <a
  1727.                href="/barn-doors/tracks"
  1728.                
  1729.              >
  1730.                <span class="header-nav-folder-item-content">
  1731.                  Tracks
  1732.                </span>
  1733.              </a>
  1734.            </div>
  1735.          
  1736.          
  1737.        
  1738.          
  1739.            <div class="header-nav-folder-item">
  1740.              <a
  1741.                href="/barn-doors/pulls"
  1742.                
  1743.              >
  1744.                <span class="header-nav-folder-item-content">
  1745.                  Pulls
  1746.                </span>
  1747.              </a>
  1748.            </div>
  1749.          
  1750.          
  1751.        
  1752.      </div>
  1753.    </div>
  1754.  
  1755.  
  1756.  
  1757.  
  1758.  
  1759.    <div class="header-nav-item header-nav-item--folder">
  1760.      <a
  1761.        class="header-nav-folder-title"
  1762.        href="/organizers-folder"
  1763.        data-animation-role="header-element"
  1764.        aria-expanded="false"
  1765.        aria-label="folder dropdown"
  1766.        aria-controls="organizers"
  1767.        
  1768.      >
  1769.      <span class="header-nav-folder-title-text">
  1770.        Organizers
  1771.      </span>
  1772.      </a>
  1773.      <div class="header-nav-folder-content" id="organizers">
  1774.        
  1775.          
  1776.            <div class="header-nav-folder-item">
  1777.              <a
  1778.                href="/organizers/reach-in-closet-organizers"
  1779.                
  1780.              >
  1781.                <span class="header-nav-folder-item-content">
  1782.                  Reach-in Closet Organizers
  1783.                </span>
  1784.              </a>
  1785.            </div>
  1786.          
  1787.          
  1788.        
  1789.          
  1790.            <div class="header-nav-folder-item">
  1791.              <a
  1792.                href="/organizers/walk-in-closet-organizers"
  1793.                
  1794.              >
  1795.                <span class="header-nav-folder-item-content">
  1796.                  Walk-in Closet Organizers
  1797.                </span>
  1798.              </a>
  1799.            </div>
  1800.          
  1801.          
  1802.        
  1803.          
  1804.            <div class="header-nav-folder-item">
  1805.              <a
  1806.                href="/organizers/closet-accessories"
  1807.                
  1808.              >
  1809.                <span class="header-nav-folder-item-content">
  1810.                  Closet Accessories
  1811.                </span>
  1812.              </a>
  1813.            </div>
  1814.          
  1815.          
  1816.        
  1817.          
  1818.            <div class="header-nav-folder-item">
  1819.              <a
  1820.                href="/organizers/garage-accessories"
  1821.                
  1822.              >
  1823.                <span class="header-nav-folder-item-content">
  1824.                  Garage Organizers
  1825.                </span>
  1826.              </a>
  1827.            </div>
  1828.          
  1829.          
  1830.        
  1831.      </div>
  1832.    </div>
  1833.  
  1834.  
  1835.  
  1836.  
  1837.  
  1838.    <div class="header-nav-item header-nav-item--folder">
  1839.      <a
  1840.        class="header-nav-folder-title"
  1841.        href="/door-installation-folder"
  1842.        data-animation-role="header-element"
  1843.        aria-expanded="false"
  1844.        aria-label="folder dropdown"
  1845.        aria-controls="door-installation"
  1846.        
  1847.      >
  1848.      <span class="header-nav-folder-title-text">
  1849.        Door Installation
  1850.      </span>
  1851.      </a>
  1852.      <div class="header-nav-folder-content" id="door-installation">
  1853.        
  1854.          
  1855.            <div class="header-nav-folder-item">
  1856.              <a
  1857.                href="/door-installation/contractors"
  1858.                
  1859.              >
  1860.                <span class="header-nav-folder-item-content">
  1861.                  Contractors
  1862.                </span>
  1863.              </a>
  1864.            </div>
  1865.          
  1866.          
  1867.        
  1868.          
  1869.            <div class="header-nav-folder-item">
  1870.              <a
  1871.                href="/door-installation/real-estate-agents"
  1872.                
  1873.              >
  1874.                <span class="header-nav-folder-item-content">
  1875.                  Real Estate Agents
  1876.                </span>
  1877.              </a>
  1878.            </div>
  1879.          
  1880.          
  1881.        
  1882.          
  1883.            <div class="header-nav-folder-item">
  1884.              <a
  1885.                href="/door-installation/interior-designers"
  1886.                
  1887.              >
  1888.                <span class="header-nav-folder-item-content">
  1889.                  Interior Designers
  1890.                </span>
  1891.              </a>
  1892.            </div>
  1893.          
  1894.          
  1895.        
  1896.      </div>
  1897.    </div>
  1898.  
  1899.  
  1900.  
  1901.  
  1902.  
  1903.    <div class="header-nav-item header-nav-item--collection">
  1904.      <a
  1905.        href="/faq"
  1906.        data-animation-role="header-element"
  1907.        
  1908.      >
  1909.        FAQ
  1910.      </a>
  1911.    </div>
  1912.  
  1913.  
  1914.  
  1915.  
  1916.  
  1917.  
  1918.    <div class="header-nav-item header-nav-item--collection">
  1919.      <a
  1920.        href="/testimonials"
  1921.        data-animation-role="header-element"
  1922.        
  1923.      >
  1924.        Testimonials
  1925.      </a>
  1926.    </div>
  1927.  
  1928.  
  1929.  
  1930.  
  1931.  
  1932.  
  1933.    <div class="header-nav-item header-nav-item--collection">
  1934.      <a
  1935.        href="/about"
  1936.        data-animation-role="header-element"
  1937.        
  1938.      >
  1939.        About Us
  1940.      </a>
  1941.    </div>
  1942.  
  1943.  
  1944.  
  1945.  
  1946.  
  1947.  
  1948.    <div class="header-nav-item header-nav-item--collection">
  1949.      <a
  1950.        href="/contact-us"
  1951.        data-animation-role="header-element"
  1952.        
  1953.      >
  1954.        Contact Us
  1955.      </a>
  1956.    </div>
  1957.  
  1958.  
  1959.  
  1960.  
  1961.  
  1962.  
  1963.    <div class="header-nav-item header-nav-item--collection">
  1964.      <a
  1965.        href="/will-call"
  1966.        data-animation-role="header-element"
  1967.        
  1968.      >
  1969.        Local pickup / Will Call
  1970.      </a>
  1971.    </div>
  1972.  
  1973.  
  1974.  
  1975.  
  1976.  
  1977.  
  1978.                    </nav>
  1979.                  </div>
  1980.                </div>
  1981.              
  1982.              
  1983.            </div>
  1984.          
  1985.            
  1986.            <!-- Actions -->
  1987.            <div class="header-actions header-actions--right">
  1988.              
  1989.              
  1990.                
  1991.                  <div class="header-actions-action header-actions-action--social">
  1992.                    
  1993.                      
  1994.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://goo.gl/maps/GnSrfPScLQR2" target="_blank" aria-label="URL">
  1995.                          <svg viewBox="23 23 64 64">
  1996.                            <use xlink:href="#url-icon" width="110" height="110"></use>
  1997.                          </svg>
  1998.                        </a>
  1999.                      
  2000.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.facebook.com/interiordoorandcloset" target="_blank" aria-label="Facebook">
  2001.                          <svg viewBox="23 23 64 64">
  2002.                            <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
  2003.                          </svg>
  2004.                        </a>
  2005.                      
  2006.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.pinterest.com/ocdoors/" target="_blank" aria-label="Pinterest">
  2007.                          <svg viewBox="23 23 64 64">
  2008.                            <use xlink:href="#pinterest-unauth-icon" width="110" height="110"></use>
  2009.                          </svg>
  2010.                        </a>
  2011.                      
  2012.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.linkedin.com/company/interior-door-and-closet-company/about/" target="_blank" aria-label="LinkedIn">
  2013.                          <svg viewBox="23 23 64 64">
  2014.                            <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use>
  2015.                          </svg>
  2016.                        </a>
  2017.                      
  2018.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company" target="_blank" aria-label="Houzz">
  2019.                          <svg viewBox="23 23 64 64">
  2020.                            <use xlink:href="#houzz-icon" width="110" height="110"></use>
  2021.                          </svg>
  2022.                        </a>
  2023.                      
  2024.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.instagram.com/ocdoorsandclosets/" target="_blank" aria-label="Instagram">
  2025.                          <svg viewBox="23 23 64 64">
  2026.                            <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use>
  2027.                          </svg>
  2028.                        </a>
  2029.                      
  2030.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  2031.                          <svg viewBox="23 23 64 64">
  2032.                            <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  2033.                          </svg>
  2034.                        </a>
  2035.                      
  2036.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  2037.                          <svg viewBox="23 23 64 64">
  2038.                            <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  2039.                          </svg>
  2040.                        </a>
  2041.                      
  2042.                    
  2043.                  </div>
  2044.                
  2045.              
  2046.  
  2047.              
  2048.  
  2049.            
  2050.            
  2051.  
  2052.              
  2053.              <div class="showOnMobile">
  2054.                
  2055.              </div>
  2056.  
  2057.              
  2058.              <div class="showOnDesktop">
  2059.                
  2060.              </div>
  2061.  
  2062.              
  2063.            </div>
  2064.          
  2065.            
  2066.  
  2067.  
  2068. <style>
  2069.  .top-bun,
  2070.  .patty,
  2071.  .bottom-bun {
  2072.    height: 3px;
  2073.  }
  2074. </style>
  2075.  
  2076. <!-- Burger -->
  2077. <div class="header-burger
  2078.  
  2079.  menu-overlay-has-visible-non-navigation-items
  2080.  
  2081. " data-animation-role="header-element">
  2082.  <button class="header-burger-btn burger" data-test="header-burger">
  2083.    <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  2084.    <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  2085.    <div class="burger-box">
  2086.      <div class="burger-inner header-menu-icon-tripleLineHamburger">
  2087.        <div class="top-bun"></div>
  2088.        <div class="patty"></div>
  2089.        <div class="bottom-bun"></div>
  2090.      </div>
  2091.    </div>
  2092.  </button>
  2093. </div>
  2094.  
  2095.          
  2096.          
  2097.          
  2098.          
  2099.          
  2100.  
  2101.        </div>
  2102.        <div class="header-display-mobile" data-content-field="site-title">
  2103.          
  2104.          
  2105.          
  2106.          
  2107.          
  2108.            
  2109.            <!-- Social -->
  2110.            
  2111.              
  2112.            
  2113.          
  2114.            
  2115.  
  2116.  
  2117. <style>
  2118.  .top-bun,
  2119.  .patty,
  2120.  .bottom-bun {
  2121.    height: 3px;
  2122.  }
  2123. </style>
  2124.  
  2125. <!-- Burger -->
  2126. <div class="header-burger
  2127.  
  2128.  menu-overlay-has-visible-non-navigation-items
  2129.  
  2130. " data-animation-role="header-element">
  2131.  <button class="header-burger-btn burger" data-test="header-burger">
  2132.    <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  2133.    <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  2134.    <div class="burger-box">
  2135.      <div class="burger-inner header-menu-icon-tripleLineHamburger">
  2136.        <div class="top-bun"></div>
  2137.        <div class="patty"></div>
  2138.        <div class="bottom-bun"></div>
  2139.      </div>
  2140.    </div>
  2141.  </button>
  2142. </div>
  2143.  
  2144.            
  2145.            <!-- Actions -->
  2146.            <div class="header-actions header-actions--right">
  2147.              
  2148.              
  2149.                
  2150.                  <div class="header-actions-action header-actions-action--social">
  2151.                    
  2152.                      
  2153.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://goo.gl/maps/GnSrfPScLQR2" target="_blank" aria-label="URL">
  2154.                          <svg viewBox="23 23 64 64">
  2155.                            <use xlink:href="#url-icon" width="110" height="110"></use>
  2156.                          </svg>
  2157.                        </a>
  2158.                      
  2159.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.facebook.com/interiordoorandcloset" target="_blank" aria-label="Facebook">
  2160.                          <svg viewBox="23 23 64 64">
  2161.                            <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
  2162.                          </svg>
  2163.                        </a>
  2164.                      
  2165.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.pinterest.com/ocdoors/" target="_blank" aria-label="Pinterest">
  2166.                          <svg viewBox="23 23 64 64">
  2167.                            <use xlink:href="#pinterest-unauth-icon" width="110" height="110"></use>
  2168.                          </svg>
  2169.                        </a>
  2170.                      
  2171.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.linkedin.com/company/interior-door-and-closet-company/about/" target="_blank" aria-label="LinkedIn">
  2172.                          <svg viewBox="23 23 64 64">
  2173.                            <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use>
  2174.                          </svg>
  2175.                        </a>
  2176.                      
  2177.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company" target="_blank" aria-label="Houzz">
  2178.                          <svg viewBox="23 23 64 64">
  2179.                            <use xlink:href="#houzz-icon" width="110" height="110"></use>
  2180.                          </svg>
  2181.                        </a>
  2182.                      
  2183.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.instagram.com/ocdoorsandclosets/" target="_blank" aria-label="Instagram">
  2184.                          <svg viewBox="23 23 64 64">
  2185.                            <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use>
  2186.                          </svg>
  2187.                        </a>
  2188.                      
  2189.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  2190.                          <svg viewBox="23 23 64 64">
  2191.                            <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  2192.                          </svg>
  2193.                        </a>
  2194.                      
  2195.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  2196.                          <svg viewBox="23 23 64 64">
  2197.                            <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  2198.                          </svg>
  2199.                        </a>
  2200.                      
  2201.                    
  2202.                  </div>
  2203.                
  2204.              
  2205.  
  2206.              
  2207.  
  2208.            
  2209.            
  2210.  
  2211.              
  2212.              <div class="showOnMobile">
  2213.                
  2214.              </div>
  2215.  
  2216.              
  2217.              <div class="showOnDesktop">
  2218.                
  2219.              </div>
  2220.  
  2221.              
  2222.            </div>
  2223.          
  2224.            
  2225.            <!-- Title and nav wrapper -->
  2226.            <div class="header-title-nav-wrapper">
  2227.              
  2228.  
  2229.              
  2230.  
  2231.              
  2232.                
  2233.                <!-- Title -->
  2234.                
  2235.                  <div
  2236.                    class="
  2237.                      header-title
  2238.                      
  2239.                    "
  2240.                    data-animation-role="header-element"
  2241.                  >
  2242.                    
  2243.                      <div class="header-title-logo">
  2244.                        <a href="/" data-animation-role="header-element">
  2245.                        
  2246. <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/4bb5d3d8-c11e-4393-ab4b-c3e38d740560/logo.png?format=1500w" alt="Interior Door &amp;amp; Closet Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">
  2247.  
  2248.                        </a>
  2249.                      </div>
  2250.  
  2251.                    
  2252.                    
  2253.                  </div>
  2254.                
  2255.              
  2256.                
  2257.                <!-- Nav -->
  2258.                <div class="header-nav">
  2259.                  <div class="header-nav-wrapper">
  2260.                    <nav class="header-nav-list">
  2261.                      
  2262.  
  2263.  
  2264.  
  2265.    <div class="header-nav-item header-nav-item--folder">
  2266.      <a
  2267.        class="header-nav-folder-title"
  2268.        href="/interior-doors-folder"
  2269.        data-animation-role="header-element"
  2270.        aria-expanded="false"
  2271.        aria-label="folder dropdown"
  2272.        aria-controls="interior-doors"
  2273.        
  2274.      >
  2275.      <span class="header-nav-folder-title-text">
  2276.        Interior Doors
  2277.      </span>
  2278.      </a>
  2279.      <div class="header-nav-folder-content" id="interior-doors">
  2280.        
  2281.          
  2282.            <div class="header-nav-folder-item">
  2283.              <a
  2284.                href="/interior-doors/signature-collection"
  2285.                
  2286.              >
  2287.                <span class="header-nav-folder-item-content">
  2288.                  Signature Collection
  2289.                </span>
  2290.              </a>
  2291.            </div>
  2292.          
  2293.          
  2294.        
  2295.          
  2296.            <div class="header-nav-folder-item">
  2297.              <a
  2298.                href="/interior-doors/premium-doors"
  2299.                
  2300.              >
  2301.                <span class="header-nav-folder-item-content">
  2302.                  Premium Doors
  2303.                </span>
  2304.              </a>
  2305.            </div>
  2306.          
  2307.          
  2308.        
  2309.          
  2310.            <div class="header-nav-folder-item">
  2311.              <a
  2312.                href="/interior-doors/glass-doors"
  2313.                
  2314.              >
  2315.                <span class="header-nav-folder-item-content">
  2316.                  Glass Doors
  2317.                </span>
  2318.              </a>
  2319.            </div>
  2320.          
  2321.          
  2322.        
  2323.          
  2324.            <div class="header-nav-folder-item">
  2325.              <a
  2326.                href="/interior-doors/stain-grade-doors"
  2327.                
  2328.              >
  2329.                <span class="header-nav-folder-item-content">
  2330.                  Stain Grade Doors
  2331.                </span>
  2332.              </a>
  2333.            </div>
  2334.          
  2335.          
  2336.        
  2337.          
  2338.            <div class="header-nav-folder-item">
  2339.              <a
  2340.                href="/interior-doors/contemporary-doors"
  2341.                
  2342.              >
  2343.                <span class="header-nav-folder-item-content">
  2344.                  Contemporary Doors
  2345.                </span>
  2346.              </a>
  2347.            </div>
  2348.          
  2349.          
  2350.        
  2351.      </div>
  2352.    </div>
  2353.  
  2354.  
  2355.  
  2356.  
  2357.  
  2358.    <div class="header-nav-item header-nav-item--folder">
  2359.      <a
  2360.        class="header-nav-folder-title"
  2361.        href="/closet-doors-folder"
  2362.        data-animation-role="header-element"
  2363.        aria-expanded="false"
  2364.        aria-label="folder dropdown"
  2365.        aria-controls="closet-doors"
  2366.        
  2367.      >
  2368.      <span class="header-nav-folder-title-text">
  2369.        Closet Doors
  2370.      </span>
  2371.      </a>
  2372.      <div class="header-nav-folder-content" id="closet-doors">
  2373.        
  2374.          
  2375.            <div class="header-nav-folder-item">
  2376.              <a
  2377.                href="/closet-doors/mirrored-closet-doors"
  2378.                
  2379.              >
  2380.                <span class="header-nav-folder-item-content">
  2381.                  Mirrored Closet Doors
  2382.                </span>
  2383.              </a>
  2384.            </div>
  2385.          
  2386.          
  2387.        
  2388.          
  2389.            <div class="header-nav-folder-item">
  2390.              <a
  2391.                href="/closet-doors/panel-louver-and-flush-doors"
  2392.                
  2393.              >
  2394.                <span class="header-nav-folder-item-content">
  2395.                  Paneled &amp; Louver Doors
  2396.                </span>
  2397.              </a>
  2398.            </div>
  2399.          
  2400.          
  2401.        
  2402.          
  2403.            <div class="header-nav-folder-item">
  2404.              <a
  2405.                href="/closet-doors/glass-closet-doors"
  2406.                
  2407.              >
  2408.                <span class="header-nav-folder-item-content">
  2409.                  Glass Closet Doors
  2410.                </span>
  2411.              </a>
  2412.            </div>
  2413.          
  2414.          
  2415.        
  2416.          
  2417.            <div class="header-nav-folder-item">
  2418.              <a
  2419.                href="/closet-doors/room-dividers"
  2420.                
  2421.              >
  2422.                <span class="header-nav-folder-item-content">
  2423.                  Room Dividers
  2424.                </span>
  2425.              </a>
  2426.            </div>
  2427.          
  2428.          
  2429.        
  2430.          
  2431.            <div class="header-nav-folder-item">
  2432.              <a
  2433.                href="/closet-doors/sliding-true-shoji"
  2434.                
  2435.              >
  2436.                <span class="header-nav-folder-item-content">
  2437.                  True Shoji
  2438.                </span>
  2439.              </a>
  2440.            </div>
  2441.          
  2442.          
  2443.        
  2444.      </div>
  2445.    </div>
  2446.  
  2447.  
  2448.  
  2449.  
  2450.  
  2451.    <div class="header-nav-item header-nav-item--folder">
  2452.      <a
  2453.        class="header-nav-folder-title"
  2454.        href="/barn-doors-folder"
  2455.        data-animation-role="header-element"
  2456.        aria-expanded="false"
  2457.        aria-label="folder dropdown"
  2458.        aria-controls="barn-doors"
  2459.        
  2460.      >
  2461.      <span class="header-nav-folder-title-text">
  2462.        Barn Doors
  2463.      </span>
  2464.      </a>
  2465.      <div class="header-nav-folder-content" id="barn-doors">
  2466.        
  2467.          
  2468.            <div class="header-nav-folder-item">
  2469.              <a
  2470.                href="/barn-doors/paneled-wood-doors"
  2471.                
  2472.              >
  2473.                <span class="header-nav-folder-item-content">
  2474.                  Paneled Doors
  2475.                </span>
  2476.              </a>
  2477.            </div>
  2478.          
  2479.          
  2480.        
  2481.          
  2482.            <div class="header-nav-folder-item">
  2483.              <a
  2484.                href="/barn-doors/glass-mirrored-doors"
  2485.                
  2486.              >
  2487.                <span class="header-nav-folder-item-content">
  2488.                  Glass &amp; Mirrored Doors
  2489.                </span>
  2490.              </a>
  2491.            </div>
  2492.          
  2493.          
  2494.        
  2495.          
  2496.            <div class="header-nav-folder-item">
  2497.              <a
  2498.                href="/barn-doors/tracks"
  2499.                
  2500.              >
  2501.                <span class="header-nav-folder-item-content">
  2502.                  Tracks
  2503.                </span>
  2504.              </a>
  2505.            </div>
  2506.          
  2507.          
  2508.        
  2509.          
  2510.            <div class="header-nav-folder-item">
  2511.              <a
  2512.                href="/barn-doors/pulls"
  2513.                
  2514.              >
  2515.                <span class="header-nav-folder-item-content">
  2516.                  Pulls
  2517.                </span>
  2518.              </a>
  2519.            </div>
  2520.          
  2521.          
  2522.        
  2523.      </div>
  2524.    </div>
  2525.  
  2526.  
  2527.  
  2528.  
  2529.  
  2530.    <div class="header-nav-item header-nav-item--folder">
  2531.      <a
  2532.        class="header-nav-folder-title"
  2533.        href="/organizers-folder"
  2534.        data-animation-role="header-element"
  2535.        aria-expanded="false"
  2536.        aria-label="folder dropdown"
  2537.        aria-controls="organizers"
  2538.        
  2539.      >
  2540.      <span class="header-nav-folder-title-text">
  2541.        Organizers
  2542.      </span>
  2543.      </a>
  2544.      <div class="header-nav-folder-content" id="organizers">
  2545.        
  2546.          
  2547.            <div class="header-nav-folder-item">
  2548.              <a
  2549.                href="/organizers/reach-in-closet-organizers"
  2550.                
  2551.              >
  2552.                <span class="header-nav-folder-item-content">
  2553.                  Reach-in Closet Organizers
  2554.                </span>
  2555.              </a>
  2556.            </div>
  2557.          
  2558.          
  2559.        
  2560.          
  2561.            <div class="header-nav-folder-item">
  2562.              <a
  2563.                href="/organizers/walk-in-closet-organizers"
  2564.                
  2565.              >
  2566.                <span class="header-nav-folder-item-content">
  2567.                  Walk-in Closet Organizers
  2568.                </span>
  2569.              </a>
  2570.            </div>
  2571.          
  2572.          
  2573.        
  2574.          
  2575.            <div class="header-nav-folder-item">
  2576.              <a
  2577.                href="/organizers/closet-accessories"
  2578.                
  2579.              >
  2580.                <span class="header-nav-folder-item-content">
  2581.                  Closet Accessories
  2582.                </span>
  2583.              </a>
  2584.            </div>
  2585.          
  2586.          
  2587.        
  2588.          
  2589.            <div class="header-nav-folder-item">
  2590.              <a
  2591.                href="/organizers/garage-accessories"
  2592.                
  2593.              >
  2594.                <span class="header-nav-folder-item-content">
  2595.                  Garage Organizers
  2596.                </span>
  2597.              </a>
  2598.            </div>
  2599.          
  2600.          
  2601.        
  2602.      </div>
  2603.    </div>
  2604.  
  2605.  
  2606.  
  2607.  
  2608.  
  2609.    <div class="header-nav-item header-nav-item--folder">
  2610.      <a
  2611.        class="header-nav-folder-title"
  2612.        href="/door-installation-folder"
  2613.        data-animation-role="header-element"
  2614.        aria-expanded="false"
  2615.        aria-label="folder dropdown"
  2616.        aria-controls="door-installation"
  2617.        
  2618.      >
  2619.      <span class="header-nav-folder-title-text">
  2620.        Door Installation
  2621.      </span>
  2622.      </a>
  2623.      <div class="header-nav-folder-content" id="door-installation">
  2624.        
  2625.          
  2626.            <div class="header-nav-folder-item">
  2627.              <a
  2628.                href="/door-installation/contractors"
  2629.                
  2630.              >
  2631.                <span class="header-nav-folder-item-content">
  2632.                  Contractors
  2633.                </span>
  2634.              </a>
  2635.            </div>
  2636.          
  2637.          
  2638.        
  2639.          
  2640.            <div class="header-nav-folder-item">
  2641.              <a
  2642.                href="/door-installation/real-estate-agents"
  2643.                
  2644.              >
  2645.                <span class="header-nav-folder-item-content">
  2646.                  Real Estate Agents
  2647.                </span>
  2648.              </a>
  2649.            </div>
  2650.          
  2651.          
  2652.        
  2653.          
  2654.            <div class="header-nav-folder-item">
  2655.              <a
  2656.                href="/door-installation/interior-designers"
  2657.                
  2658.              >
  2659.                <span class="header-nav-folder-item-content">
  2660.                  Interior Designers
  2661.                </span>
  2662.              </a>
  2663.            </div>
  2664.          
  2665.          
  2666.        
  2667.      </div>
  2668.    </div>
  2669.  
  2670.  
  2671.  
  2672.  
  2673.  
  2674.    <div class="header-nav-item header-nav-item--collection">
  2675.      <a
  2676.        href="/faq"
  2677.        data-animation-role="header-element"
  2678.        
  2679.      >
  2680.        FAQ
  2681.      </a>
  2682.    </div>
  2683.  
  2684.  
  2685.  
  2686.  
  2687.  
  2688.  
  2689.    <div class="header-nav-item header-nav-item--collection">
  2690.      <a
  2691.        href="/testimonials"
  2692.        data-animation-role="header-element"
  2693.        
  2694.      >
  2695.        Testimonials
  2696.      </a>
  2697.    </div>
  2698.  
  2699.  
  2700.  
  2701.  
  2702.  
  2703.  
  2704.    <div class="header-nav-item header-nav-item--collection">
  2705.      <a
  2706.        href="/about"
  2707.        data-animation-role="header-element"
  2708.        
  2709.      >
  2710.        About Us
  2711.      </a>
  2712.    </div>
  2713.  
  2714.  
  2715.  
  2716.  
  2717.  
  2718.  
  2719.    <div class="header-nav-item header-nav-item--collection">
  2720.      <a
  2721.        href="/contact-us"
  2722.        data-animation-role="header-element"
  2723.        
  2724.      >
  2725.        Contact Us
  2726.      </a>
  2727.    </div>
  2728.  
  2729.  
  2730.  
  2731.  
  2732.  
  2733.  
  2734.    <div class="header-nav-item header-nav-item--collection">
  2735.      <a
  2736.        href="/will-call"
  2737.        data-animation-role="header-element"
  2738.        
  2739.      >
  2740.        Local pickup / Will Call
  2741.      </a>
  2742.    </div>
  2743.  
  2744.  
  2745.  
  2746.  
  2747.  
  2748.  
  2749.                    </nav>
  2750.                  </div>
  2751.                </div>
  2752.              
  2753.              
  2754.            </div>
  2755.          
  2756.          
  2757.        </div>
  2758.      </div>
  2759.    </div>
  2760.    <!-- (Mobile) Menu Navigation -->
  2761.    <div class="header-menu header-menu--folder-list
  2762.      white
  2763.      
  2764.      
  2765.      
  2766.      
  2767.      "
  2768.      data-section-theme="white"
  2769.      data-current-styles="{
  2770. &quot;layout&quot;: &quot;navRight&quot;,
  2771. &quot;action&quot;: {
  2772. &quot;href&quot;: &quot;/donate&quot;,
  2773. &quot;buttonText&quot;: &quot;Donate&quot;,
  2774. &quot;newWindow&quot;: false
  2775. },
  2776. &quot;showSocial&quot;: true,
  2777. &quot;socialOptions&quot;: {
  2778. &quot;socialBorderShape&quot;: &quot;none&quot;,
  2779. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  2780. &quot;socialBorderThickness&quot;: {
  2781. &quot;unit&quot;: &quot;px&quot;,
  2782. &quot;value&quot;: 1.0
  2783. }
  2784. },
  2785. &quot;sectionTheme&quot;: &quot;white&quot;,
  2786. &quot;menuOverlayTheme&quot;: &quot;white&quot;,
  2787. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  2788. &quot;cartStyle&quot;: &quot;cart&quot;,
  2789. &quot;cartText&quot;: &quot;Cart&quot;,
  2790. &quot;showEmptyCartState&quot;: true,
  2791. &quot;cartOptions&quot;: {
  2792. &quot;iconType&quot;: &quot;stroke-1&quot;,
  2793. &quot;cartBorderShape&quot;: &quot;none&quot;,
  2794. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  2795. &quot;cartBorderThickness&quot;: {
  2796. &quot;unit&quot;: &quot;px&quot;,
  2797. &quot;value&quot;: 1.0
  2798. }
  2799. },
  2800. &quot;showButton&quot;: false,
  2801. &quot;showCart&quot;: false,
  2802. &quot;showAccountLogin&quot;: false,
  2803. &quot;headerStyle&quot;: &quot;theme&quot;,
  2804. &quot;languagePicker&quot;: {
  2805. &quot;enabled&quot;: false,
  2806. &quot;iconEnabled&quot;: false,
  2807. &quot;iconType&quot;: &quot;globe&quot;,
  2808. &quot;flagShape&quot;: &quot;shiny&quot;,
  2809. &quot;languageFlags&quot;: [ ]
  2810. },
  2811. &quot;iconOptions&quot;: {
  2812. &quot;desktopDropdownIconOptions&quot;: {
  2813. &quot;endcapType&quot;: &quot;square&quot;,
  2814. &quot;folderDropdownIcon&quot;: &quot;none&quot;,
  2815. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  2816. },
  2817. &quot;mobileDropdownIconOptions&quot;: {
  2818. &quot;endcapType&quot;: &quot;square&quot;,
  2819. &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
  2820. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  2821. }
  2822. },
  2823. &quot;mobileOptions&quot;: {
  2824. &quot;layout&quot;: &quot;logoRightNavLeft&quot;,
  2825. &quot;menuIconOptions&quot;: {
  2826. &quot;style&quot;: &quot;tripleLineHamburger&quot;,
  2827. &quot;thickness&quot;: {
  2828. &quot;unit&quot;: &quot;px&quot;,
  2829. &quot;value&quot;: 3.0
  2830. }
  2831. }
  2832. },
  2833. &quot;solidOptions&quot;: {
  2834. &quot;headerOpacity&quot;: {
  2835. &quot;unit&quot;: &quot;%&quot;,
  2836. &quot;value&quot;: 100.0
  2837. },
  2838. &quot;blurBackground&quot;: {
  2839. &quot;enabled&quot;: false,
  2840. &quot;blurRadius&quot;: {
  2841. &quot;unit&quot;: &quot;px&quot;,
  2842. &quot;value&quot;: 12.0
  2843. }
  2844. },
  2845. &quot;backgroundColor&quot;: {
  2846. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2847. &quot;sitePaletteColor&quot;: {
  2848. &quot;colorName&quot;: &quot;white&quot;,
  2849. &quot;alphaModifier&quot;: 1.0
  2850. }
  2851. },
  2852. &quot;navigationColor&quot;: {
  2853. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2854. &quot;sitePaletteColor&quot;: {
  2855. &quot;colorName&quot;: &quot;black&quot;,
  2856. &quot;alphaModifier&quot;: 1.0
  2857. }
  2858. }
  2859. },
  2860. &quot;gradientOptions&quot;: {
  2861. &quot;gradientType&quot;: &quot;faded&quot;,
  2862. &quot;headerOpacity&quot;: {
  2863. &quot;unit&quot;: &quot;%&quot;,
  2864. &quot;value&quot;: 90.0
  2865. },
  2866. &quot;blurBackground&quot;: {
  2867. &quot;enabled&quot;: false,
  2868. &quot;blurRadius&quot;: {
  2869. &quot;unit&quot;: &quot;px&quot;,
  2870. &quot;value&quot;: 12.0
  2871. }
  2872. },
  2873. &quot;backgroundColor&quot;: {
  2874. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2875. &quot;sitePaletteColor&quot;: {
  2876. &quot;colorName&quot;: &quot;white&quot;,
  2877. &quot;alphaModifier&quot;: 1.0
  2878. }
  2879. },
  2880. &quot;navigationColor&quot;: {
  2881. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2882. &quot;sitePaletteColor&quot;: {
  2883. &quot;colorName&quot;: &quot;black&quot;,
  2884. &quot;alphaModifier&quot;: 1.0
  2885. }
  2886. }
  2887. },
  2888. &quot;dropShadowOptions&quot;: {
  2889. &quot;enabled&quot;: false,
  2890. &quot;blur&quot;: {
  2891. &quot;unit&quot;: &quot;px&quot;,
  2892. &quot;value&quot;: 12.0
  2893. },
  2894. &quot;spread&quot;: {
  2895. &quot;unit&quot;: &quot;px&quot;,
  2896. &quot;value&quot;: 0.0
  2897. },
  2898. &quot;distance&quot;: {
  2899. &quot;unit&quot;: &quot;px&quot;,
  2900. &quot;value&quot;: 12.0
  2901. }
  2902. },
  2903. &quot;borderOptions&quot;: {
  2904. &quot;enabled&quot;: false,
  2905. &quot;position&quot;: &quot;bottom&quot;,
  2906. &quot;thickness&quot;: {
  2907. &quot;unit&quot;: &quot;px&quot;,
  2908. &quot;value&quot;: 4.0
  2909. }
  2910. },
  2911. &quot;showPromotedElement&quot;: false,
  2912. &quot;buttonVariant&quot;: &quot;primary&quot;,
  2913. &quot;blurBackground&quot;: {
  2914. &quot;enabled&quot;: false,
  2915. &quot;blurRadius&quot;: {
  2916. &quot;unit&quot;: &quot;px&quot;,
  2917. &quot;value&quot;: 12.0
  2918. }
  2919. },
  2920. &quot;headerOpacity&quot;: {
  2921. &quot;unit&quot;: &quot;%&quot;,
  2922. &quot;value&quot;: 100.0
  2923. }
  2924. }"
  2925.      data-section-id="overlay-nav"
  2926.      data-show-account-login="false"
  2927.      data-test="header-menu">
  2928.      <div class="header-menu-bg theme-bg--primary"></div>
  2929.      <div class="header-menu-nav">
  2930.        <nav class="header-menu-nav-list">
  2931.          <div data-folder="root" class="header-menu-nav-folder">
  2932.            <div class="header-menu-nav-folder-content">
  2933.              <!-- Menu Navigation -->
  2934. <div class="header-menu-nav-wrapper">
  2935.  
  2936.    
  2937.      
  2938.        
  2939.          <div class="container header-menu-nav-item">
  2940.            <a
  2941.              data-folder-id="/interior-doors-folder"
  2942.              href="/interior-doors-folder"
  2943.              
  2944.            >
  2945.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  2946.                <span class="visually-hidden">Folder:</span>
  2947.                <span class="header-nav-folder-title-text">Interior Doors</span>
  2948.              </div>
  2949.            </a>
  2950.          </div>
  2951.          <div data-folder="/interior-doors-folder" class="header-menu-nav-folder">
  2952.            <div class="header-menu-nav-folder-content">
  2953.              <div class="header-menu-controls container header-menu-nav-item">
  2954.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  2955.                  <span>Back</span>
  2956.                </a>
  2957.              </div>
  2958.              
  2959.                
  2960.                  <div class="container header-menu-nav-item">
  2961.                    <a
  2962.                      href="/interior-doors/signature-collection"
  2963.                      
  2964.                    >
  2965.                      <div class="header-menu-nav-item-content">
  2966.                        Signature Collection
  2967.                      </div>
  2968.                    </a>
  2969.                  </div>
  2970.                
  2971.                
  2972.              
  2973.                
  2974.                  <div class="container header-menu-nav-item">
  2975.                    <a
  2976.                      href="/interior-doors/premium-doors"
  2977.                      
  2978.                    >
  2979.                      <div class="header-menu-nav-item-content">
  2980.                        Premium Doors
  2981.                      </div>
  2982.                    </a>
  2983.                  </div>
  2984.                
  2985.                
  2986.              
  2987.                
  2988.                  <div class="container header-menu-nav-item">
  2989.                    <a
  2990.                      href="/interior-doors/glass-doors"
  2991.                      
  2992.                    >
  2993.                      <div class="header-menu-nav-item-content">
  2994.                        Glass Doors
  2995.                      </div>
  2996.                    </a>
  2997.                  </div>
  2998.                
  2999.                
  3000.              
  3001.                
  3002.                  <div class="container header-menu-nav-item">
  3003.                    <a
  3004.                      href="/interior-doors/stain-grade-doors"
  3005.                      
  3006.                    >
  3007.                      <div class="header-menu-nav-item-content">
  3008.                        Stain Grade Doors
  3009.                      </div>
  3010.                    </a>
  3011.                  </div>
  3012.                
  3013.                
  3014.              
  3015.                
  3016.                  <div class="container header-menu-nav-item">
  3017.                    <a
  3018.                      href="/interior-doors/contemporary-doors"
  3019.                      
  3020.                    >
  3021.                      <div class="header-menu-nav-item-content">
  3022.                        Contemporary Doors
  3023.                      </div>
  3024.                    </a>
  3025.                  </div>
  3026.                
  3027.                
  3028.              
  3029.            </div>
  3030.          </div>
  3031.        
  3032.      
  3033.    
  3034.      
  3035.        
  3036.          <div class="container header-menu-nav-item">
  3037.            <a
  3038.              data-folder-id="/closet-doors-folder"
  3039.              href="/closet-doors-folder"
  3040.              
  3041.            >
  3042.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3043.                <span class="visually-hidden">Folder:</span>
  3044.                <span class="header-nav-folder-title-text">Closet Doors</span>
  3045.              </div>
  3046.            </a>
  3047.          </div>
  3048.          <div data-folder="/closet-doors-folder" class="header-menu-nav-folder">
  3049.            <div class="header-menu-nav-folder-content">
  3050.              <div class="header-menu-controls container header-menu-nav-item">
  3051.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3052.                  <span>Back</span>
  3053.                </a>
  3054.              </div>
  3055.              
  3056.                
  3057.                  <div class="container header-menu-nav-item">
  3058.                    <a
  3059.                      href="/closet-doors/mirrored-closet-doors"
  3060.                      
  3061.                    >
  3062.                      <div class="header-menu-nav-item-content">
  3063.                        Mirrored Closet Doors
  3064.                      </div>
  3065.                    </a>
  3066.                  </div>
  3067.                
  3068.                
  3069.              
  3070.                
  3071.                  <div class="container header-menu-nav-item">
  3072.                    <a
  3073.                      href="/closet-doors/panel-louver-and-flush-doors"
  3074.                      
  3075.                    >
  3076.                      <div class="header-menu-nav-item-content">
  3077.                        Paneled &amp; Louver Doors
  3078.                      </div>
  3079.                    </a>
  3080.                  </div>
  3081.                
  3082.                
  3083.              
  3084.                
  3085.                  <div class="container header-menu-nav-item">
  3086.                    <a
  3087.                      href="/closet-doors/glass-closet-doors"
  3088.                      
  3089.                    >
  3090.                      <div class="header-menu-nav-item-content">
  3091.                        Glass Closet Doors
  3092.                      </div>
  3093.                    </a>
  3094.                  </div>
  3095.                
  3096.                
  3097.              
  3098.                
  3099.                  <div class="container header-menu-nav-item">
  3100.                    <a
  3101.                      href="/closet-doors/room-dividers"
  3102.                      
  3103.                    >
  3104.                      <div class="header-menu-nav-item-content">
  3105.                        Room Dividers
  3106.                      </div>
  3107.                    </a>
  3108.                  </div>
  3109.                
  3110.                
  3111.              
  3112.                
  3113.                  <div class="container header-menu-nav-item">
  3114.                    <a
  3115.                      href="/closet-doors/sliding-true-shoji"
  3116.                      
  3117.                    >
  3118.                      <div class="header-menu-nav-item-content">
  3119.                        True Shoji
  3120.                      </div>
  3121.                    </a>
  3122.                  </div>
  3123.                
  3124.                
  3125.              
  3126.            </div>
  3127.          </div>
  3128.        
  3129.      
  3130.    
  3131.      
  3132.        
  3133.          <div class="container header-menu-nav-item">
  3134.            <a
  3135.              data-folder-id="/barn-doors-folder"
  3136.              href="/barn-doors-folder"
  3137.              
  3138.            >
  3139.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3140.                <span class="visually-hidden">Folder:</span>
  3141.                <span class="header-nav-folder-title-text">Barn Doors</span>
  3142.              </div>
  3143.            </a>
  3144.          </div>
  3145.          <div data-folder="/barn-doors-folder" class="header-menu-nav-folder">
  3146.            <div class="header-menu-nav-folder-content">
  3147.              <div class="header-menu-controls container header-menu-nav-item">
  3148.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3149.                  <span>Back</span>
  3150.                </a>
  3151.              </div>
  3152.              
  3153.                
  3154.                  <div class="container header-menu-nav-item">
  3155.                    <a
  3156.                      href="/barn-doors/paneled-wood-doors"
  3157.                      
  3158.                    >
  3159.                      <div class="header-menu-nav-item-content">
  3160.                        Paneled Doors
  3161.                      </div>
  3162.                    </a>
  3163.                  </div>
  3164.                
  3165.                
  3166.              
  3167.                
  3168.                  <div class="container header-menu-nav-item">
  3169.                    <a
  3170.                      href="/barn-doors/glass-mirrored-doors"
  3171.                      
  3172.                    >
  3173.                      <div class="header-menu-nav-item-content">
  3174.                        Glass &amp; Mirrored Doors
  3175.                      </div>
  3176.                    </a>
  3177.                  </div>
  3178.                
  3179.                
  3180.              
  3181.                
  3182.                  <div class="container header-menu-nav-item">
  3183.                    <a
  3184.                      href="/barn-doors/tracks"
  3185.                      
  3186.                    >
  3187.                      <div class="header-menu-nav-item-content">
  3188.                        Tracks
  3189.                      </div>
  3190.                    </a>
  3191.                  </div>
  3192.                
  3193.                
  3194.              
  3195.                
  3196.                  <div class="container header-menu-nav-item">
  3197.                    <a
  3198.                      href="/barn-doors/pulls"
  3199.                      
  3200.                    >
  3201.                      <div class="header-menu-nav-item-content">
  3202.                        Pulls
  3203.                      </div>
  3204.                    </a>
  3205.                  </div>
  3206.                
  3207.                
  3208.              
  3209.            </div>
  3210.          </div>
  3211.        
  3212.      
  3213.    
  3214.      
  3215.        
  3216.          <div class="container header-menu-nav-item">
  3217.            <a
  3218.              data-folder-id="/organizers-folder"
  3219.              href="/organizers-folder"
  3220.              
  3221.            >
  3222.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3223.                <span class="visually-hidden">Folder:</span>
  3224.                <span class="header-nav-folder-title-text">Organizers</span>
  3225.              </div>
  3226.            </a>
  3227.          </div>
  3228.          <div data-folder="/organizers-folder" class="header-menu-nav-folder">
  3229.            <div class="header-menu-nav-folder-content">
  3230.              <div class="header-menu-controls container header-menu-nav-item">
  3231.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3232.                  <span>Back</span>
  3233.                </a>
  3234.              </div>
  3235.              
  3236.                
  3237.                  <div class="container header-menu-nav-item">
  3238.                    <a
  3239.                      href="/organizers/reach-in-closet-organizers"
  3240.                      
  3241.                    >
  3242.                      <div class="header-menu-nav-item-content">
  3243.                        Reach-in Closet Organizers
  3244.                      </div>
  3245.                    </a>
  3246.                  </div>
  3247.                
  3248.                
  3249.              
  3250.                
  3251.                  <div class="container header-menu-nav-item">
  3252.                    <a
  3253.                      href="/organizers/walk-in-closet-organizers"
  3254.                      
  3255.                    >
  3256.                      <div class="header-menu-nav-item-content">
  3257.                        Walk-in Closet Organizers
  3258.                      </div>
  3259.                    </a>
  3260.                  </div>
  3261.                
  3262.                
  3263.              
  3264.                
  3265.                  <div class="container header-menu-nav-item">
  3266.                    <a
  3267.                      href="/organizers/closet-accessories"
  3268.                      
  3269.                    >
  3270.                      <div class="header-menu-nav-item-content">
  3271.                        Closet Accessories
  3272.                      </div>
  3273.                    </a>
  3274.                  </div>
  3275.                
  3276.                
  3277.              
  3278.                
  3279.                  <div class="container header-menu-nav-item">
  3280.                    <a
  3281.                      href="/organizers/garage-accessories"
  3282.                      
  3283.                    >
  3284.                      <div class="header-menu-nav-item-content">
  3285.                        Garage Organizers
  3286.                      </div>
  3287.                    </a>
  3288.                  </div>
  3289.                
  3290.                
  3291.              
  3292.            </div>
  3293.          </div>
  3294.        
  3295.      
  3296.    
  3297.      
  3298.        
  3299.          <div class="container header-menu-nav-item">
  3300.            <a
  3301.              data-folder-id="/door-installation-folder"
  3302.              href="/door-installation-folder"
  3303.              
  3304.            >
  3305.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3306.                <span class="visually-hidden">Folder:</span>
  3307.                <span class="header-nav-folder-title-text">Door Installation</span>
  3308.              </div>
  3309.            </a>
  3310.          </div>
  3311.          <div data-folder="/door-installation-folder" class="header-menu-nav-folder">
  3312.            <div class="header-menu-nav-folder-content">
  3313.              <div class="header-menu-controls container header-menu-nav-item">
  3314.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3315.                  <span>Back</span>
  3316.                </a>
  3317.              </div>
  3318.              
  3319.                
  3320.                  <div class="container header-menu-nav-item">
  3321.                    <a
  3322.                      href="/door-installation/contractors"
  3323.                      
  3324.                    >
  3325.                      <div class="header-menu-nav-item-content">
  3326.                        Contractors
  3327.                      </div>
  3328.                    </a>
  3329.                  </div>
  3330.                
  3331.                
  3332.              
  3333.                
  3334.                  <div class="container header-menu-nav-item">
  3335.                    <a
  3336.                      href="/door-installation/real-estate-agents"
  3337.                      
  3338.                    >
  3339.                      <div class="header-menu-nav-item-content">
  3340.                        Real Estate Agents
  3341.                      </div>
  3342.                    </a>
  3343.                  </div>
  3344.                
  3345.                
  3346.              
  3347.                
  3348.                  <div class="container header-menu-nav-item">
  3349.                    <a
  3350.                      href="/door-installation/interior-designers"
  3351.                      
  3352.                    >
  3353.                      <div class="header-menu-nav-item-content">
  3354.                        Interior Designers
  3355.                      </div>
  3356.                    </a>
  3357.                  </div>
  3358.                
  3359.                
  3360.              
  3361.            </div>
  3362.          </div>
  3363.        
  3364.      
  3365.    
  3366.      
  3367.        
  3368.          
  3369.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3370.              <a
  3371.                href="/faq"
  3372.                
  3373.              >
  3374.                <div class="header-menu-nav-item-content">
  3375.                  FAQ
  3376.                </div>
  3377.              </a>
  3378.            </div>
  3379.          
  3380.        
  3381.      
  3382.    
  3383.      
  3384.        
  3385.          
  3386.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3387.              <a
  3388.                href="/testimonials"
  3389.                
  3390.              >
  3391.                <div class="header-menu-nav-item-content">
  3392.                  Testimonials
  3393.                </div>
  3394.              </a>
  3395.            </div>
  3396.          
  3397.        
  3398.      
  3399.    
  3400.      
  3401.        
  3402.          
  3403.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3404.              <a
  3405.                href="/about"
  3406.                
  3407.              >
  3408.                <div class="header-menu-nav-item-content">
  3409.                  About Us
  3410.                </div>
  3411.              </a>
  3412.            </div>
  3413.          
  3414.        
  3415.      
  3416.    
  3417.      
  3418.        
  3419.          
  3420.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3421.              <a
  3422.                href="/contact-us"
  3423.                
  3424.              >
  3425.                <div class="header-menu-nav-item-content">
  3426.                  Contact Us
  3427.                </div>
  3428.              </a>
  3429.            </div>
  3430.          
  3431.        
  3432.      
  3433.    
  3434.      
  3435.        
  3436.          
  3437.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3438.              <a
  3439.                href="/will-call"
  3440.                
  3441.              >
  3442.                <div class="header-menu-nav-item-content">
  3443.                  Local pickup / Will Call
  3444.                </div>
  3445.              </a>
  3446.            </div>
  3447.          
  3448.        
  3449.      
  3450.    
  3451.  
  3452. </div>
  3453.  
  3454.              
  3455.            </div>
  3456.            
  3457.              <div class="header-menu-actions social-accounts">
  3458.                
  3459.                  
  3460.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3461.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://goo.gl/maps/GnSrfPScLQR2" target="_blank" aria-label="URL">
  3462.                        <svg viewBox="23 23 64 64">
  3463.                          <use xlink:href="#url-icon" width="110" height="110"></use>
  3464.                        </svg>
  3465.                      </a>
  3466.                    </div>
  3467.                  
  3468.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3469.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.facebook.com/interiordoorandcloset" target="_blank" aria-label="Facebook">
  3470.                        <svg viewBox="23 23 64 64">
  3471.                          <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
  3472.                        </svg>
  3473.                      </a>
  3474.                    </div>
  3475.                  
  3476.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3477.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.pinterest.com/ocdoors/" target="_blank" aria-label="Pinterest">
  3478.                        <svg viewBox="23 23 64 64">
  3479.                          <use xlink:href="#pinterest-unauth-icon" width="110" height="110"></use>
  3480.                        </svg>
  3481.                      </a>
  3482.                    </div>
  3483.                  
  3484.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3485.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.linkedin.com/company/interior-door-and-closet-company/about/" target="_blank" aria-label="LinkedIn">
  3486.                        <svg viewBox="23 23 64 64">
  3487.                          <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use>
  3488.                        </svg>
  3489.                      </a>
  3490.                    </div>
  3491.                  
  3492.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3493.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company" target="_blank" aria-label="Houzz">
  3494.                        <svg viewBox="23 23 64 64">
  3495.                          <use xlink:href="#houzz-icon" width="110" height="110"></use>
  3496.                        </svg>
  3497.                      </a>
  3498.                    </div>
  3499.                  
  3500.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3501.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.instagram.com/ocdoorsandclosets/" target="_blank" aria-label="Instagram">
  3502.                        <svg viewBox="23 23 64 64">
  3503.                          <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use>
  3504.                        </svg>
  3505.                      </a>
  3506.                    </div>
  3507.                  
  3508.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3509.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  3510.                        <svg viewBox="23 23 64 64">
  3511.                          <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  3512.                        </svg>
  3513.                      </a>
  3514.                    </div>
  3515.                  
  3516.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3517.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  3518.                        <svg viewBox="23 23 64 64">
  3519.                          <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  3520.                        </svg>
  3521.                      </a>
  3522.                    </div>
  3523.                  
  3524.                
  3525.              </div>
  3526.            
  3527.            
  3528.            
  3529.          </div>
  3530.        </nav>
  3531.      </div>
  3532.    </div>
  3533.  </header>
  3534.  
  3535.  
  3536.  
  3537.  
  3538.      <main id="page" class="container" role="main">
  3539.        
  3540.          
  3541. <article class="sections" id="sections" data-page-sections="62dfa072528d6a3af102533f">
  3542.  
  3543.  
  3544.    
  3545.    
  3546.  
  3547.  
  3548.  
  3549.  
  3550.  
  3551.  
  3552. <section
  3553.  data-test="page-section"
  3554.  
  3555.  data-section-theme="white"
  3556.  class='page-section
  3557.    
  3558.      full-bleed-section
  3559.      layout-engine-section
  3560.    
  3561.    background-width--full-bleed
  3562.    
  3563.      
  3564.        section-height--custom
  3565.      
  3566.    
  3567.    
  3568.      content-width--wide
  3569.    
  3570.    horizontal-alignment--center
  3571.    vertical-alignment--middle
  3572.    
  3573.      
  3574.    
  3575.    
  3576.    white'
  3577.  
  3578.  data-section-id="62e0cb456bb68f266af7b2c6"
  3579.  
  3580.  data-controller="SectionWrapperController"
  3581.  data-current-styles="{
  3582. &quot;imageOverlayOpacity&quot;: 0.15,
  3583. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  3584. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  3585. &quot;customSectionHeight&quot;: 0,
  3586. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  3587. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  3588. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  3589. &quot;customContentWidth&quot;: 50,
  3590. &quot;sectionTheme&quot;: &quot;white&quot;,
  3591. &quot;sectionAnimation&quot;: &quot;none&quot;,
  3592. &quot;backgroundMode&quot;: &quot;image&quot;
  3593. }"
  3594.  data-current-context="{
  3595. &quot;video&quot;: {
  3596. &quot;playbackSpeed&quot;: 0.5,
  3597. &quot;filter&quot;: 1,
  3598. &quot;filterStrength&quot;: 0,
  3599. &quot;zoom&quot;: 0,
  3600. &quot;videoSourceProvider&quot;: &quot;none&quot;
  3601. },
  3602. &quot;backgroundImageId&quot;: null,
  3603. &quot;backgroundMediaEffect&quot;: null,
  3604. &quot;divider&quot;: null,
  3605. &quot;typeName&quot;: &quot;page&quot;
  3606. }"
  3607.  data-animation="none"
  3608.  data-fluid-engine-section
  3609.  
  3610.  
  3611.  
  3612. >
  3613.  <div
  3614.    class="section-border"
  3615.    
  3616.  >
  3617.    <div class="section-background">
  3618.    
  3619.      
  3620.    
  3621.    </div>
  3622.  </div>
  3623.  <div
  3624.    class='content-wrapper'
  3625.    style='
  3626.      
  3627.        
  3628.          
  3629.          
  3630.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  3631.        
  3632.      
  3633.    '
  3634.  >
  3635.    <div
  3636.      class="content"
  3637.      
  3638.    >
  3639.      
  3640.      
  3641.      
  3642.      
  3643.      
  3644.      
  3645.      
  3646.      
  3647.      <div data-fluid-engine="true"><style>
  3648.  
  3649. .fe-62e0cb469d92f32ed9e4bec9 {
  3650.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  3651.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
  3652.  
  3653.  display: grid;
  3654.  position: relative;
  3655.  grid-area: 1/1/-1/-1;
  3656.  grid-template-rows: repeat(19,minmax(24px, auto));
  3657.  grid-template-columns:
  3658.    minmax(var(--grid-gutter), 1fr)
  3659.    repeat(8, minmax(0, var(--cell-max-width)))
  3660.    minmax(var(--grid-gutter), 1fr);
  3661.  row-gap: 11.0px;
  3662.  column-gap: 11.0px;
  3663. }
  3664.  
  3665. @media (min-width: 768px) {
  3666.  .background-width--inset .fe-62e0cb469d92f32ed9e4bec9 {
  3667.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  3668.  }
  3669.  
  3670.  .fe-62e0cb469d92f32ed9e4bec9 {
  3671.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
  3672.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
  3673.    --inset-padding: 0vw;
  3674.  
  3675.    --row-height-scaling-factor: 0.0215;
  3676.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  3677.  
  3678.    grid-template-rows: repeat(28,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  3679.    grid-template-columns:
  3680.      minmax(var(--grid-gutter), 1fr)
  3681.      repeat(24, minmax(0, var(--cell-max-width)))
  3682.      minmax(var(--grid-gutter), 1fr);
  3683.  }
  3684. }
  3685.  
  3686.  
  3687.  .fe-block-yui_3_17_2_1_1658895487437_133502 {
  3688.    grid-area: 1/1/16/11;
  3689.    z-index: 1;
  3690.  
  3691.    @media (max-width: 767px) {
  3692.      
  3693.      
  3694.    }
  3695.  }
  3696.  
  3697.  .fe-block-yui_3_17_2_1_1658895487437_133502 .sqs-block {
  3698.    justify-content: flex-start;
  3699.  }
  3700.  
  3701.  .fe-block-yui_3_17_2_1_1658895487437_133502 .sqs-block-alignment-wrapper {
  3702.    align-items: flex-start;
  3703.  }
  3704.  
  3705.  @media (min-width: 768px) {
  3706.    .fe-block-yui_3_17_2_1_1658895487437_133502 {
  3707.      grid-area: 1/1/29/27;
  3708.      z-index: 1;
  3709.  
  3710.      
  3711.  
  3712.      
  3713.    }
  3714.  
  3715.    .fe-block-yui_3_17_2_1_1658895487437_133502 .sqs-block {
  3716.      justify-content: flex-start;
  3717.    }
  3718.  
  3719.    .fe-block-yui_3_17_2_1_1658895487437_133502 .sqs-block-alignment-wrapper {
  3720.      align-items: flex-start;
  3721.    }
  3722.  }
  3723.  
  3724.  .fe-block-yui_3_17_2_1_1718252774278_20087 {
  3725.    grid-area: 16/2/18/10;
  3726.    z-index: 3;
  3727.  
  3728.    @media (max-width: 767px) {
  3729.      
  3730.        
  3731.      
  3732.      
  3733.    }
  3734.  }
  3735.  
  3736.  .fe-block-yui_3_17_2_1_1718252774278_20087 .sqs-block {
  3737.    justify-content: flex-start;
  3738.  }
  3739.  
  3740.  .fe-block-yui_3_17_2_1_1718252774278_20087 .sqs-block-alignment-wrapper {
  3741.    align-items: flex-start;
  3742.  }
  3743.  
  3744.  @media (min-width: 768px) {
  3745.    .fe-block-yui_3_17_2_1_1718252774278_20087 {
  3746.      grid-area: 4/2/10/14;
  3747.      z-index: 3;
  3748.  
  3749.      
  3750.        
  3751.      
  3752.  
  3753.      
  3754.    }
  3755.  
  3756.    .fe-block-yui_3_17_2_1_1718252774278_20087 .sqs-block {
  3757.      justify-content: flex-start;
  3758.    }
  3759.  
  3760.    .fe-block-yui_3_17_2_1_1718252774278_20087 .sqs-block-alignment-wrapper {
  3761.      align-items: flex-start;
  3762.    }
  3763.  }
  3764.  
  3765.  .fe-block-yui_3_17_2_1_1717650238425_14446 {
  3766.    grid-area: 18/2/20/10;
  3767.    z-index: 2;
  3768.  
  3769.    @media (max-width: 767px) {
  3770.      
  3771.        
  3772.      
  3773.      
  3774.    }
  3775.  }
  3776.  
  3777.  .fe-block-yui_3_17_2_1_1717650238425_14446 .sqs-block {
  3778.    justify-content: flex-start;
  3779.  }
  3780.  
  3781.  .fe-block-yui_3_17_2_1_1717650238425_14446 .sqs-block-alignment-wrapper {
  3782.    align-items: flex-start;
  3783.  }
  3784.  
  3785.  @media (min-width: 768px) {
  3786.    .fe-block-yui_3_17_2_1_1717650238425_14446 {
  3787.      grid-area: 14/2/29/14;
  3788.      z-index: 2;
  3789.  
  3790.      
  3791.        
  3792.      
  3793.  
  3794.      
  3795.    }
  3796.  
  3797.    .fe-block-yui_3_17_2_1_1717650238425_14446 .sqs-block {
  3798.      justify-content: flex-start;
  3799.    }
  3800.  
  3801.    .fe-block-yui_3_17_2_1_1717650238425_14446 .sqs-block-alignment-wrapper {
  3802.      align-items: flex-start;
  3803.    }
  3804.  }
  3805.  
  3806. </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">
  3807.  
  3808.  
  3809.  
  3810.  
  3811.  
  3812.  
  3813.  
  3814. <div class="
  3815.  sqs-gallery-container
  3816.  sqs-gallery-block-grid
  3817.  sqs-gallery-aspect-ratio-square
  3818.  sqs-gallery-thumbnails-per-row-4
  3819.  
  3820.  
  3821.  
  3822.  
  3823.    
  3824.    
  3825.  
  3826.  sqs-gallery-block-show-meta
  3827.  
  3828.  
  3829.  
  3830.  
  3831.  
  3832.  
  3833.  
  3834.  block-animation-none
  3835.  clear"
  3836.  
  3837.  
  3838. >
  3839.  <div class="sqs-gallery">
  3840.    
  3841.      
  3842.  
  3843.        
  3844.  
  3845.        
  3846.  
  3847.        
  3848.          
  3849.            <div class="slide" data-type="image" data-animation-role="image">
  3850.              <div class="margin-wrapper">
  3851.                
  3852.                <a
  3853.                  
  3854.                    
  3855.                      role="presentation"
  3856.                    
  3857.                  
  3858.  
  3859.                  class="
  3860.                    image-slide-anchor
  3861.                    
  3862.                    content-fill
  3863.                  "
  3864.                >
  3865.                  
  3866.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726183963948-A2PGXBQAVMV3MME7S6U5/Cloud+Allegra+Closet.png" alt="Cloud Allegra Closet.png" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726183963948-A2PGXBQAVMV3MME7S6U5/Cloud+Allegra+Closet.png" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726183963948-A2PGXBQAVMV3MME7S6U5/Cloud+Allegra+Closet.png" data-image-dimensions="5000x3333" data-image-focal-point="0.5,0.5" alt="Cloud Allegra Closet.png" data-load="false" data-image-id="66e37a0a5b45f81bdd7fbfc9" data-type="image" />
  3867.                </a>
  3868.                
  3869.              </div>
  3870.            </div>
  3871.          
  3872.  
  3873.          
  3874.        
  3875.  
  3876.      
  3877.  
  3878.        
  3879.  
  3880.        
  3881.  
  3882.        
  3883.          
  3884.            <div class="slide" data-type="image" data-animation-role="image">
  3885.              <div class="margin-wrapper">
  3886.                
  3887.                <a
  3888.                  
  3889.                    
  3890.                      role="presentation"
  3891.                    
  3892.                  
  3893.  
  3894.                  class="
  3895.                    image-slide-anchor
  3896.                    
  3897.                    content-fill
  3898.                  "
  3899.                >
  3900.                  
  3901.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1692942913794-0ML0WXVZASN135AZ5MZ0/interior-door+%281%29.jpg" alt="interior door" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1692942913794-0ML0WXVZASN135AZ5MZ0/interior-door+%281%29.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1692942913794-0ML0WXVZASN135AZ5MZ0/interior-door+%281%29.jpg" data-image-dimensions="800x575" data-image-focal-point="0.18027210884353742,0.45125766970076653" alt="interior door" data-load="false" data-image-id="64e842419722521e2f571351" data-type="image" />
  3902.                </a>
  3903.                
  3904.              </div>
  3905.            </div>
  3906.          
  3907.  
  3908.          
  3909.        
  3910.  
  3911.      
  3912.  
  3913.        
  3914.  
  3915.        
  3916.  
  3917.        
  3918.          
  3919.            <div class="slide" data-type="image" data-animation-role="image">
  3920.              <div class="margin-wrapper">
  3921.                
  3922.                <a
  3923.                  
  3924.                    
  3925.                      role="presentation"
  3926.                    
  3927.                  
  3928.  
  3929.                  class="
  3930.                    image-slide-anchor
  3931.                    
  3932.                    content-fill
  3933.                  "
  3934.                >
  3935.                  
  3936.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184706993-LC5NCT6DSIJ925P42WOR/Jeld-Wen+Birkdale.png" alt="Jeld-Wen Birkdale.png" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184706993-LC5NCT6DSIJ925P42WOR/Jeld-Wen+Birkdale.png" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184706993-LC5NCT6DSIJ925P42WOR/Jeld-Wen+Birkdale.png" data-image-dimensions="4500x3435" data-image-focal-point="0.5,0.5" alt="Jeld-Wen Birkdale.png" data-load="false" data-image-id="66e37cf07808923a788aea19" data-type="image" />
  3937.                </a>
  3938.                
  3939.              </div>
  3940.            </div>
  3941.          
  3942.  
  3943.          
  3944.        
  3945.  
  3946.      
  3947.  
  3948.        
  3949.  
  3950.        
  3951.  
  3952.        
  3953.          
  3954.            <div class="slide" data-type="image" data-animation-role="image">
  3955.              <div class="margin-wrapper">
  3956.                
  3957.                <a
  3958.                  
  3959.                    
  3960.                      role="presentation"
  3961.                    
  3962.                  
  3963.  
  3964.                  class="
  3965.                    image-slide-anchor
  3966.                    
  3967.                    content-fill
  3968.                  "
  3969.                >
  3970.                  
  3971.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184157035-HUF1Y0HH3D7VOQDBQZV3/5-Lite+Privacy+-+2+-+Copy.jpg" alt="5-Lite Privacy - 2 - Copy.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184157035-HUF1Y0HH3D7VOQDBQZV3/5-Lite+Privacy+-+2+-+Copy.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184157035-HUF1Y0HH3D7VOQDBQZV3/5-Lite+Privacy+-+2+-+Copy.jpg" data-image-dimensions="3024x4032" data-image-focal-point="0.48287908380681815,0.003401360544217687" alt="5-Lite Privacy - 2 - Copy.jpg" data-load="false" data-image-id="66e37adb639e6d14c25c5b8d" data-type="image" />
  3972.                </a>
  3973.                
  3974.              </div>
  3975.            </div>
  3976.          
  3977.  
  3978.          
  3979.        
  3980.  
  3981.      
  3982.  
  3983.        
  3984.  
  3985.        
  3986.  
  3987.        
  3988.          
  3989.            <div class="slide" data-type="image" data-animation-role="image">
  3990.              <div class="margin-wrapper">
  3991.                
  3992.                <a
  3993.                  
  3994.                    
  3995.                      role="presentation"
  3996.                    
  3997.                  
  3998.  
  3999.                  class="
  4000.                    image-slide-anchor
  4001.                    
  4002.                    content-fill
  4003.                  "
  4004.                >
  4005.                  
  4006.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184463349-UXWJOQHP2GRE7RZ576IZ/4+Door%2C+Quad+track%2C+3-lite.jpg" alt="4 Door, Quad track, 3-lite.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184463349-UXWJOQHP2GRE7RZ576IZ/4+Door%2C+Quad+track%2C+3-lite.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184463349-UXWJOQHP2GRE7RZ576IZ/4+Door%2C+Quad+track%2C+3-lite.jpg" data-image-dimensions="4032x2268" data-image-focal-point="0.5,0.5" alt="4 Door, Quad track, 3-lite.jpg" data-load="false" data-image-id="66e37c0d3495944d697f0120" data-type="image" />
  4007.                </a>
  4008.                
  4009.              </div>
  4010.            </div>
  4011.          
  4012.  
  4013.          
  4014.        
  4015.  
  4016.      
  4017.  
  4018.        
  4019.  
  4020.        
  4021.  
  4022.        
  4023.          
  4024.            <div class="slide" data-type="image" data-animation-role="image">
  4025.              <div class="margin-wrapper">
  4026.                
  4027.                <a
  4028.                  
  4029.                    
  4030.                      role="presentation"
  4031.                    
  4032.                  
  4033.  
  4034.                  class="
  4035.                    image-slide-anchor
  4036.                    
  4037.                    content-fill
  4038.                  "
  4039.                >
  4040.                  
  4041.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184286027-YIPJ5ZLV6G70Q0JTL5HZ/2+Panel+Shaker.jpg" alt="2 Panel Shaker.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184286027-YIPJ5ZLV6G70Q0JTL5HZ/2+Panel+Shaker.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184286027-YIPJ5ZLV6G70Q0JTL5HZ/2+Panel+Shaker.jpg" data-image-dimensions="579x454" data-image-focal-point="0.5,0.5" alt="2 Panel Shaker.jpg" data-load="false" data-image-id="66e37b5d55f7102d7532f365" data-type="image" />
  4042.                </a>
  4043.                
  4044.              </div>
  4045.            </div>
  4046.          
  4047.  
  4048.          
  4049.        
  4050.  
  4051.      
  4052.  
  4053.        
  4054.  
  4055.        
  4056.  
  4057.        
  4058.          
  4059.            <div class="slide" data-type="image" data-animation-role="image">
  4060.              <div class="margin-wrapper">
  4061.                
  4062.                <a
  4063.                  
  4064.                    
  4065.                      role="presentation"
  4066.                    
  4067.                  
  4068.  
  4069.                  class="
  4070.                    image-slide-anchor
  4071.                    
  4072.                    content-fill
  4073.                  "
  4074.                >
  4075.                  
  4076.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184221349-55T0AVX3XUPRR5RDW73V/5-Lite+White+Glass+Closet+Doors.jpg" alt="5-Lite White Glass Closet Doors.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184221349-55T0AVX3XUPRR5RDW73V/5-Lite+White+Glass+Closet+Doors.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184221349-55T0AVX3XUPRR5RDW73V/5-Lite+White+Glass+Closet+Doors.jpg" data-image-dimensions="3024x4032" data-image-focal-point="0.49196999289772725,0.22789115646258504" alt="5-Lite White Glass Closet Doors.jpg" data-load="false" data-image-id="66e37b1b94d20714768246fc" data-type="image" />
  4077.                </a>
  4078.                
  4079.              </div>
  4080.            </div>
  4081.          
  4082.  
  4083.          
  4084.        
  4085.  
  4086.      
  4087.  
  4088.        
  4089.  
  4090.        
  4091.  
  4092.        
  4093.          
  4094.            <div class="slide" data-type="image" data-animation-role="image">
  4095.              <div class="margin-wrapper">
  4096.                
  4097.                <a
  4098.                  
  4099.                    
  4100.                      role="presentation"
  4101.                    
  4102.                  
  4103.  
  4104.                  class="
  4105.                    image-slide-anchor
  4106.                    
  4107.                    content-fill
  4108.                  "
  4109.                >
  4110.                  
  4111.                  <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" />
  4112.                </a>
  4113.                
  4114.              </div>
  4115.            </div>
  4116.          
  4117.  
  4118.          
  4119.        
  4120.  
  4121.      
  4122.  
  4123.        
  4124.  
  4125.        
  4126.  
  4127.        
  4128.          
  4129.            <div class="slide" data-type="image" data-animation-role="image">
  4130.              <div class="margin-wrapper">
  4131.                
  4132.                <a
  4133.                  
  4134.                    
  4135.                      role="presentation"
  4136.                    
  4137.                  
  4138.  
  4139.                  class="
  4140.                    image-slide-anchor
  4141.                    
  4142.                    content-fill
  4143.                  "
  4144.                >
  4145.                  
  4146.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1658899654722-VI5PMPL0LRW5J9G8K37G/barn-door.jpg" alt="barn doors" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1658899654722-VI5PMPL0LRW5J9G8K37G/barn-door.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1658899654722-VI5PMPL0LRW5J9G8K37G/barn-door.jpg" data-image-dimensions="2500x1875" data-image-focal-point="0.45918367346938777,0.9374245383522727" alt="barn doors" data-load="false" data-image-id="62e0ccc44f63c20a01b2971f" data-type="image" />
  4147.                </a>
  4148.                
  4149.              </div>
  4150.            </div>
  4151.          
  4152.  
  4153.          
  4154.        
  4155.  
  4156.      
  4157.  
  4158.        
  4159.  
  4160.        
  4161.  
  4162.        
  4163.          
  4164.            <div class="slide" data-type="image" data-animation-role="image">
  4165.              <div class="margin-wrapper">
  4166.                
  4167.                <a
  4168.                  
  4169.                    
  4170.                      role="presentation"
  4171.                    
  4172.                  
  4173.  
  4174.                  class="
  4175.                    image-slide-anchor
  4176.                    
  4177.                    content-fill
  4178.                  "
  4179.                >
  4180.                  
  4181.                  <noscript><img src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184405241-E1OOHQ5ZIOQIAFE6K8NZ/1-Lite+Mirror+Double+Doors.jpg" alt="1-Lite Mirror Double Doors.jpg" /></noscript><img class="thumb-image" elementtiming="system-gallery-block-grid" data-src="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184405241-E1OOHQ5ZIOQIAFE6K8NZ/1-Lite+Mirror+Double+Doors.jpg" data-image="https://images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/1726184405241-E1OOHQ5ZIOQIAFE6K8NZ/1-Lite+Mirror+Double+Doors.jpg" data-image-dimensions="821x691" data-image-focal-point="0.5,0.5" alt="1-Lite Mirror Double Doors.jpg" data-load="false" data-image-id="66e37bd5b18f402cf4c1dafc" data-type="image" />
  4182.                </a>
  4183.                
  4184.              </div>
  4185.            </div>
  4186.          
  4187.  
  4188.          
  4189.        
  4190.  
  4191.      
  4192.  
  4193.        
  4194.  
  4195.        
  4196.  
  4197.        
  4198.          
  4199.            <div class="slide" data-type="image" data-animation-role="image">
  4200.              <div class="margin-wrapper">
  4201.                
  4202.                <a
  4203.                  
  4204.                    
  4205.                      role="presentation"
  4206.                    
  4207.                  
  4208.  
  4209.                  class="
  4210.                    image-slide-anchor
  4211.                    
  4212.                    content-fill
  4213.                  "
  4214.                >
  4215.                  
  4216.                  <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" />
  4217.                </a>
  4218.                
  4219.              </div>
  4220.            </div>
  4221.          
  4222.  
  4223.          
  4224.        
  4225.  
  4226.      
  4227.    
  4228.  </div>
  4229.  
  4230.  
  4231.  
  4232. </div>
  4233.  
  4234.  
  4235.  
  4236.  
  4237. <style type="text/css" id="design-grid-css">
  4238. #block-yui_3_17_2_1_1658895487437_133502 .sqs-gallery-block-grid .sqs-gallery-design-grid { margin-right: -20px; }
  4239. #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; }
  4240. </style>
  4241.  
  4242.  
  4243.  
  4244. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1718252774278_20087"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-yui_3_17_2_1_1718252774278_20087"><div class="sqs-block-content">
  4245.  
  4246. <div class="sqs-html-content">
  4247.  <h1 style="white-space:pre-wrap;">Interior Door &amp; Closet Company</h1>
  4248. </div>
  4249.  
  4250.  
  4251.  
  4252.  
  4253.  
  4254.  
  4255.  
  4256.  
  4257.  
  4258.  
  4259.  
  4260.  
  4261.  
  4262.  
  4263.  
  4264.  
  4265.  
  4266.  
  4267.  
  4268.  
  4269.  
  4270.  
  4271.  
  4272.  
  4273.  
  4274. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1717650238425_14446"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-yui_3_17_2_1_1717650238425_14446"><div class="sqs-block-content">
  4275.  
  4276. <div class="sqs-html-content">
  4277.  <p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--lightAccent">Transform Your Home with Expert Interior Door, Sliding Closet Door Installations, Hinged Closet Doors, Sliding Closet Doors, and Closet Organizers!</span></p><p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;"></p>
  4278. </div>
  4279.  
  4280.  
  4281.  
  4282.  
  4283.  
  4284.  
  4285.  
  4286.  
  4287.  
  4288.  
  4289.  
  4290.  
  4291.  
  4292.  
  4293.  
  4294.  
  4295.  
  4296.  
  4297.  
  4298.  
  4299.  
  4300.  
  4301.  
  4302.  
  4303.  
  4304. </div></div></div></div></div>
  4305.    </div>
  4306.  
  4307.  </div>
  4308.  
  4309. </section>
  4310.  
  4311.  
  4312.    
  4313.    
  4314.  
  4315.  
  4316.  
  4317.  
  4318.  
  4319.  
  4320. <section
  4321.  data-test="page-section"
  4322.  
  4323.  data-section-theme="dark-bold"
  4324.  class='page-section
  4325.    
  4326.      full-bleed-section
  4327.      layout-engine-section
  4328.    
  4329.    background-width--full-bleed
  4330.    
  4331.      
  4332.        section-height--custom
  4333.      
  4334.    
  4335.    
  4336.      content-width--wide
  4337.    
  4338.    horizontal-alignment--center
  4339.    vertical-alignment--middle
  4340.    
  4341.      
  4342.    
  4343.    
  4344.    dark-bold'
  4345.  
  4346.  data-section-id="62e7a6759f6aeb2bb6a015ff"
  4347.  
  4348.  data-controller="SectionWrapperController"
  4349.  data-current-styles="{
  4350. &quot;imageOverlayOpacity&quot;: 0.15,
  4351. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  4352. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  4353. &quot;customSectionHeight&quot;: 0,
  4354. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  4355. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  4356. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  4357. &quot;customContentWidth&quot;: 50,
  4358. &quot;sectionTheme&quot;: &quot;dark-bold&quot;,
  4359. &quot;sectionAnimation&quot;: &quot;none&quot;,
  4360. &quot;backgroundMode&quot;: &quot;image&quot;,
  4361. &quot;imageEffect&quot;: &quot;none&quot;
  4362. }"
  4363.  data-current-context="{
  4364. &quot;video&quot;: {
  4365. &quot;playbackSpeed&quot;: 0.5,
  4366. &quot;filter&quot;: 1,
  4367. &quot;filterStrength&quot;: 0,
  4368. &quot;zoom&quot;: 0,
  4369. &quot;videoSourceProvider&quot;: &quot;none&quot;
  4370. },
  4371. &quot;backgroundImageId&quot;: null,
  4372. &quot;backgroundMediaEffect&quot;: null,
  4373. &quot;divider&quot;: null,
  4374. &quot;typeName&quot;: &quot;page&quot;
  4375. }"
  4376.  data-animation="none"
  4377.  data-fluid-engine-section
  4378.  
  4379.  
  4380.  
  4381. >
  4382.  <div
  4383.    class="section-border"
  4384.    
  4385.  >
  4386.    <div class="section-background">
  4387.    
  4388.      
  4389.    
  4390.    </div>
  4391.  </div>
  4392.  <div
  4393.    class='content-wrapper'
  4394.    style='
  4395.      
  4396.        
  4397.          
  4398.          
  4399.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  4400.        
  4401.      
  4402.    '
  4403.  >
  4404.    <div
  4405.      class="content"
  4406.      
  4407.    >
  4408.      
  4409.      
  4410.      
  4411.      
  4412.      
  4413.      
  4414.      
  4415.      
  4416.      <div data-fluid-engine="true"><style>
  4417.  
  4418. .fe-62e7a675bd678f7ed99d3821 {
  4419.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 27.0px);
  4420.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (27.0px * (8 - 1)) ) / 8 );
  4421.  
  4422.  display: grid;
  4423.  position: relative;
  4424.  grid-area: 1/1/-1/-1;
  4425.  grid-template-rows: repeat(14,minmax(24px, auto));
  4426.  grid-template-columns:
  4427.    minmax(var(--grid-gutter), 1fr)
  4428.    repeat(8, minmax(0, var(--cell-max-width)))
  4429.    minmax(var(--grid-gutter), 1fr);
  4430.  row-gap: 11.0px;
  4431.  column-gap: 27.0px;
  4432. }
  4433.  
  4434. @media (min-width: 768px) {
  4435.  .background-width--inset .fe-62e7a675bd678f7ed99d3821 {
  4436.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  4437.  }
  4438.  
  4439.  .fe-62e7a675bd678f7ed99d3821 {
  4440.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 27.0px);
  4441.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (27.0px * (24 - 1)) ) / 24 );
  4442.    --inset-padding: 0vw;
  4443.  
  4444.    --row-height-scaling-factor: 0.0215;
  4445.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  4446.  
  4447.    grid-template-rows: repeat(10,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  4448.    grid-template-columns:
  4449.      minmax(var(--grid-gutter), 1fr)
  4450.      repeat(24, minmax(0, var(--cell-max-width)))
  4451.      minmax(var(--grid-gutter), 1fr);
  4452.  }
  4453. }
  4454.  
  4455.  
  4456.  .fe-block-yui_3_17_2_1_1659333611813_982208 {
  4457.    grid-area: 2/2/4/10;
  4458.    z-index: 2;
  4459.  
  4460.    @media (max-width: 767px) {
  4461.      
  4462.      
  4463.    }
  4464.  }
  4465.  
  4466.  .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block {
  4467.    justify-content: flex-start;
  4468.  }
  4469.  
  4470.  .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block-alignment-wrapper {
  4471.    align-items: flex-start;
  4472.  }
  4473.  
  4474.  @media (min-width: 768px) {
  4475.    .fe-block-yui_3_17_2_1_1659333611813_982208 {
  4476.      grid-area: 4/9/6/19;
  4477.      z-index: 2;
  4478.  
  4479.      
  4480.  
  4481.      
  4482.    }
  4483.  
  4484.    .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block {
  4485.      justify-content: flex-start;
  4486.    }
  4487.  
  4488.    .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block-alignment-wrapper {
  4489.      align-items: flex-start;
  4490.    }
  4491.  }
  4492.  
  4493.  .fe-block-yui_3_17_2_1_1659352525951_1011477 {
  4494.    grid-area: 4/3/7/5;
  4495.    z-index: 3;
  4496.  
  4497.    @media (max-width: 767px) {
  4498.      
  4499.      
  4500.    }
  4501.  }
  4502.  
  4503.  .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block {
  4504.    justify-content: center;
  4505.  }
  4506.  
  4507.  .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block-alignment-wrapper {
  4508.    align-items: center;
  4509.  }
  4510.  
  4511.  @media (min-width: 768px) {
  4512.    .fe-block-yui_3_17_2_1_1659352525951_1011477 {
  4513.      grid-area: 6/5/9/7;
  4514.      z-index: 3;
  4515.  
  4516.      
  4517.  
  4518.      
  4519.    }
  4520.  
  4521.    .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block {
  4522.      justify-content: center;
  4523.    }
  4524.  
  4525.    .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block-alignment-wrapper {
  4526.      align-items: center;
  4527.    }
  4528.  }
  4529.  
  4530.  .fe-block-yui_3_17_2_1_1659352525951_1023202 {
  4531.    grid-area: 4/5/7/7;
  4532.    z-index: 4;
  4533.  
  4534.    @media (max-width: 767px) {
  4535.      
  4536.      
  4537.    }
  4538.  }
  4539.  
  4540.  .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block {
  4541.    justify-content: center;
  4542.  }
  4543.  
  4544.  .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block-alignment-wrapper {
  4545.    align-items: center;
  4546.  }
  4547.  
  4548.  @media (min-width: 768px) {
  4549.    .fe-block-yui_3_17_2_1_1659352525951_1023202 {
  4550.      grid-area: 6/7/9/9;
  4551.      z-index: 4;
  4552.  
  4553.      
  4554.  
  4555.      
  4556.    }
  4557.  
  4558.    .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block {
  4559.      justify-content: center;
  4560.    }
  4561.  
  4562.    .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block-alignment-wrapper {
  4563.      align-items: center;
  4564.    }
  4565.  }
  4566.  
  4567.  .fe-block-yui_3_17_2_1_1659352525951_1031494 {
  4568.    grid-area: 4/7/7/9;
  4569.    z-index: 5;
  4570.  
  4571.    @media (max-width: 767px) {
  4572.      
  4573.      
  4574.    }
  4575.  }
  4576.  
  4577.  .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block {
  4578.    justify-content: center;
  4579.  }
  4580.  
  4581.  .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block-alignment-wrapper {
  4582.    align-items: center;
  4583.  }
  4584.  
  4585.  @media (min-width: 768px) {
  4586.    .fe-block-yui_3_17_2_1_1659352525951_1031494 {
  4587.      grid-area: 6/9/9/11;
  4588.      z-index: 5;
  4589.  
  4590.      
  4591.  
  4592.      
  4593.    }
  4594.  
  4595.    .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block {
  4596.      justify-content: center;
  4597.    }
  4598.  
  4599.    .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block-alignment-wrapper {
  4600.      align-items: center;
  4601.    }
  4602.  }
  4603.  
  4604.  .fe-block-yui_3_17_2_1_1659352525951_1061854 {
  4605.    grid-area: 7/7/10/9;
  4606.    z-index: 8;
  4607.  
  4608.    @media (max-width: 767px) {
  4609.      
  4610.      
  4611.    }
  4612.  }
  4613.  
  4614.  .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block {
  4615.    justify-content: center;
  4616.  }
  4617.  
  4618.  .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block-alignment-wrapper {
  4619.    align-items: center;
  4620.  }
  4621.  
  4622.  @media (min-width: 768px) {
  4623.    .fe-block-yui_3_17_2_1_1659352525951_1061854 {
  4624.      grid-area: 6/15/9/17;
  4625.      z-index: 8;
  4626.  
  4627.      
  4628.  
  4629.      
  4630.    }
  4631.  
  4632.    .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block {
  4633.      justify-content: center;
  4634.    }
  4635.  
  4636.    .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block-alignment-wrapper {
  4637.      align-items: center;
  4638.    }
  4639.  }
  4640.  
  4641.  .fe-block-yui_3_17_2_1_1659352525951_1048412 {
  4642.    grid-area: 7/3/10/5;
  4643.    z-index: 6;
  4644.  
  4645.    @media (max-width: 767px) {
  4646.      
  4647.      
  4648.    }
  4649.  }
  4650.  
  4651.  .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block {
  4652.    justify-content: center;
  4653.  }
  4654.  
  4655.  .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block-alignment-wrapper {
  4656.    align-items: center;
  4657.  }
  4658.  
  4659.  @media (min-width: 768px) {
  4660.    .fe-block-yui_3_17_2_1_1659352525951_1048412 {
  4661.      grid-area: 6/11/9/13;
  4662.      z-index: 6;
  4663.  
  4664.      
  4665.  
  4666.      
  4667.    }
  4668.  
  4669.    .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block {
  4670.      justify-content: center;
  4671.    }
  4672.  
  4673.    .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block-alignment-wrapper {
  4674.      align-items: center;
  4675.    }
  4676.  }
  4677.  
  4678.  .fe-block-yui_3_17_2_1_1659352525951_1055917 {
  4679.    grid-area: 7/5/10/7;
  4680.    z-index: 7;
  4681.  
  4682.    @media (max-width: 767px) {
  4683.      
  4684.      
  4685.    }
  4686.  }
  4687.  
  4688.  .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block {
  4689.    justify-content: center;
  4690.  }
  4691.  
  4692.  .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block-alignment-wrapper {
  4693.    align-items: center;
  4694.  }
  4695.  
  4696.  @media (min-width: 768px) {
  4697.    .fe-block-yui_3_17_2_1_1659352525951_1055917 {
  4698.      grid-area: 6/13/9/15;
  4699.      z-index: 7;
  4700.  
  4701.      
  4702.  
  4703.      
  4704.    }
  4705.  
  4706.    .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block {
  4707.      justify-content: center;
  4708.    }
  4709.  
  4710.    .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block-alignment-wrapper {
  4711.      align-items: center;
  4712.    }
  4713.  }
  4714.  
  4715.  .fe-block-yui_3_17_2_1_1659352525951_1089293 {
  4716.    grid-area: 10/7/13/9;
  4717.    z-index: 11;
  4718.  
  4719.    @media (max-width: 767px) {
  4720.      
  4721.      
  4722.    }
  4723.  }
  4724.  
  4725.  .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block {
  4726.    justify-content: center;
  4727.  }
  4728.  
  4729.  .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block-alignment-wrapper {
  4730.    align-items: center;
  4731.  }
  4732.  
  4733.  @media (min-width: 768px) {
  4734.    .fe-block-yui_3_17_2_1_1659352525951_1089293 {
  4735.      grid-area: 6/21/9/23;
  4736.      z-index: 11;
  4737.  
  4738.      
  4739.  
  4740.      
  4741.    }
  4742.  
  4743.    .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block {
  4744.      justify-content: center;
  4745.    }
  4746.  
  4747.    .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block-alignment-wrapper {
  4748.      align-items: center;
  4749.    }
  4750.  }
  4751.  
  4752.  .fe-block-yui_3_17_2_1_1659352525951_1068577 {
  4753.    grid-area: 10/3/13/5;
  4754.    z-index: 9;
  4755.  
  4756.    @media (max-width: 767px) {
  4757.      
  4758.      
  4759.    }
  4760.  }
  4761.  
  4762.  .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block {
  4763.    justify-content: center;
  4764.  }
  4765.  
  4766.  .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block-alignment-wrapper {
  4767.    align-items: center;
  4768.  }
  4769.  
  4770.  @media (min-width: 768px) {
  4771.    .fe-block-yui_3_17_2_1_1659352525951_1068577 {
  4772.      grid-area: 6/17/9/19;
  4773.      z-index: 9;
  4774.  
  4775.      
  4776.  
  4777.      
  4778.    }
  4779.  
  4780.    .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block {
  4781.      justify-content: center;
  4782.    }
  4783.  
  4784.    .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block-alignment-wrapper {
  4785.      align-items: center;
  4786.    }
  4787.  }
  4788.  
  4789.  .fe-block-yui_3_17_2_1_1659352525951_1081200 {
  4790.    grid-area: 10/5/13/7;
  4791.    z-index: 10;
  4792.  
  4793.    @media (max-width: 767px) {
  4794.      
  4795.      
  4796.    }
  4797.  }
  4798.  
  4799.  .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block {
  4800.    justify-content: center;
  4801.  }
  4802.  
  4803.  .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block-alignment-wrapper {
  4804.    align-items: center;
  4805.  }
  4806.  
  4807.  @media (min-width: 768px) {
  4808.    .fe-block-yui_3_17_2_1_1659352525951_1081200 {
  4809.      grid-area: 6/19/9/21;
  4810.      z-index: 10;
  4811.  
  4812.      
  4813.  
  4814.      
  4815.    }
  4816.  
  4817.    .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block {
  4818.      justify-content: center;
  4819.    }
  4820.  
  4821.    .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block-alignment-wrapper {
  4822.      align-items: center;
  4823.    }
  4824.  }
  4825.  
  4826. </style><div class="fluid-engine fe-62e7a675bd678f7ed99d3821"><div class="fe-block fe-block-yui_3_17_2_1_1659333611813_982208"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-yui_3_17_2_1_1659333611813_982208"><div class="sqs-block-content">
  4827.  
  4828. <div class="sqs-html-content">
  4829.  <h2 style="text-align:center;white-space:pre-wrap;">Trusted by</h2>
  4830. </div>
  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. </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">
  4857.  
  4858.  
  4859.  
  4860.  
  4861.  
  4862.  
  4863.  
  4864.  
  4865.  
  4866.  
  4867.  
  4868.  
  4869.  
  4870.  
  4871.  
  4872.  
  4873.  
  4874.  
  4875.  
  4876.  
  4877.  
  4878.  
  4879.  
  4880.  
  4881.  
  4882.  
  4883.  
  4884.  
  4885.  
  4886.  
  4887.  
  4888.  
  4889.  
  4890.  
  4891.  
  4892.  
  4893.  
  4894.  
  4895.  
  4896.  
  4897.  
  4898.  
  4899.  
  4900.  
  4901.    
  4902.  
  4903.    <div
  4904.      class="
  4905.        image-block-outer-wrapper
  4906.        layout-caption-below
  4907.        design-layout-fluid
  4908.        image-position-center
  4909.        combination-animation-site-default
  4910.        individual-animation-site-default
  4911.      "
  4912.      data-test="image-block-fluid-outer-wrapper"
  4913.    >
  4914.      <div
  4915.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  4916.        data-animation-role="image"
  4917.        
  4918.  
  4919.  
  4920.      >
  4921.        <div
  4922.          class="fluid-image-container sqs-image-content"
  4923.          
  4924.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  4925.        >
  4926.          
  4927.  
  4928.          
  4929.          
  4930.  
  4931.          
  4932.            
  4933.              <div class="content-fit">
  4934.                
  4935.            
  4936.            
  4937.            
  4938.            
  4939.            
  4940.            
  4941.            <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">
  4942.  
  4943.            
  4944.              
  4945.            
  4946.            <div class="fluidImageOverlay"></div>
  4947.          
  4948.              </div>
  4949.            
  4950.          
  4951.  
  4952.        </div>
  4953.      </div>
  4954.    </div>
  4955.    <style>
  4956.      .sqs-block-image .sqs-block-content {
  4957.        height: 100%;
  4958.        width: 100%;
  4959.      }
  4960.  
  4961.      
  4962.        .fe-block-yui_3_17_2_1_1659352525951_1011477 .fluidImageOverlay {
  4963.          position: absolute;
  4964.          top: 0;
  4965.          left: 0;
  4966.          width: 100%;
  4967.          height: 100%;
  4968.          mix-blend-mode: ;
  4969.          
  4970.            
  4971.            
  4972.          
  4973.          
  4974.            opacity: 0;
  4975.          
  4976.        }
  4977.      
  4978.    </style>
  4979.  
  4980.  
  4981.  
  4982.  
  4983.  
  4984.  
  4985. </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">
  4986.  
  4987.  
  4988.  
  4989.  
  4990.  
  4991.  
  4992.  
  4993.  
  4994.  
  4995.  
  4996.  
  4997.  
  4998.  
  4999.  
  5000.  
  5001.  
  5002.  
  5003.  
  5004.  
  5005.  
  5006.  
  5007.  
  5008.  
  5009.  
  5010.  
  5011.  
  5012.  
  5013.  
  5014.  
  5015.  
  5016.  
  5017.  
  5018.  
  5019.  
  5020.  
  5021.  
  5022.  
  5023.  
  5024.  
  5025.  
  5026.  
  5027.  
  5028.  
  5029.  
  5030.    
  5031.  
  5032.    <div
  5033.      class="
  5034.        image-block-outer-wrapper
  5035.        layout-caption-below
  5036.        design-layout-fluid
  5037.        image-position-center
  5038.        combination-animation-site-default
  5039.        individual-animation-site-default
  5040.      "
  5041.      data-test="image-block-fluid-outer-wrapper"
  5042.    >
  5043.      <div
  5044.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5045.        data-animation-role="image"
  5046.        
  5047.  
  5048.  
  5049.      >
  5050.        <div
  5051.          class="fluid-image-container sqs-image-content"
  5052.          
  5053.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5054.        >
  5055.          
  5056.  
  5057.          
  5058.          
  5059.  
  5060.          
  5061.            
  5062.              <div class="content-fit">
  5063.                
  5064.            
  5065.            
  5066.            
  5067.            
  5068.            
  5069.            
  5070.            <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">
  5071.  
  5072.            
  5073.              
  5074.            
  5075.            <div class="fluidImageOverlay"></div>
  5076.          
  5077.              </div>
  5078.            
  5079.          
  5080.  
  5081.        </div>
  5082.      </div>
  5083.    </div>
  5084.    <style>
  5085.      .sqs-block-image .sqs-block-content {
  5086.        height: 100%;
  5087.        width: 100%;
  5088.      }
  5089.  
  5090.      
  5091.        .fe-block-yui_3_17_2_1_1659352525951_1023202 .fluidImageOverlay {
  5092.          position: absolute;
  5093.          top: 0;
  5094.          left: 0;
  5095.          width: 100%;
  5096.          height: 100%;
  5097.          mix-blend-mode: ;
  5098.          
  5099.            
  5100.            
  5101.          
  5102.          
  5103.            opacity: 0;
  5104.          
  5105.        }
  5106.      
  5107.    </style>
  5108.  
  5109.  
  5110.  
  5111.  
  5112.  
  5113.  
  5114. </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">
  5115.  
  5116.  
  5117.  
  5118.  
  5119.  
  5120.  
  5121.  
  5122.  
  5123.  
  5124.  
  5125.  
  5126.  
  5127.  
  5128.  
  5129.  
  5130.  
  5131.  
  5132.  
  5133.  
  5134.  
  5135.  
  5136.  
  5137.  
  5138.  
  5139.  
  5140.  
  5141.  
  5142.  
  5143.  
  5144.  
  5145.  
  5146.  
  5147.  
  5148.  
  5149.  
  5150.  
  5151.  
  5152.  
  5153.  
  5154.  
  5155.  
  5156.  
  5157.  
  5158.  
  5159.    
  5160.  
  5161.    <div
  5162.      class="
  5163.        image-block-outer-wrapper
  5164.        layout-caption-below
  5165.        design-layout-fluid
  5166.        image-position-center
  5167.        combination-animation-site-default
  5168.        individual-animation-site-default
  5169.      "
  5170.      data-test="image-block-fluid-outer-wrapper"
  5171.    >
  5172.      <div
  5173.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5174.        data-animation-role="image"
  5175.        
  5176.  
  5177.  
  5178.      >
  5179.        <div
  5180.          class="fluid-image-container sqs-image-content"
  5181.          
  5182.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5183.        >
  5184.          
  5185.  
  5186.          
  5187.          
  5188.  
  5189.          
  5190.            
  5191.              <div class="content-fit">
  5192.                
  5193.            
  5194.            
  5195.            
  5196.            
  5197.            
  5198.            
  5199.            <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">
  5200.  
  5201.            
  5202.              
  5203.            
  5204.            <div class="fluidImageOverlay"></div>
  5205.          
  5206.              </div>
  5207.            
  5208.          
  5209.  
  5210.        </div>
  5211.      </div>
  5212.    </div>
  5213.    <style>
  5214.      .sqs-block-image .sqs-block-content {
  5215.        height: 100%;
  5216.        width: 100%;
  5217.      }
  5218.  
  5219.      
  5220.        .fe-block-yui_3_17_2_1_1659352525951_1031494 .fluidImageOverlay {
  5221.          position: absolute;
  5222.          top: 0;
  5223.          left: 0;
  5224.          width: 100%;
  5225.          height: 100%;
  5226.          mix-blend-mode: ;
  5227.          
  5228.            
  5229.            
  5230.          
  5231.          
  5232.            opacity: 0;
  5233.          
  5234.        }
  5235.      
  5236.    </style>
  5237.  
  5238.  
  5239.  
  5240.  
  5241.  
  5242.  
  5243. </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">
  5244.  
  5245.  
  5246.  
  5247.  
  5248.  
  5249.  
  5250.  
  5251.  
  5252.  
  5253.  
  5254.  
  5255.  
  5256.  
  5257.  
  5258.  
  5259.  
  5260.  
  5261.  
  5262.  
  5263.  
  5264.  
  5265.  
  5266.  
  5267.  
  5268.  
  5269.  
  5270.  
  5271.  
  5272.  
  5273.  
  5274.  
  5275.  
  5276.  
  5277.  
  5278.  
  5279.  
  5280.  
  5281.  
  5282.  
  5283.  
  5284.  
  5285.  
  5286.  
  5287.  
  5288.    
  5289.  
  5290.    <div
  5291.      class="
  5292.        image-block-outer-wrapper
  5293.        layout-caption-below
  5294.        design-layout-fluid
  5295.        image-position-center
  5296.        combination-animation-site-default
  5297.        individual-animation-site-default
  5298.      "
  5299.      data-test="image-block-fluid-outer-wrapper"
  5300.    >
  5301.      <div
  5302.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5303.        data-animation-role="image"
  5304.        
  5305.  
  5306.  
  5307.      >
  5308.        <div
  5309.          class="fluid-image-container sqs-image-content"
  5310.          
  5311.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5312.        >
  5313.          
  5314.  
  5315.          
  5316.          
  5317.  
  5318.          
  5319.            
  5320.              <div class="content-fit">
  5321.                
  5322.            
  5323.            
  5324.            
  5325.            
  5326.            
  5327.            
  5328.            <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">
  5329.  
  5330.            
  5331.              
  5332.            
  5333.            <div class="fluidImageOverlay"></div>
  5334.          
  5335.              </div>
  5336.            
  5337.          
  5338.  
  5339.        </div>
  5340.      </div>
  5341.    </div>
  5342.    <style>
  5343.      .sqs-block-image .sqs-block-content {
  5344.        height: 100%;
  5345.        width: 100%;
  5346.      }
  5347.  
  5348.      
  5349.        .fe-block-yui_3_17_2_1_1659352525951_1061854 .fluidImageOverlay {
  5350.          position: absolute;
  5351.          top: 0;
  5352.          left: 0;
  5353.          width: 100%;
  5354.          height: 100%;
  5355.          mix-blend-mode: ;
  5356.          
  5357.            
  5358.            
  5359.          
  5360.          
  5361.            opacity: 0;
  5362.          
  5363.        }
  5364.      
  5365.    </style>
  5366.  
  5367.  
  5368.  
  5369.  
  5370.  
  5371.  
  5372. </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">
  5373.  
  5374.  
  5375.  
  5376.  
  5377.  
  5378.  
  5379.  
  5380.  
  5381.  
  5382.  
  5383.  
  5384.  
  5385.  
  5386.  
  5387.  
  5388.  
  5389.  
  5390.  
  5391.  
  5392.  
  5393.  
  5394.  
  5395.  
  5396.  
  5397.  
  5398.  
  5399.  
  5400.  
  5401.  
  5402.  
  5403.  
  5404.  
  5405.  
  5406.  
  5407.  
  5408.  
  5409.  
  5410.  
  5411.  
  5412.  
  5413.  
  5414.  
  5415.  
  5416.  
  5417.    
  5418.  
  5419.    <div
  5420.      class="
  5421.        image-block-outer-wrapper
  5422.        layout-caption-below
  5423.        design-layout-fluid
  5424.        image-position-center
  5425.        combination-animation-site-default
  5426.        individual-animation-site-default
  5427.      "
  5428.      data-test="image-block-fluid-outer-wrapper"
  5429.    >
  5430.      <div
  5431.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5432.        data-animation-role="image"
  5433.        
  5434.  
  5435.  
  5436.      >
  5437.        <div
  5438.          class="fluid-image-container sqs-image-content"
  5439.          
  5440.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5441.        >
  5442.          
  5443.  
  5444.          
  5445.          
  5446.  
  5447.          
  5448.            
  5449.              <div class="content-fit">
  5450.                
  5451.            
  5452.            
  5453.            
  5454.            
  5455.            
  5456.            
  5457.            <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">
  5458.  
  5459.            
  5460.              
  5461.            
  5462.            <div class="fluidImageOverlay"></div>
  5463.          
  5464.              </div>
  5465.            
  5466.          
  5467.  
  5468.        </div>
  5469.      </div>
  5470.    </div>
  5471.    <style>
  5472.      .sqs-block-image .sqs-block-content {
  5473.        height: 100%;
  5474.        width: 100%;
  5475.      }
  5476.  
  5477.      
  5478.        .fe-block-yui_3_17_2_1_1659352525951_1048412 .fluidImageOverlay {
  5479.          position: absolute;
  5480.          top: 0;
  5481.          left: 0;
  5482.          width: 100%;
  5483.          height: 100%;
  5484.          mix-blend-mode: ;
  5485.          
  5486.            
  5487.            
  5488.          
  5489.          
  5490.            opacity: 0;
  5491.          
  5492.        }
  5493.      
  5494.    </style>
  5495.  
  5496.  
  5497.  
  5498.  
  5499.  
  5500.  
  5501. </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">
  5502.  
  5503.  
  5504.  
  5505.  
  5506.  
  5507.  
  5508.  
  5509.  
  5510.  
  5511.  
  5512.  
  5513.  
  5514.  
  5515.  
  5516.  
  5517.  
  5518.  
  5519.  
  5520.  
  5521.  
  5522.  
  5523.  
  5524.  
  5525.  
  5526.  
  5527.  
  5528.  
  5529.  
  5530.  
  5531.  
  5532.  
  5533.  
  5534.  
  5535.  
  5536.  
  5537.  
  5538.  
  5539.  
  5540.  
  5541.  
  5542.  
  5543.  
  5544.  
  5545.  
  5546.    
  5547.  
  5548.    <div
  5549.      class="
  5550.        image-block-outer-wrapper
  5551.        layout-caption-below
  5552.        design-layout-fluid
  5553.        image-position-center
  5554.        combination-animation-site-default
  5555.        individual-animation-site-default
  5556.      "
  5557.      data-test="image-block-fluid-outer-wrapper"
  5558.    >
  5559.      <div
  5560.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5561.        data-animation-role="image"
  5562.        
  5563.  
  5564.  
  5565.      >
  5566.        <div
  5567.          class="fluid-image-container sqs-image-content"
  5568.          
  5569.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5570.        >
  5571.          
  5572.  
  5573.          
  5574.          
  5575.  
  5576.          
  5577.            
  5578.              <div class="content-fit">
  5579.                
  5580.            
  5581.            
  5582.            
  5583.            
  5584.            
  5585.            
  5586.            <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">
  5587.  
  5588.            
  5589.              
  5590.            
  5591.            <div class="fluidImageOverlay"></div>
  5592.          
  5593.              </div>
  5594.            
  5595.          
  5596.  
  5597.        </div>
  5598.      </div>
  5599.    </div>
  5600.    <style>
  5601.      .sqs-block-image .sqs-block-content {
  5602.        height: 100%;
  5603.        width: 100%;
  5604.      }
  5605.  
  5606.      
  5607.        .fe-block-yui_3_17_2_1_1659352525951_1055917 .fluidImageOverlay {
  5608.          position: absolute;
  5609.          top: 0;
  5610.          left: 0;
  5611.          width: 100%;
  5612.          height: 100%;
  5613.          mix-blend-mode: ;
  5614.          
  5615.            
  5616.            
  5617.          
  5618.          
  5619.            opacity: 0;
  5620.          
  5621.        }
  5622.      
  5623.    </style>
  5624.  
  5625.  
  5626.  
  5627.  
  5628.  
  5629.  
  5630. </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">
  5631.  
  5632.  
  5633.  
  5634.  
  5635.  
  5636.  
  5637.  
  5638.  
  5639.  
  5640.  
  5641.  
  5642.  
  5643.  
  5644.  
  5645.  
  5646.  
  5647.  
  5648.  
  5649.  
  5650.  
  5651.  
  5652.  
  5653.  
  5654.  
  5655.  
  5656.  
  5657.  
  5658.  
  5659.  
  5660.  
  5661.  
  5662.  
  5663.  
  5664.  
  5665.  
  5666.  
  5667.  
  5668.  
  5669.  
  5670.  
  5671.  
  5672.  
  5673.  
  5674.  
  5675.    
  5676.  
  5677.    <div
  5678.      class="
  5679.        image-block-outer-wrapper
  5680.        layout-caption-below
  5681.        design-layout-fluid
  5682.        image-position-center
  5683.        combination-animation-site-default
  5684.        individual-animation-site-default
  5685.      "
  5686.      data-test="image-block-fluid-outer-wrapper"
  5687.    >
  5688.      <div
  5689.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5690.        data-animation-role="image"
  5691.        
  5692.  
  5693.  
  5694.      >
  5695.        <div
  5696.          class="fluid-image-container sqs-image-content"
  5697.          
  5698.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5699.        >
  5700.          
  5701.  
  5702.          
  5703.          
  5704.  
  5705.          
  5706.            
  5707.              <div class="content-fit">
  5708.                
  5709.            
  5710.            
  5711.            
  5712.            
  5713.            
  5714.            
  5715.            <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">
  5716.  
  5717.            
  5718.              
  5719.            
  5720.            <div class="fluidImageOverlay"></div>
  5721.          
  5722.              </div>
  5723.            
  5724.          
  5725.  
  5726.        </div>
  5727.      </div>
  5728.    </div>
  5729.    <style>
  5730.      .sqs-block-image .sqs-block-content {
  5731.        height: 100%;
  5732.        width: 100%;
  5733.      }
  5734.  
  5735.      
  5736.        .fe-block-yui_3_17_2_1_1659352525951_1089293 .fluidImageOverlay {
  5737.          position: absolute;
  5738.          top: 0;
  5739.          left: 0;
  5740.          width: 100%;
  5741.          height: 100%;
  5742.          mix-blend-mode: ;
  5743.          
  5744.            
  5745.            
  5746.          
  5747.          
  5748.            opacity: 0;
  5749.          
  5750.        }
  5751.      
  5752.    </style>
  5753.  
  5754.  
  5755.  
  5756.  
  5757.  
  5758.  
  5759. </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">
  5760.  
  5761.  
  5762.  
  5763.  
  5764.  
  5765.  
  5766.  
  5767.  
  5768.  
  5769.  
  5770.  
  5771.  
  5772.  
  5773.  
  5774.  
  5775.  
  5776.  
  5777.  
  5778.  
  5779.  
  5780.  
  5781.  
  5782.  
  5783.  
  5784.  
  5785.  
  5786.  
  5787.  
  5788.  
  5789.  
  5790.  
  5791.  
  5792.  
  5793.  
  5794.  
  5795.  
  5796.  
  5797.  
  5798.  
  5799.  
  5800.  
  5801.  
  5802.  
  5803.  
  5804.    
  5805.  
  5806.    <div
  5807.      class="
  5808.        image-block-outer-wrapper
  5809.        layout-caption-below
  5810.        design-layout-fluid
  5811.        image-position-center
  5812.        combination-animation-site-default
  5813.        individual-animation-site-default
  5814.      "
  5815.      data-test="image-block-fluid-outer-wrapper"
  5816.    >
  5817.      <div
  5818.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5819.        data-animation-role="image"
  5820.        
  5821.  
  5822.  
  5823.      >
  5824.        <div
  5825.          class="fluid-image-container sqs-image-content"
  5826.          
  5827.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5828.        >
  5829.          
  5830.  
  5831.          
  5832.          
  5833.  
  5834.          
  5835.            
  5836.              <div class="content-fit">
  5837.                
  5838.            
  5839.            
  5840.            
  5841.            
  5842.            
  5843.            
  5844.            <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">
  5845.  
  5846.            
  5847.              
  5848.            
  5849.            <div class="fluidImageOverlay"></div>
  5850.          
  5851.              </div>
  5852.            
  5853.          
  5854.  
  5855.        </div>
  5856.      </div>
  5857.    </div>
  5858.    <style>
  5859.      .sqs-block-image .sqs-block-content {
  5860.        height: 100%;
  5861.        width: 100%;
  5862.      }
  5863.  
  5864.      
  5865.        .fe-block-yui_3_17_2_1_1659352525951_1068577 .fluidImageOverlay {
  5866.          position: absolute;
  5867.          top: 0;
  5868.          left: 0;
  5869.          width: 100%;
  5870.          height: 100%;
  5871.          mix-blend-mode: ;
  5872.          
  5873.            
  5874.            
  5875.          
  5876.          
  5877.            opacity: 0;
  5878.          
  5879.        }
  5880.      
  5881.    </style>
  5882.  
  5883.  
  5884.  
  5885.  
  5886.  
  5887.  
  5888. </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">
  5889.  
  5890.  
  5891.  
  5892.  
  5893.  
  5894.  
  5895.  
  5896.  
  5897.  
  5898.  
  5899.  
  5900.  
  5901.  
  5902.  
  5903.  
  5904.  
  5905.  
  5906.  
  5907.  
  5908.  
  5909.  
  5910.  
  5911.  
  5912.  
  5913.  
  5914.  
  5915.  
  5916.  
  5917.  
  5918.  
  5919.  
  5920.  
  5921.  
  5922.  
  5923.  
  5924.  
  5925.  
  5926.  
  5927.  
  5928.  
  5929.  
  5930.  
  5931.  
  5932.  
  5933.    
  5934.  
  5935.    <div
  5936.      class="
  5937.        image-block-outer-wrapper
  5938.        layout-caption-below
  5939.        design-layout-fluid
  5940.        image-position-center
  5941.        combination-animation-site-default
  5942.        individual-animation-site-default
  5943.      "
  5944.      data-test="image-block-fluid-outer-wrapper"
  5945.    >
  5946.      <div
  5947.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5948.        data-animation-role="image"
  5949.        
  5950.  
  5951.  
  5952.      >
  5953.        <div
  5954.          class="fluid-image-container sqs-image-content"
  5955.          
  5956.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5957.        >
  5958.          
  5959.  
  5960.          
  5961.          
  5962.  
  5963.          
  5964.            
  5965.              <div class="content-fit">
  5966.                
  5967.            
  5968.            
  5969.            
  5970.            
  5971.            
  5972.            
  5973.            <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">
  5974.  
  5975.            
  5976.              
  5977.            
  5978.            <div class="fluidImageOverlay"></div>
  5979.          
  5980.              </div>
  5981.            
  5982.          
  5983.  
  5984.        </div>
  5985.      </div>
  5986.    </div>
  5987.    <style>
  5988.      .sqs-block-image .sqs-block-content {
  5989.        height: 100%;
  5990.        width: 100%;
  5991.      }
  5992.  
  5993.      
  5994.        .fe-block-yui_3_17_2_1_1659352525951_1081200 .fluidImageOverlay {
  5995.          position: absolute;
  5996.          top: 0;
  5997.          left: 0;
  5998.          width: 100%;
  5999.          height: 100%;
  6000.          mix-blend-mode: ;
  6001.          
  6002.            
  6003.            
  6004.          
  6005.          
  6006.            opacity: 0;
  6007.          
  6008.        }
  6009.      
  6010.    </style>
  6011.  
  6012.  
  6013.  
  6014.  
  6015.  
  6016.  
  6017. </div></div></div></div></div>
  6018.    </div>
  6019.  
  6020.  </div>
  6021.  
  6022. </section>
  6023.  
  6024.  
  6025.    
  6026.    
  6027.  
  6028.  
  6029.  
  6030.  
  6031.  
  6032.  
  6033. <section
  6034.  data-test="page-section"
  6035.  
  6036.  data-section-theme="white"
  6037.  class='page-section
  6038.    
  6039.      full-bleed-section
  6040.      layout-engine-section
  6041.    
  6042.    background-width--full-bleed
  6043.    
  6044.      
  6045.        section-height--custom
  6046.      
  6047.    
  6048.    
  6049.      content-width--wide
  6050.    
  6051.    horizontal-alignment--center
  6052.    vertical-alignment--middle
  6053.    
  6054.      
  6055.    
  6056.    
  6057.    white'
  6058.  
  6059.  data-section-id="62e74fee9f6aeb2bb6997590"
  6060.  
  6061.  data-controller="SectionWrapperController"
  6062.  data-current-styles="{
  6063. &quot;imageOverlayOpacity&quot;: 0.15,
  6064. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  6065. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  6066. &quot;customSectionHeight&quot;: 0,
  6067. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  6068. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  6069. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  6070. &quot;customContentWidth&quot;: 50,
  6071. &quot;sectionTheme&quot;: &quot;white&quot;,
  6072. &quot;sectionAnimation&quot;: &quot;none&quot;,
  6073. &quot;backgroundMode&quot;: &quot;image&quot;
  6074. }"
  6075.  data-current-context="{
  6076. &quot;video&quot;: {
  6077. &quot;playbackSpeed&quot;: 0.5,
  6078. &quot;filter&quot;: 1,
  6079. &quot;filterStrength&quot;: 0,
  6080. &quot;zoom&quot;: 0,
  6081. &quot;videoSourceProvider&quot;: &quot;none&quot;
  6082. },
  6083. &quot;backgroundImageId&quot;: null,
  6084. &quot;backgroundMediaEffect&quot;: null,
  6085. &quot;divider&quot;: null,
  6086. &quot;typeName&quot;: &quot;page&quot;
  6087. }"
  6088.  data-animation="none"
  6089.  data-fluid-engine-section
  6090.  
  6091.  
  6092.  
  6093. >
  6094.  <div
  6095.    class="section-border"
  6096.    
  6097.  >
  6098.    <div class="section-background">
  6099.    
  6100.      
  6101.    
  6102.    </div>
  6103.  </div>
  6104.  <div
  6105.    class='content-wrapper'
  6106.    style='
  6107.      
  6108.        
  6109.          
  6110.          
  6111.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  6112.        
  6113.      
  6114.    '
  6115.  >
  6116.    <div
  6117.      class="content"
  6118.      
  6119.    >
  6120.      
  6121.      
  6122.      
  6123.      
  6124.      
  6125.      
  6126.      
  6127.      
  6128.      <div data-fluid-engine="true"><style>
  6129.  
  6130. .fe-62e74fee9f6aeb2bb699758f {
  6131.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  6132.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  6133.  
  6134.  display: grid;
  6135.  position: relative;
  6136.  grid-area: 1/1/-1/-1;
  6137.  grid-template-rows: repeat(39,minmax(24px, auto));
  6138.  grid-template-columns:
  6139.    minmax(var(--grid-gutter), 1fr)
  6140.    repeat(8, minmax(0, var(--cell-max-width)))
  6141.    minmax(var(--grid-gutter), 1fr);
  6142.  row-gap: 0.0px;
  6143.  column-gap: 0.0px;
  6144. }
  6145.  
  6146. @media (min-width: 768px) {
  6147.  .background-width--inset .fe-62e74fee9f6aeb2bb699758f {
  6148.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  6149.  }
  6150.  
  6151.  .fe-62e74fee9f6aeb2bb699758f {
  6152.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  6153.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  6154.    --inset-padding: 0vw;
  6155.  
  6156.    --row-height-scaling-factor: 0.0215;
  6157.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  6158.  
  6159.    grid-template-rows: repeat(25,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  6160.    grid-template-columns:
  6161.      minmax(var(--grid-gutter), 1fr)
  6162.      repeat(24, minmax(0, var(--cell-max-width)))
  6163.      minmax(var(--grid-gutter), 1fr);
  6164.  }
  6165. }
  6166.  
  6167.  
  6168.  .fe-block-984b0e07179ef614a1c6 {
  6169.    grid-area: 3/3/14/9;
  6170.    z-index: 0;
  6171.  
  6172.    @media (max-width: 767px) {
  6173.      
  6174.      
  6175.    }
  6176.  }
  6177.  
  6178.  .fe-block-984b0e07179ef614a1c6 .sqs-block {
  6179.    justify-content: center;
  6180.  }
  6181.  
  6182.  .fe-block-984b0e07179ef614a1c6 .sqs-block-alignment-wrapper {
  6183.    align-items: center;
  6184.  }
  6185.  
  6186.  @media (min-width: 768px) {
  6187.    .fe-block-984b0e07179ef614a1c6 {
  6188.      grid-area: 4/3/20/13;
  6189.      z-index: 0;
  6190.  
  6191.      
  6192.  
  6193.      
  6194.    }
  6195.  
  6196.    .fe-block-984b0e07179ef614a1c6 .sqs-block {
  6197.      justify-content: center;
  6198.    }
  6199.  
  6200.    .fe-block-984b0e07179ef614a1c6 .sqs-block-alignment-wrapper {
  6201.      align-items: center;
  6202.    }
  6203.  }
  6204.  
  6205.  .fe-block-871a96805dbbbcacb711 {
  6206.    grid-area: 16/2/35/10;
  6207.    z-index: 4;
  6208.  
  6209.    @media (max-width: 767px) {
  6210.      
  6211.      
  6212.    }
  6213.  }
  6214.  
  6215.  .fe-block-871a96805dbbbcacb711 .sqs-block {
  6216.    justify-content: flex-start;
  6217.  }
  6218.  
  6219.  .fe-block-871a96805dbbbcacb711 .sqs-block-alignment-wrapper {
  6220.    align-items: flex-start;
  6221.  }
  6222.  
  6223.  @media (min-width: 768px) {
  6224.    .fe-block-871a96805dbbbcacb711 {
  6225.      grid-area: 3/15/23/25;
  6226.      z-index: 4;
  6227.  
  6228.      
  6229.  
  6230.      
  6231.    }
  6232.  
  6233.    .fe-block-871a96805dbbbcacb711 .sqs-block {
  6234.      justify-content: flex-start;
  6235.    }
  6236.  
  6237.    .fe-block-871a96805dbbbcacb711 .sqs-block-alignment-wrapper {
  6238.      align-items: flex-start;
  6239.    }
  6240.  }
  6241.  
  6242.  .fe-block-yui_3_17_2_1_1659325685751_93644 {
  6243.    grid-area: 36/4/38/8;
  6244.    z-index: 5;
  6245.  
  6246.    @media (max-width: 767px) {
  6247.      
  6248.      
  6249.    }
  6250.  }
  6251.  
  6252.  .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block {
  6253.    justify-content: center;
  6254.  }
  6255.  
  6256.  .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block-alignment-wrapper {
  6257.    align-items: center;
  6258.  }
  6259.  
  6260.  @media (min-width: 768px) {
  6261.    .fe-block-yui_3_17_2_1_1659325685751_93644 {
  6262.      grid-area: 24/15/26/20;
  6263.      z-index: 5;
  6264.  
  6265.      
  6266.  
  6267.      
  6268.    }
  6269.  
  6270.    .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block {
  6271.      justify-content: center;
  6272.    }
  6273.  
  6274.    .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block-alignment-wrapper {
  6275.      align-items: center;
  6276.    }
  6277.  }
  6278.  
  6279. </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">
  6280.  
  6281.  
  6282.  
  6283.  
  6284.  
  6285.  
  6286.  
  6287.  
  6288.  
  6289.  
  6290.  
  6291.  
  6292.  
  6293.  
  6294.  
  6295.  
  6296.  
  6297.  
  6298.  
  6299.  
  6300.  
  6301.  
  6302.  
  6303.  
  6304.  
  6305.  
  6306.  
  6307.  
  6308.  
  6309.  
  6310.  
  6311.  
  6312.  
  6313.  
  6314.  
  6315.  
  6316.  
  6317.  
  6318.  
  6319.  
  6320.  
  6321.  
  6322.  
  6323.  
  6324.    
  6325.  
  6326.    <div
  6327.      class="
  6328.        image-block-outer-wrapper
  6329.        layout-caption-below
  6330.        design-layout-fluid
  6331.        image-position-center
  6332.        combination-animation-site-default
  6333.        individual-animation-site-default
  6334.      "
  6335.      data-test="image-block-fluid-outer-wrapper"
  6336.    >
  6337.      <div
  6338.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  6339.        data-animation-role="image"
  6340.        
  6341.  
  6342.  
  6343.      >
  6344.        <div
  6345.          class="fluid-image-container sqs-image-content"
  6346.          
  6347.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  6348.        >
  6349.          
  6350.  
  6351.          
  6352.          
  6353.  
  6354.          
  6355.            
  6356.              <div class="content-fill">
  6357.                
  6358.            
  6359.            
  6360.            
  6361.            
  6362.            
  6363.            
  6364.            <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">
  6365.  
  6366.            
  6367.              
  6368.            
  6369.            <div class="fluidImageOverlay"></div>
  6370.          
  6371.              </div>
  6372.            
  6373.          
  6374.  
  6375.        </div>
  6376.      </div>
  6377.    </div>
  6378.    <style>
  6379.      .sqs-block-image .sqs-block-content {
  6380.        height: 100%;
  6381.        width: 100%;
  6382.      }
  6383.  
  6384.      
  6385.        .fe-block-984b0e07179ef614a1c6 .fluidImageOverlay {
  6386.          position: absolute;
  6387.          top: 0;
  6388.          left: 0;
  6389.          width: 100%;
  6390.          height: 100%;
  6391.          mix-blend-mode: ;
  6392.          
  6393.            
  6394.            
  6395.          
  6396.          
  6397.            opacity: 0;
  6398.          
  6399.        }
  6400.      
  6401.    </style>
  6402.  
  6403.  
  6404.  
  6405.  
  6406.  
  6407.  
  6408. </div></div></div><div class="fe-block fe-block-871a96805dbbbcacb711"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-871a96805dbbbcacb711"><div class="sqs-block-content">
  6409.  
  6410. <div class="sqs-html-content">
  6411.  <p class="" style="white-space:pre-wrap;">Welcome to <a href="/" target="">Interior Door and Closet Company</a> (IDCC), located in <a href="/testimonials/huntington-beach-ca">Huntington Beach</a>, California, we provide service to all cities in Orange County, California. We have developed the most convenient and affordable door and <a href="/closet-doors">closet doors</a> system to beautify, organize and add value to your most prized possession; your home.</p><p class="" style="white-space:pre-wrap;">As our name simply states, we improve the appearance and function of four vital areas of your home: <a href="/interior-doors">interior doors</a>,&nbsp;<a href="/closet-doors">closet door</a>, <a href="/barn-doors">barn doors</a>&nbsp;and <a href="/organizers">closet &amp; garage organizers</a>. We are your closet door installer and offer hassle free sliding closet door installation service.  We have the unique ability to provide you with both expert design guidance and professional, convenient sliding closet door installation.</p><p class="" style="white-space:pre-wrap;">Established in 2006, we are a family owned and operated company.</p>
  6412. </div>
  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. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659325685751_93644"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" data-sqsp-block="button" id="block-yui_3_17_2_1_1659325685751_93644"><div class="sqs-block-content">
  6439.  
  6440. <div
  6441.  class="sqs-block-button-container sqs-block-button-container--center"
  6442.  data-animation-role="button"
  6443.  data-alignment="center"
  6444.  data-button-size="medium"
  6445.  data-button-type="primary"
  6446. >
  6447.  <a
  6448.    href="/about"
  6449.    class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
  6450.    data-sqsp-button
  6451.    
  6452.  >
  6453.    Learn more
  6454.  </a>
  6455. </div>
  6456. </div></div></div></div></div>
  6457.    </div>
  6458.  
  6459.  </div>
  6460.  
  6461. </section>
  6462.  
  6463.  
  6464.    
  6465.    
  6466.  
  6467.  
  6468.  
  6469.  
  6470.  
  6471.  
  6472. <section
  6473.  data-test="page-section"
  6474.  
  6475.  data-section-theme=""
  6476.  class='page-section
  6477.    
  6478.      full-bleed-section
  6479.      layout-engine-section
  6480.    
  6481.    background-width--full-bleed
  6482.    
  6483.      
  6484.        section-height--custom
  6485.      
  6486.    
  6487.    
  6488.      content-width--wide
  6489.    
  6490.    horizontal-alignment--center
  6491.    vertical-alignment--middle
  6492.    
  6493.      
  6494.    
  6495.    
  6496.    '
  6497.  
  6498.  data-section-id="62e7a3ed1b6952301a9c9121"
  6499.  
  6500.  data-controller="SectionWrapperController"
  6501.  data-current-styles="{
  6502. &quot;imageOverlayOpacity&quot;: 0.15,
  6503. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  6504. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  6505. &quot;customSectionHeight&quot;: 0,
  6506. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  6507. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  6508. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  6509. &quot;customContentWidth&quot;: 50,
  6510. &quot;sectionTheme&quot;: &quot;&quot;,
  6511. &quot;sectionAnimation&quot;: &quot;none&quot;,
  6512. &quot;backgroundMode&quot;: &quot;image&quot;
  6513. }"
  6514.  data-current-context="{
  6515. &quot;video&quot;: {
  6516. &quot;playbackSpeed&quot;: 0.5,
  6517. &quot;filter&quot;: 1,
  6518. &quot;filterStrength&quot;: 0,
  6519. &quot;zoom&quot;: 0,
  6520. &quot;videoSourceProvider&quot;: &quot;none&quot;
  6521. },
  6522. &quot;backgroundImageId&quot;: null,
  6523. &quot;backgroundMediaEffect&quot;: null,
  6524. &quot;divider&quot;: null,
  6525. &quot;typeName&quot;: &quot;page&quot;
  6526. }"
  6527.  data-animation="none"
  6528.  data-fluid-engine-section
  6529.  
  6530.  
  6531.  
  6532. >
  6533.  <div
  6534.    class="section-border"
  6535.    
  6536.  >
  6537.    <div class="section-background">
  6538.    
  6539.      
  6540.    
  6541.    </div>
  6542.  </div>
  6543.  <div
  6544.    class='content-wrapper'
  6545.    style='
  6546.      
  6547.        
  6548.          
  6549.          
  6550.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  6551.        
  6552.      
  6553.    '
  6554.  >
  6555.    <div
  6556.      class="content"
  6557.      
  6558.    >
  6559.      
  6560.      
  6561.      
  6562.      
  6563.      
  6564.      
  6565.      
  6566.      
  6567.      <div data-fluid-engine="true"><style>
  6568.  
  6569. .fe-62e7a3ede8fd9f480aa82d1e {
  6570.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  6571.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
  6572.  
  6573.  display: grid;
  6574.  position: relative;
  6575.  grid-area: 1/1/-1/-1;
  6576.  grid-template-rows: repeat(8,minmax(24px, auto));
  6577.  grid-template-columns:
  6578.    minmax(var(--grid-gutter), 1fr)
  6579.    repeat(8, minmax(0, var(--cell-max-width)))
  6580.    minmax(var(--grid-gutter), 1fr);
  6581.  row-gap: 11.0px;
  6582.  column-gap: 11.0px;
  6583. }
  6584.  
  6585. @media (min-width: 768px) {
  6586.  .background-width--inset .fe-62e7a3ede8fd9f480aa82d1e {
  6587.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  6588.  }
  6589.  
  6590.  .fe-62e7a3ede8fd9f480aa82d1e {
  6591.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
  6592.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
  6593.    --inset-padding: 0vw;
  6594.  
  6595.    --row-height-scaling-factor: 0.0215;
  6596.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  6597.  
  6598.    grid-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  6599.    grid-template-columns:
  6600.      minmax(var(--grid-gutter), 1fr)
  6601.      repeat(24, minmax(0, var(--cell-max-width)))
  6602.      minmax(var(--grid-gutter), 1fr);
  6603.  }
  6604. }
  6605.  
  6606.  
  6607.  .fe-block-yui_3_17_2_1_1669253304833_25089 {
  6608.    grid-area: 2/2/8/10;
  6609.    z-index: 9;
  6610.  
  6611.    @media (max-width: 767px) {
  6612.      
  6613.      
  6614.    }
  6615.  }
  6616.  
  6617.  .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block {
  6618.    justify-content: flex-start;
  6619.  }
  6620.  
  6621.  .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block-alignment-wrapper {
  6622.    align-items: flex-start;
  6623.  }
  6624.  
  6625.  @media (min-width: 768px) {
  6626.    .fe-block-yui_3_17_2_1_1669253304833_25089 {
  6627.      grid-area: 2/2/7/26;
  6628.      z-index: 2;
  6629.  
  6630.      
  6631.  
  6632.      
  6633.    }
  6634.  
  6635.    .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block {
  6636.      justify-content: flex-start;
  6637.    }
  6638.  
  6639.    .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block-alignment-wrapper {
  6640.      align-items: flex-start;
  6641.    }
  6642.  }
  6643.  
  6644. </style><div class="fluid-engine fe-62e7a3ede8fd9f480aa82d1e"><div class="fe-block fe-block-yui_3_17_2_1_1669253304833_25089"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-yui_3_17_2_1_1669253304833_25089"><div class="sqs-block-content">
  6645.  
  6646. <div class="sqs-html-content">
  6647.  <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>
  6648. </div>
  6649.  
  6650.  
  6651.  
  6652.  
  6653.  
  6654.  
  6655.  
  6656.  
  6657.  
  6658.  
  6659.  
  6660.  
  6661.  
  6662.  
  6663.  
  6664.  
  6665.  
  6666.  
  6667.  
  6668.  
  6669.  
  6670.  
  6671.  
  6672.  
  6673.  
  6674. </div></div></div></div></div>
  6675.    </div>
  6676.  
  6677.  </div>
  6678.  
  6679. </section>
  6680.  
  6681.  
  6682.    
  6683.    
  6684.  
  6685.  
  6686.  
  6687.  
  6688.  
  6689.  
  6690. <section
  6691.  data-test="page-section"
  6692.  
  6693.  data-section-theme=""
  6694.  class='page-section
  6695.    
  6696.      full-bleed-section
  6697.      layout-engine-section
  6698.    
  6699.    background-width--full-bleed
  6700.    
  6701.      section-height--small
  6702.    
  6703.    
  6704.      content-width--wide
  6705.    
  6706.    horizontal-alignment--center
  6707.    vertical-alignment--middle
  6708.    
  6709.      
  6710.    
  6711.    
  6712.    '
  6713.  
  6714.  data-section-id="6583b51d6b120402505a4b9d"
  6715.  
  6716.  data-controller="SectionWrapperController"
  6717.  data-current-styles="{
  6718. &quot;imageOverlayOpacity&quot;: 0.15,
  6719. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  6720. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  6721. &quot;customSectionHeight&quot;: 1,
  6722. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  6723. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  6724. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  6725. &quot;customContentWidth&quot;: 50,
  6726. &quot;sectionTheme&quot;: &quot;&quot;,
  6727. &quot;sectionAnimation&quot;: &quot;none&quot;,
  6728. &quot;backgroundMode&quot;: &quot;image&quot;
  6729. }"
  6730.  data-current-context="{
  6731. &quot;video&quot;: {
  6732. &quot;playbackSpeed&quot;: 0.5,
  6733. &quot;filter&quot;: 2,
  6734. &quot;filterStrength&quot;: 0,
  6735. &quot;zoom&quot;: 0,
  6736. &quot;videoSourceProvider&quot;: &quot;none&quot;
  6737. },
  6738. &quot;backgroundImageId&quot;: null,
  6739. &quot;backgroundMediaEffect&quot;: {
  6740. &quot;type&quot;: &quot;none&quot;
  6741. },
  6742. &quot;divider&quot;: {
  6743. &quot;enabled&quot;: false
  6744. },
  6745. &quot;typeName&quot;: &quot;page&quot;
  6746. }"
  6747.  data-animation="none"
  6748.  data-fluid-engine-section
  6749.  
  6750.  
  6751.    
  6752.  
  6753.  
  6754. >
  6755.  <div
  6756.    class="section-border"
  6757.    
  6758.  >
  6759.    <div class="section-background">
  6760.    
  6761.      
  6762.    
  6763.    </div>
  6764.  </div>
  6765.  <div
  6766.    class='content-wrapper'
  6767.    style='
  6768.      
  6769.        
  6770.      
  6771.    '
  6772.  >
  6773.    <div
  6774.      class="content"
  6775.      
  6776.    >
  6777.      
  6778.      
  6779.      
  6780.      
  6781.      
  6782.      
  6783.      
  6784.      
  6785.      <div data-fluid-engine="true"><style>
  6786.  
  6787. .fe-6583b51d6b120402505a4b9c {
  6788.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  6789.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  6790.  
  6791.  display: grid;
  6792.  position: relative;
  6793.  grid-area: 1/1/-1/-1;
  6794.  grid-template-rows: repeat(29,minmax(24px, auto));
  6795.  grid-template-columns:
  6796.    minmax(var(--grid-gutter), 1fr)
  6797.    repeat(8, minmax(0, var(--cell-max-width)))
  6798.    minmax(var(--grid-gutter), 1fr);
  6799.  row-gap: 0.0px;
  6800.  column-gap: 0.0px;
  6801. }
  6802.  
  6803. @media (min-width: 768px) {
  6804.  .background-width--inset .fe-6583b51d6b120402505a4b9c {
  6805.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  6806.  }
  6807.  
  6808.  .fe-6583b51d6b120402505a4b9c {
  6809.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  6810.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  6811.    --inset-padding: 0vw;
  6812.  
  6813.    --row-height-scaling-factor: 0.0215;
  6814.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  6815.  
  6816.    grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  6817.    grid-template-columns:
  6818.      minmax(var(--grid-gutter), 1fr)
  6819.      repeat(24, minmax(0, var(--cell-max-width)))
  6820.      minmax(var(--grid-gutter), 1fr);
  6821.  }
  6822. }
  6823.  
  6824.  
  6825.  .fe-block-40514c877c684bb79c95 {
  6826.    grid-area: 1/2/13/10;
  6827.    z-index: 0;
  6828.  
  6829.    @media (max-width: 767px) {
  6830.      
  6831.      
  6832.    }
  6833.  }
  6834.  
  6835.  .fe-block-40514c877c684bb79c95 .sqs-block {
  6836.    justify-content: center;
  6837.  }
  6838.  
  6839.  .fe-block-40514c877c684bb79c95 .sqs-block-alignment-wrapper {
  6840.    align-items: center;
  6841.  }
  6842.  
  6843.  @media (min-width: 768px) {
  6844.    .fe-block-40514c877c684bb79c95 {
  6845.      grid-area: 1/2/17/13;
  6846.      z-index: 0;
  6847.  
  6848.      
  6849.  
  6850.      
  6851.    }
  6852.  
  6853.    .fe-block-40514c877c684bb79c95 .sqs-block {
  6854.      justify-content: center;
  6855.    }
  6856.  
  6857.    .fe-block-40514c877c684bb79c95 .sqs-block-alignment-wrapper {
  6858.      align-items: center;
  6859.    }
  6860.  }
  6861.  
  6862.  .fe-block-2ef339939ac1139a2039 {
  6863.    grid-area: 14/2/16/10;
  6864.    z-index: 1;
  6865.  
  6866.    @media (max-width: 767px) {
  6867.      
  6868.      
  6869.    }
  6870.  }
  6871.  
  6872.  .fe-block-2ef339939ac1139a2039 .sqs-block {
  6873.    justify-content: flex-start;
  6874.  }
  6875.  
  6876.  .fe-block-2ef339939ac1139a2039 .sqs-block-alignment-wrapper {
  6877.    align-items: flex-start;
  6878.  }
  6879.  
  6880.  @media (min-width: 768px) {
  6881.    .fe-block-2ef339939ac1139a2039 {
  6882.      grid-area: 3/16/5/26;
  6883.      z-index: 2;
  6884.  
  6885.      
  6886.  
  6887.      
  6888.    }
  6889.  
  6890.    .fe-block-2ef339939ac1139a2039 .sqs-block {
  6891.      justify-content: center;
  6892.    }
  6893.  
  6894.    .fe-block-2ef339939ac1139a2039 .sqs-block-alignment-wrapper {
  6895.      align-items: center;
  6896.    }
  6897.  }
  6898.  
  6899.  .fe-block-c763194e44af980b8a1d {
  6900.    grid-area: 16/2/26/10;
  6901.    z-index: 2;
  6902.  
  6903.    @media (max-width: 767px) {
  6904.      
  6905.      
  6906.    }
  6907.  }
  6908.  
  6909.  .fe-block-c763194e44af980b8a1d .sqs-block {
  6910.    justify-content: center;
  6911.  }
  6912.  
  6913.  .fe-block-c763194e44af980b8a1d .sqs-block-alignment-wrapper {
  6914.    align-items: center;
  6915.  }
  6916.  
  6917.  @media (min-width: 768px) {
  6918.    .fe-block-c763194e44af980b8a1d {
  6919.      grid-area: 5/16/14/26;
  6920.      z-index: 1;
  6921.  
  6922.      
  6923.  
  6924.      
  6925.    }
  6926.  
  6927.    .fe-block-c763194e44af980b8a1d .sqs-block {
  6928.      justify-content: center;
  6929.    }
  6930.  
  6931.    .fe-block-c763194e44af980b8a1d .sqs-block-alignment-wrapper {
  6932.      align-items: center;
  6933.    }
  6934.  }
  6935.  
  6936.  .fe-block-f039704eb8709e5bf895 {
  6937.    grid-area: 27/4/29/8;
  6938.    z-index: 3;
  6939.  
  6940.    @media (max-width: 767px) {
  6941.      
  6942.      
  6943.    }
  6944.  }
  6945.  
  6946.  .fe-block-f039704eb8709e5bf895 .sqs-block {
  6947.    justify-content: center;
  6948.  }
  6949.  
  6950.  .fe-block-f039704eb8709e5bf895 .sqs-block-alignment-wrapper {
  6951.    align-items: center;
  6952.  }
  6953.  
  6954.  @media (min-width: 768px) {
  6955.    .fe-block-f039704eb8709e5bf895 {
  6956.      grid-area: 15/16/17/20;
  6957.      z-index: 3;
  6958.  
  6959.      
  6960.  
  6961.      
  6962.    }
  6963.  
  6964.    .fe-block-f039704eb8709e5bf895 .sqs-block {
  6965.      justify-content: center;
  6966.    }
  6967.  
  6968.    .fe-block-f039704eb8709e5bf895 .sqs-block-alignment-wrapper {
  6969.      align-items: center;
  6970.    }
  6971.  }
  6972.  
  6973. </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">
  6974.  
  6975.  
  6976.  
  6977.  
  6978.  
  6979.  
  6980.  
  6981.  
  6982.  
  6983.  
  6984.  
  6985.  
  6986.  
  6987.  
  6988.  
  6989.  
  6990.  
  6991.  
  6992.  
  6993.  
  6994.  
  6995.  
  6996.  
  6997.  
  6998.  
  6999.  
  7000.  
  7001.  
  7002.  
  7003.  
  7004.  
  7005.  
  7006.  
  7007.  
  7008.  
  7009.  
  7010.  
  7011.  
  7012.  
  7013.  
  7014.  
  7015.  
  7016.  
  7017.  
  7018.    
  7019.  
  7020.    <div
  7021.      class="
  7022.        image-block-outer-wrapper
  7023.        layout-caption-below
  7024.        design-layout-fluid
  7025.        image-position-left
  7026.        combination-animation-none
  7027.        individual-animation-none
  7028.      "
  7029.      data-test="image-block-fluid-outer-wrapper"
  7030.    >
  7031.      <div
  7032.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  7033.        data-animation-role="image"
  7034.        
  7035.  
  7036.  
  7037.      >
  7038.        <div
  7039.          class="fluid-image-container sqs-image-content"
  7040.          
  7041.          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%;"
  7042.        >
  7043.          
  7044.  
  7045.          
  7046.          
  7047.  
  7048.          
  7049.            
  7050.              <div class="content-fill">
  7051.                
  7052.            
  7053.            
  7054.            
  7055.            
  7056.            
  7057.            
  7058.            <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">
  7059.  
  7060.            
  7061.              
  7062.            
  7063.            <div class="fluidImageOverlay"></div>
  7064.          
  7065.              </div>
  7066.            
  7067.          
  7068.  
  7069.        </div>
  7070.      </div>
  7071.    </div>
  7072.    <style>
  7073.      .sqs-block-image .sqs-block-content {
  7074.        height: 100%;
  7075.        width: 100%;
  7076.      }
  7077.  
  7078.      
  7079.        .fe-block-40514c877c684bb79c95 .fluidImageOverlay {
  7080.          position: absolute;
  7081.          top: 0;
  7082.          left: 0;
  7083.          width: 100%;
  7084.          height: 100%;
  7085.          mix-blend-mode: normal;
  7086.          
  7087.            
  7088.            
  7089.          
  7090.          
  7091.            opacity: 0;
  7092.          
  7093.        }
  7094.      
  7095.    </style>
  7096.  
  7097.  
  7098.  
  7099.  
  7100.  
  7101.  
  7102. </div></div></div><div class="fe-block fe-block-2ef339939ac1139a2039"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-2ef339939ac1139a2039"><div class="sqs-block-content">
  7103.  
  7104. <div class="sqs-html-content">
  7105.  <h2 style="white-space:pre-wrap;"><a href="/interior-doors">Interior Doors</a></h2>
  7106. </div>
  7107.  
  7108.  
  7109.  
  7110.  
  7111.  
  7112.  
  7113.  
  7114.  
  7115.  
  7116.  
  7117.  
  7118.  
  7119.  
  7120.  
  7121.  
  7122.  
  7123.  
  7124.  
  7125.  
  7126.  
  7127.  
  7128.  
  7129.  
  7130.  
  7131.  
  7132. </div></div></div><div class="fe-block fe-block-c763194e44af980b8a1d"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-c763194e44af980b8a1d"><div class="sqs-block-content">
  7133.  
  7134. <div class="sqs-html-content">
  7135.  <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>
  7136. </div>
  7137.  
  7138.  
  7139.  
  7140.  
  7141.  
  7142.  
  7143.  
  7144.  
  7145.  
  7146.  
  7147.  
  7148.  
  7149.  
  7150.  
  7151.  
  7152.  
  7153.  
  7154.  
  7155.  
  7156.  
  7157.  
  7158.  
  7159.  
  7160.  
  7161.  
  7162. </div></div></div><div class="fe-block fe-block-f039704eb8709e5bf895"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" data-sqsp-block="button" id="block-f039704eb8709e5bf895"><div class="sqs-block-content">
  7163.  
  7164. <div
  7165.  class="sqs-block-button-container sqs-block-button-container--left"
  7166.  data-animation-role="button"
  7167.  data-alignment="left"
  7168.  data-button-size="large"
  7169.  data-button-type="secondary"
  7170. >
  7171.  <a
  7172.    href="/interior-doors"
  7173.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  7174.    data-sqsp-button
  7175.    
  7176.  >
  7177.    See More
  7178.  </a>
  7179. </div>
  7180. </div></div></div></div></div>
  7181.    </div>
  7182.  
  7183.  </div>
  7184.  
  7185. </section>
  7186.  
  7187.  
  7188.    
  7189.    
  7190.  
  7191.  
  7192.  
  7193.  
  7194.  
  7195.  
  7196. <section
  7197.  data-test="page-section"
  7198.  
  7199.  data-section-theme=""
  7200.  class='page-section
  7201.    
  7202.      full-bleed-section
  7203.      layout-engine-section
  7204.    
  7205.    background-width--full-bleed
  7206.    
  7207.      section-height--small
  7208.    
  7209.    
  7210.      content-width--wide
  7211.    
  7212.    horizontal-alignment--center
  7213.    vertical-alignment--middle
  7214.    
  7215.      
  7216.    
  7217.    
  7218.    '
  7219.  
  7220.  data-section-id="6583b684bd1abf4ed651bd60"
  7221.  
  7222.  data-controller="SectionWrapperController"
  7223.  data-current-styles="{
  7224. &quot;imageOverlayOpacity&quot;: 0.15,
  7225. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  7226. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  7227. &quot;customSectionHeight&quot;: 1,
  7228. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  7229. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  7230. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  7231. &quot;customContentWidth&quot;: 50,
  7232. &quot;sectionTheme&quot;: &quot;&quot;,
  7233. &quot;sectionAnimation&quot;: &quot;none&quot;,
  7234. &quot;backgroundMode&quot;: &quot;image&quot;
  7235. }"
  7236.  data-current-context="{
  7237. &quot;video&quot;: {
  7238. &quot;playbackSpeed&quot;: 0.5,
  7239. &quot;filter&quot;: 2,
  7240. &quot;filterStrength&quot;: 0,
  7241. &quot;zoom&quot;: 0,
  7242. &quot;videoSourceProvider&quot;: &quot;none&quot;
  7243. },
  7244. &quot;backgroundImageId&quot;: null,
  7245. &quot;backgroundMediaEffect&quot;: {
  7246. &quot;type&quot;: &quot;none&quot;
  7247. },
  7248. &quot;divider&quot;: {
  7249. &quot;enabled&quot;: false
  7250. },
  7251. &quot;typeName&quot;: &quot;page&quot;
  7252. }"
  7253.  data-animation="none"
  7254.  data-fluid-engine-section
  7255.  
  7256.  
  7257.    
  7258.  
  7259.  
  7260. >
  7261.  <div
  7262.    class="section-border"
  7263.    
  7264.  >
  7265.    <div class="section-background">
  7266.    
  7267.      
  7268.    
  7269.    </div>
  7270.  </div>
  7271.  <div
  7272.    class='content-wrapper'
  7273.    style='
  7274.      
  7275.        
  7276.      
  7277.    '
  7278.  >
  7279.    <div
  7280.      class="content"
  7281.      
  7282.    >
  7283.      
  7284.      
  7285.      
  7286.      
  7287.      
  7288.      
  7289.      
  7290.      
  7291.      <div data-fluid-engine="true"><style>
  7292.  
  7293. .fe-6583b684bd1abf4ed651bd5f {
  7294.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  7295.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  7296.  
  7297.  display: grid;
  7298.  position: relative;
  7299.  grid-area: 1/1/-1/-1;
  7300.  grid-template-rows: repeat(40,minmax(24px, auto));
  7301.  grid-template-columns:
  7302.    minmax(var(--grid-gutter), 1fr)
  7303.    repeat(8, minmax(0, var(--cell-max-width)))
  7304.    minmax(var(--grid-gutter), 1fr);
  7305.  row-gap: 0.0px;
  7306.  column-gap: 0.0px;
  7307. }
  7308.  
  7309. @media (min-width: 768px) {
  7310.  .background-width--inset .fe-6583b684bd1abf4ed651bd5f {
  7311.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  7312.  }
  7313.  
  7314.  .fe-6583b684bd1abf4ed651bd5f {
  7315.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  7316.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  7317.    --inset-padding: 0vw;
  7318.  
  7319.    --row-height-scaling-factor: 0.0215;
  7320.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  7321.  
  7322.    grid-template-rows: repeat(23,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  7323.    grid-template-columns:
  7324.      minmax(var(--grid-gutter), 1fr)
  7325.      repeat(24, minmax(0, var(--cell-max-width)))
  7326.      minmax(var(--grid-gutter), 1fr);
  7327.  }
  7328. }
  7329.  
  7330.  
  7331.  .fe-block-d9c6ec5beae85e113a28 {
  7332.    grid-area: 2/2/14/10;
  7333.    z-index: 0;
  7334.  
  7335.    @media (max-width: 767px) {
  7336.      
  7337.      
  7338.    }
  7339.  }
  7340.  
  7341.  .fe-block-d9c6ec5beae85e113a28 .sqs-block {
  7342.    justify-content: center;
  7343.  }
  7344.  
  7345.  .fe-block-d9c6ec5beae85e113a28 .sqs-block-alignment-wrapper {
  7346.    align-items: center;
  7347.  }
  7348.  
  7349.  @media (min-width: 768px) {
  7350.    .fe-block-d9c6ec5beae85e113a28 {
  7351.      grid-area: 3/15/22/26;
  7352.      z-index: 0;
  7353.  
  7354.      
  7355.  
  7356.      
  7357.    }
  7358.  
  7359.    .fe-block-d9c6ec5beae85e113a28 .sqs-block {
  7360.      justify-content: center;
  7361.    }
  7362.  
  7363.    .fe-block-d9c6ec5beae85e113a28 .sqs-block-alignment-wrapper {
  7364.      align-items: center;
  7365.    }
  7366.  }
  7367.  
  7368.  .fe-block-b294a91f7b71a139cea1 {
  7369.    grid-area: 15/2/17/10;
  7370.    z-index: 1;
  7371.  
  7372.    @media (max-width: 767px) {
  7373.      
  7374.      
  7375.    }
  7376.  }
  7377.  
  7378.  .fe-block-b294a91f7b71a139cea1 .sqs-block {
  7379.    justify-content: flex-start;
  7380.  }
  7381.  
  7382.  .fe-block-b294a91f7b71a139cea1 .sqs-block-alignment-wrapper {
  7383.    align-items: flex-start;
  7384.  }
  7385.  
  7386.  @media (min-width: 768px) {
  7387.    .fe-block-b294a91f7b71a139cea1 {
  7388.      grid-area: 1/2/3/12;
  7389.      z-index: 2;
  7390.  
  7391.      
  7392.  
  7393.      
  7394.    }
  7395.  
  7396.    .fe-block-b294a91f7b71a139cea1 .sqs-block {
  7397.      justify-content: center;
  7398.    }
  7399.  
  7400.    .fe-block-b294a91f7b71a139cea1 .sqs-block-alignment-wrapper {
  7401.      align-items: center;
  7402.    }
  7403.  }
  7404.  
  7405.  .fe-block-51dfbf95068125a15c49 {
  7406.    grid-area: 17/2/37/10;
  7407.    z-index: 2;
  7408.  
  7409.    @media (max-width: 767px) {
  7410.      
  7411.      
  7412.    }
  7413.  }
  7414.  
  7415.  .fe-block-51dfbf95068125a15c49 .sqs-block {
  7416.    justify-content: center;
  7417.  }
  7418.  
  7419.  .fe-block-51dfbf95068125a15c49 .sqs-block-alignment-wrapper {
  7420.    align-items: center;
  7421.  }
  7422.  
  7423.  @media (min-width: 768px) {
  7424.    .fe-block-51dfbf95068125a15c49 {
  7425.      grid-area: 4/2/21/12;
  7426.      z-index: 1;
  7427.  
  7428.      
  7429.  
  7430.      
  7431.    }
  7432.  
  7433.    .fe-block-51dfbf95068125a15c49 .sqs-block {
  7434.      justify-content: center;
  7435.    }
  7436.  
  7437.    .fe-block-51dfbf95068125a15c49 .sqs-block-alignment-wrapper {
  7438.      align-items: center;
  7439.    }
  7440.  }
  7441.  
  7442.  .fe-block-4496c3091f71f3a5081b {
  7443.    grid-area: 38/4/40/8;
  7444.    z-index: 3;
  7445.  
  7446.    @media (max-width: 767px) {
  7447.      
  7448.      
  7449.    }
  7450.  }
  7451.  
  7452.  .fe-block-4496c3091f71f3a5081b .sqs-block {
  7453.    justify-content: center;
  7454.  }
  7455.  
  7456.  .fe-block-4496c3091f71f3a5081b .sqs-block-alignment-wrapper {
  7457.    align-items: center;
  7458.  }
  7459.  
  7460.  @media (min-width: 768px) {
  7461.    .fe-block-4496c3091f71f3a5081b {
  7462.      grid-area: 22/2/24/6;
  7463.      z-index: 3;
  7464.  
  7465.      
  7466.  
  7467.      
  7468.    }
  7469.  
  7470.    .fe-block-4496c3091f71f3a5081b .sqs-block {
  7471.      justify-content: center;
  7472.    }
  7473.  
  7474.    .fe-block-4496c3091f71f3a5081b .sqs-block-alignment-wrapper {
  7475.      align-items: center;
  7476.    }
  7477.  }
  7478.  
  7479. </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">
  7480.  
  7481.  
  7482.  
  7483.  
  7484.  
  7485.  
  7486.  
  7487.  
  7488.  
  7489.  
  7490.  
  7491.  
  7492.  
  7493.  
  7494.  
  7495.  
  7496.  
  7497.  
  7498.  
  7499.  
  7500.  
  7501.  
  7502.  
  7503.  
  7504.  
  7505.  
  7506.  
  7507.  
  7508.  
  7509.  
  7510.  
  7511.  
  7512.  
  7513.  
  7514.  
  7515.  
  7516.  
  7517.  
  7518.  
  7519.  
  7520.  
  7521.  
  7522.  
  7523.  
  7524.    
  7525.  
  7526.    <div
  7527.      class="
  7528.        image-block-outer-wrapper
  7529.        layout-caption-below
  7530.        design-layout-fluid
  7531.        image-position-left
  7532.        combination-animation-none
  7533.        individual-animation-none
  7534.      "
  7535.      data-test="image-block-fluid-outer-wrapper"
  7536.    >
  7537.      <div
  7538.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  7539.        data-animation-role="image"
  7540.        
  7541.  
  7542.  
  7543.      >
  7544.        <div
  7545.          class="fluid-image-container sqs-image-content"
  7546.          
  7547.          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%;"
  7548.        >
  7549.          
  7550.  
  7551.          
  7552.          
  7553.  
  7554.          
  7555.            
  7556.              <div class="content-fill">
  7557.                
  7558.            
  7559.            
  7560.            
  7561.            
  7562.            
  7563.            
  7564.            <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">
  7565.  
  7566.            
  7567.              
  7568.            
  7569.            <div class="fluidImageOverlay"></div>
  7570.          
  7571.              </div>
  7572.            
  7573.          
  7574.  
  7575.        </div>
  7576.      </div>
  7577.    </div>
  7578.    <style>
  7579.      .sqs-block-image .sqs-block-content {
  7580.        height: 100%;
  7581.        width: 100%;
  7582.      }
  7583.  
  7584.      
  7585.        .fe-block-d9c6ec5beae85e113a28 .fluidImageOverlay {
  7586.          position: absolute;
  7587.          top: 0;
  7588.          left: 0;
  7589.          width: 100%;
  7590.          height: 100%;
  7591.          mix-blend-mode: normal;
  7592.          
  7593.            
  7594.            
  7595.          
  7596.          
  7597.            opacity: 0;
  7598.          
  7599.        }
  7600.      
  7601.    </style>
  7602.  
  7603.  
  7604.  
  7605.  
  7606.  
  7607.  
  7608. </div></div></div><div class="fe-block fe-block-b294a91f7b71a139cea1"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-b294a91f7b71a139cea1"><div class="sqs-block-content">
  7609.  
  7610. <div class="sqs-html-content">
  7611.  <h2 style="white-space:pre-wrap;"><a href="/closet-doors">Closet Doors</a></h2>
  7612. </div>
  7613.  
  7614.  
  7615.  
  7616.  
  7617.  
  7618.  
  7619.  
  7620.  
  7621.  
  7622.  
  7623.  
  7624.  
  7625.  
  7626.  
  7627.  
  7628.  
  7629.  
  7630.  
  7631.  
  7632.  
  7633.  
  7634.  
  7635.  
  7636.  
  7637.  
  7638. </div></div></div><div class="fe-block fe-block-51dfbf95068125a15c49"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-51dfbf95068125a15c49"><div class="sqs-block-content">
  7639.  
  7640. <div class="sqs-html-content">
  7641.  <p class="sqsrte-large" style="white-space:pre-wrap;"><a href="https://www.interiordoorandcloset.com/closet-doors/mirrored-closet-doors" target="_blank"><strong><em>Mirrored</em></strong></a><strong><em>, </em></strong><a href="https://www.interiordoorandcloset.com/closet-doors/glass-closet-doors" target="_blank"><strong><em>Glass</em></strong></a><strong><em>, </em></strong><a href="https://www.interiordoorandcloset.com/closet-doors/panel-louver-and-flush-doors" target="_blank"><strong><em>Panel and Louver Doors</em></strong></a></p><p class="" style="white-space:pre-wrap;"><em>Doors are multi-functional which means they can be used as bypass sliding doors or hinged closet doors. We offer a wide variety of styles and sizes that allow you to get creative.  We are happy to schedule your in-home consultation.&nbsp;Please call us at </em><a href="tel:+17148955100"><em>(714) 895-5100</em></a><em>.</em></p><p class="" style="white-space:pre-wrap;"><em>Our sliding closet door installation process is very efficient and we won't consider ourselves done, until you are completely satisfied with the end result. Plus, after the closet installation, we will remove all old closet doors from the site. Don't forget, </em><strong><em>almost any door you like on any page can be made into sliding closet doors</em></strong><em>. Our doors are available in a variety finishes depending on the style you choose. </em></p>
  7642. </div>
  7643.  
  7644.  
  7645.  
  7646.  
  7647.  
  7648.  
  7649.  
  7650.  
  7651.  
  7652.  
  7653.  
  7654.  
  7655.  
  7656.  
  7657.  
  7658.  
  7659.  
  7660.  
  7661.  
  7662.  
  7663.  
  7664.  
  7665.  
  7666.  
  7667.  
  7668. </div></div></div><div class="fe-block fe-block-4496c3091f71f3a5081b"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" data-sqsp-block="button" id="block-4496c3091f71f3a5081b"><div class="sqs-block-content">
  7669.  
  7670. <div
  7671.  class="sqs-block-button-container sqs-block-button-container--left"
  7672.  data-animation-role="button"
  7673.  data-alignment="left"
  7674.  data-button-size="large"
  7675.  data-button-type="secondary"
  7676. >
  7677.  <a
  7678.    href="/closet-doors"
  7679.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  7680.    data-sqsp-button
  7681.    
  7682.  >
  7683.    See More
  7684.  </a>
  7685. </div>
  7686. </div></div></div></div></div>
  7687.    </div>
  7688.  
  7689.  </div>
  7690.  
  7691. </section>
  7692.  
  7693.  
  7694.    
  7695.    
  7696.  
  7697.  
  7698.  
  7699.  
  7700.  
  7701.  
  7702. <section
  7703.  data-test="page-section"
  7704.  
  7705.  data-section-theme=""
  7706.  class='page-section
  7707.    
  7708.      full-bleed-section
  7709.      layout-engine-section
  7710.    
  7711.    background-width--full-bleed
  7712.    
  7713.      section-height--small
  7714.    
  7715.    
  7716.      content-width--wide
  7717.    
  7718.    horizontal-alignment--center
  7719.    vertical-alignment--middle
  7720.    
  7721.      
  7722.    
  7723.    
  7724.    '
  7725.  
  7726.  data-section-id="6583b8846906431c717c5758"
  7727.  
  7728.  data-controller="SectionWrapperController"
  7729.  data-current-styles="{
  7730. &quot;imageOverlayOpacity&quot;: 0.15,
  7731. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  7732. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  7733. &quot;customSectionHeight&quot;: 1,
  7734. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  7735. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  7736. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  7737. &quot;customContentWidth&quot;: 50,
  7738. &quot;sectionTheme&quot;: &quot;&quot;,
  7739. &quot;sectionAnimation&quot;: &quot;none&quot;,
  7740. &quot;backgroundMode&quot;: &quot;image&quot;
  7741. }"
  7742.  data-current-context="{
  7743. &quot;video&quot;: {
  7744. &quot;playbackSpeed&quot;: 0.5,
  7745. &quot;filter&quot;: 2,
  7746. &quot;filterStrength&quot;: 0,
  7747. &quot;zoom&quot;: 0,
  7748. &quot;videoSourceProvider&quot;: &quot;none&quot;
  7749. },
  7750. &quot;backgroundImageId&quot;: null,
  7751. &quot;backgroundMediaEffect&quot;: {
  7752. &quot;type&quot;: &quot;none&quot;
  7753. },
  7754. &quot;divider&quot;: {
  7755. &quot;enabled&quot;: false
  7756. },
  7757. &quot;typeName&quot;: &quot;page&quot;
  7758. }"
  7759.  data-animation="none"
  7760.  data-fluid-engine-section
  7761.  
  7762.  
  7763.    
  7764.  
  7765.  
  7766. >
  7767.  <div
  7768.    class="section-border"
  7769.    
  7770.  >
  7771.    <div class="section-background">
  7772.    
  7773.      
  7774.    
  7775.    </div>
  7776.  </div>
  7777.  <div
  7778.    class='content-wrapper'
  7779.    style='
  7780.      
  7781.        
  7782.      
  7783.    '
  7784.  >
  7785.    <div
  7786.      class="content"
  7787.      
  7788.    >
  7789.      
  7790.      
  7791.      
  7792.      
  7793.      
  7794.      
  7795.      
  7796.      
  7797.      <div data-fluid-engine="true"><style>
  7798.  
  7799. .fe-6583b8846906431c717c5757 {
  7800.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  7801.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  7802.  
  7803.  display: grid;
  7804.  position: relative;
  7805.  grid-area: 1/1/-1/-1;
  7806.  grid-template-rows: repeat(29,minmax(24px, auto));
  7807.  grid-template-columns:
  7808.    minmax(var(--grid-gutter), 1fr)
  7809.    repeat(8, minmax(0, var(--cell-max-width)))
  7810.    minmax(var(--grid-gutter), 1fr);
  7811.  row-gap: 0.0px;
  7812.  column-gap: 0.0px;
  7813. }
  7814.  
  7815. @media (min-width: 768px) {
  7816.  .background-width--inset .fe-6583b8846906431c717c5757 {
  7817.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  7818.  }
  7819.  
  7820.  .fe-6583b8846906431c717c5757 {
  7821.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  7822.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  7823.    --inset-padding: 0vw;
  7824.  
  7825.    --row-height-scaling-factor: 0.0215;
  7826.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  7827.  
  7828.    grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  7829.    grid-template-columns:
  7830.      minmax(var(--grid-gutter), 1fr)
  7831.      repeat(24, minmax(0, var(--cell-max-width)))
  7832.      minmax(var(--grid-gutter), 1fr);
  7833.  }
  7834. }
  7835.  
  7836.  
  7837.  .fe-block-24aad8a09ffeaa035b77 {
  7838.    grid-area: 1/2/13/10;
  7839.    z-index: 0;
  7840.  
  7841.    @media (max-width: 767px) {
  7842.      
  7843.      
  7844.    }
  7845.  }
  7846.  
  7847.  .fe-block-24aad8a09ffeaa035b77 .sqs-block {
  7848.    justify-content: center;
  7849.  }
  7850.  
  7851.  .fe-block-24aad8a09ffeaa035b77 .sqs-block-alignment-wrapper {
  7852.    align-items: center;
  7853.  }
  7854.  
  7855.  @media (min-width: 768px) {
  7856.    .fe-block-24aad8a09ffeaa035b77 {
  7857.      grid-area: 1/2/17/13;
  7858.      z-index: 0;
  7859.  
  7860.      
  7861.  
  7862.      
  7863.    }
  7864.  
  7865.    .fe-block-24aad8a09ffeaa035b77 .sqs-block {
  7866.      justify-content: center;
  7867.    }
  7868.  
  7869.    .fe-block-24aad8a09ffeaa035b77 .sqs-block-alignment-wrapper {
  7870.      align-items: center;
  7871.    }
  7872.  }
  7873.  
  7874.  .fe-block-6491a29f1677ec200bff {
  7875.    grid-area: 14/2/16/10;
  7876.    z-index: 1;
  7877.  
  7878.    @media (max-width: 767px) {
  7879.      
  7880.      
  7881.    }
  7882.  }
  7883.  
  7884.  .fe-block-6491a29f1677ec200bff .sqs-block {
  7885.    justify-content: flex-start;
  7886.  }
  7887.  
  7888.  .fe-block-6491a29f1677ec200bff .sqs-block-alignment-wrapper {
  7889.    align-items: flex-start;
  7890.  }
  7891.  
  7892.  @media (min-width: 768px) {
  7893.    .fe-block-6491a29f1677ec200bff {
  7894.      grid-area: 3/16/5/26;
  7895.      z-index: 2;
  7896.  
  7897.      
  7898.  
  7899.      
  7900.    }
  7901.  
  7902.    .fe-block-6491a29f1677ec200bff .sqs-block {
  7903.      justify-content: center;
  7904.    }
  7905.  
  7906.    .fe-block-6491a29f1677ec200bff .sqs-block-alignment-wrapper {
  7907.      align-items: center;
  7908.    }
  7909.  }
  7910.  
  7911.  .fe-block-d2c045beb6342913e606 {
  7912.    grid-area: 16/2/26/10;
  7913.    z-index: 2;
  7914.  
  7915.    @media (max-width: 767px) {
  7916.      
  7917.      
  7918.    }
  7919.  }
  7920.  
  7921.  .fe-block-d2c045beb6342913e606 .sqs-block {
  7922.    justify-content: center;
  7923.  }
  7924.  
  7925.  .fe-block-d2c045beb6342913e606 .sqs-block-alignment-wrapper {
  7926.    align-items: center;
  7927.  }
  7928.  
  7929.  @media (min-width: 768px) {
  7930.    .fe-block-d2c045beb6342913e606 {
  7931.      grid-area: 5/16/12/26;
  7932.      z-index: 1;
  7933.  
  7934.      
  7935.  
  7936.      
  7937.    }
  7938.  
  7939.    .fe-block-d2c045beb6342913e606 .sqs-block {
  7940.      justify-content: center;
  7941.    }
  7942.  
  7943.    .fe-block-d2c045beb6342913e606 .sqs-block-alignment-wrapper {
  7944.      align-items: center;
  7945.    }
  7946.  }
  7947.  
  7948.  .fe-block-870ef85e8566c3630d7a {
  7949.    grid-area: 27/4/29/8;
  7950.    z-index: 3;
  7951.  
  7952.    @media (max-width: 767px) {
  7953.      
  7954.      
  7955.    }
  7956.  }
  7957.  
  7958.  .fe-block-870ef85e8566c3630d7a .sqs-block {
  7959.    justify-content: center;
  7960.  }
  7961.  
  7962.  .fe-block-870ef85e8566c3630d7a .sqs-block-alignment-wrapper {
  7963.    align-items: center;
  7964.  }
  7965.  
  7966.  @media (min-width: 768px) {
  7967.    .fe-block-870ef85e8566c3630d7a {
  7968.      grid-area: 13/16/15/20;
  7969.      z-index: 3;
  7970.  
  7971.      
  7972.  
  7973.      
  7974.    }
  7975.  
  7976.    .fe-block-870ef85e8566c3630d7a .sqs-block {
  7977.      justify-content: center;
  7978.    }
  7979.  
  7980.    .fe-block-870ef85e8566c3630d7a .sqs-block-alignment-wrapper {
  7981.      align-items: center;
  7982.    }
  7983.  }
  7984.  
  7985. </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">
  7986.  
  7987.  
  7988.  
  7989.  
  7990.  
  7991.  
  7992.  
  7993.  
  7994.  
  7995.  
  7996.  
  7997.  
  7998.  
  7999.  
  8000.  
  8001.  
  8002.  
  8003.  
  8004.  
  8005.  
  8006.  
  8007.  
  8008.  
  8009.  
  8010.  
  8011.  
  8012.  
  8013.  
  8014.  
  8015.  
  8016.  
  8017.  
  8018.  
  8019.  
  8020.  
  8021.  
  8022.  
  8023.  
  8024.  
  8025.  
  8026.  
  8027.  
  8028.  
  8029.  
  8030.    
  8031.  
  8032.    <div
  8033.      class="
  8034.        image-block-outer-wrapper
  8035.        layout-caption-below
  8036.        design-layout-fluid
  8037.        image-position-left
  8038.        combination-animation-none
  8039.        individual-animation-none
  8040.      "
  8041.      data-test="image-block-fluid-outer-wrapper"
  8042.    >
  8043.      <div
  8044.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  8045.        data-animation-role="image"
  8046.        
  8047.  
  8048.  
  8049.      >
  8050.        <div
  8051.          class="fluid-image-container sqs-image-content"
  8052.          
  8053.          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%;"
  8054.        >
  8055.          
  8056.  
  8057.          
  8058.          
  8059.  
  8060.          
  8061.            
  8062.              <div class="content-fill">
  8063.                
  8064.            
  8065.            
  8066.            
  8067.            
  8068.            
  8069.            
  8070.            <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">
  8071.  
  8072.            
  8073.              
  8074.            
  8075.            <div class="fluidImageOverlay"></div>
  8076.          
  8077.              </div>
  8078.            
  8079.          
  8080.  
  8081.        </div>
  8082.      </div>
  8083.    </div>
  8084.    <style>
  8085.      .sqs-block-image .sqs-block-content {
  8086.        height: 100%;
  8087.        width: 100%;
  8088.      }
  8089.  
  8090.      
  8091.        .fe-block-24aad8a09ffeaa035b77 .fluidImageOverlay {
  8092.          position: absolute;
  8093.          top: 0;
  8094.          left: 0;
  8095.          width: 100%;
  8096.          height: 100%;
  8097.          mix-blend-mode: normal;
  8098.          
  8099.            
  8100.            
  8101.          
  8102.          
  8103.            opacity: 0;
  8104.          
  8105.        }
  8106.      
  8107.    </style>
  8108.  
  8109.  
  8110.  
  8111.  
  8112.  
  8113.  
  8114. </div></div></div><div class="fe-block fe-block-6491a29f1677ec200bff"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-6491a29f1677ec200bff"><div class="sqs-block-content">
  8115.  
  8116. <div class="sqs-html-content">
  8117.  <h2 style="white-space:pre-wrap;"><a href="/organizers">Closet Organizers</a></h2>
  8118. </div>
  8119.  
  8120.  
  8121.  
  8122.  
  8123.  
  8124.  
  8125.  
  8126.  
  8127.  
  8128.  
  8129.  
  8130.  
  8131.  
  8132.  
  8133.  
  8134.  
  8135.  
  8136.  
  8137.  
  8138.  
  8139.  
  8140.  
  8141.  
  8142.  
  8143.  
  8144. </div></div></div><div class="fe-block fe-block-d2c045beb6342913e606"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-d2c045beb6342913e606"><div class="sqs-block-content">
  8145.  
  8146. <div class="sqs-html-content">
  8147.  <p class="" style="white-space:pre-wrap;"><em>Check out our </em><a href="https://www.interiordoorandcloset.com/organizers/reach-in-closet-organizers"><em>reach-in closet</em></a><em> options for your&nbsp;closet organizers. Whether you are looking to better organize your shoes, work attire, everyday clothes, or a combination of everything, we&nbsp;can help design your reach-in closet to fit your all of your needs. For both </em><a href="https://www.interiordoorandcloset.com/organizers/walk-in-closet-organizers" target="_blank"><em>walk-in closets</em></a><em> and reach-in closets, we can get extremely creative which is a lot of fun for both us and you!</em></p>
  8148. </div>
  8149.  
  8150.  
  8151.  
  8152.  
  8153.  
  8154.  
  8155.  
  8156.  
  8157.  
  8158.  
  8159.  
  8160.  
  8161.  
  8162.  
  8163.  
  8164.  
  8165.  
  8166.  
  8167.  
  8168.  
  8169.  
  8170.  
  8171.  
  8172.  
  8173.  
  8174. </div></div></div><div class="fe-block fe-block-870ef85e8566c3630d7a"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" data-sqsp-block="button" id="block-870ef85e8566c3630d7a"><div class="sqs-block-content">
  8175.  
  8176. <div
  8177.  class="sqs-block-button-container sqs-block-button-container--left"
  8178.  data-animation-role="button"
  8179.  data-alignment="left"
  8180.  data-button-size="large"
  8181.  data-button-type="secondary"
  8182. >
  8183.  <a
  8184.    href="/organizers"
  8185.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  8186.    data-sqsp-button
  8187.    
  8188.  >
  8189.    See More
  8190.  </a>
  8191. </div>
  8192. </div></div></div></div></div>
  8193.    </div>
  8194.  
  8195.  </div>
  8196.  
  8197. </section>
  8198.  
  8199.  
  8200.    
  8201.    
  8202.  
  8203.  
  8204.  
  8205.  
  8206.  
  8207.  
  8208. <section
  8209.  data-test="page-section"
  8210.  
  8211.  data-section-theme=""
  8212.  class='page-section
  8213.    
  8214.      full-bleed-section
  8215.      layout-engine-section
  8216.    
  8217.    background-width--full-bleed
  8218.    
  8219.      section-height--small
  8220.    
  8221.    
  8222.      content-width--wide
  8223.    
  8224.    horizontal-alignment--center
  8225.    vertical-alignment--middle
  8226.    
  8227.      
  8228.    
  8229.    
  8230.    '
  8231.  
  8232.  data-section-id="6583b8ddbb89131305299612"
  8233.  
  8234.  data-controller="SectionWrapperController"
  8235.  data-current-styles="{
  8236. &quot;imageOverlayOpacity&quot;: 0.15,
  8237. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  8238. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  8239. &quot;customSectionHeight&quot;: 1,
  8240. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  8241. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  8242. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  8243. &quot;customContentWidth&quot;: 50,
  8244. &quot;sectionTheme&quot;: &quot;&quot;,
  8245. &quot;sectionAnimation&quot;: &quot;none&quot;,
  8246. &quot;backgroundMode&quot;: &quot;image&quot;
  8247. }"
  8248.  data-current-context="{
  8249. &quot;video&quot;: {
  8250. &quot;playbackSpeed&quot;: 0.5,
  8251. &quot;filter&quot;: 2,
  8252. &quot;filterStrength&quot;: 0,
  8253. &quot;zoom&quot;: 0,
  8254. &quot;videoSourceProvider&quot;: &quot;none&quot;
  8255. },
  8256. &quot;backgroundImageId&quot;: null,
  8257. &quot;backgroundMediaEffect&quot;: {
  8258. &quot;type&quot;: &quot;none&quot;
  8259. },
  8260. &quot;divider&quot;: {
  8261. &quot;enabled&quot;: false
  8262. },
  8263. &quot;typeName&quot;: &quot;page&quot;
  8264. }"
  8265.  data-animation="none"
  8266.  data-fluid-engine-section
  8267.  
  8268.  
  8269.    
  8270.  
  8271.  
  8272. >
  8273.  <div
  8274.    class="section-border"
  8275.    
  8276.  >
  8277.    <div class="section-background">
  8278.    
  8279.      
  8280.    
  8281.    </div>
  8282.  </div>
  8283.  <div
  8284.    class='content-wrapper'
  8285.    style='
  8286.      
  8287.        
  8288.      
  8289.    '
  8290.  >
  8291.    <div
  8292.      class="content"
  8293.      
  8294.    >
  8295.      
  8296.      
  8297.      
  8298.      
  8299.      
  8300.      
  8301.      
  8302.      
  8303.      <div data-fluid-engine="true"><style>
  8304.  
  8305. .fe-6583b8ddbb89131305299611 {
  8306.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  8307.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  8308.  
  8309.  display: grid;
  8310.  position: relative;
  8311.  grid-area: 1/1/-1/-1;
  8312.  grid-template-rows: repeat(28,minmax(24px, auto));
  8313.  grid-template-columns:
  8314.    minmax(var(--grid-gutter), 1fr)
  8315.    repeat(8, minmax(0, var(--cell-max-width)))
  8316.    minmax(var(--grid-gutter), 1fr);
  8317.  row-gap: 0.0px;
  8318.  column-gap: 0.0px;
  8319. }
  8320.  
  8321. @media (min-width: 768px) {
  8322.  .background-width--inset .fe-6583b8ddbb89131305299611 {
  8323.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  8324.  }
  8325.  
  8326.  .fe-6583b8ddbb89131305299611 {
  8327.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  8328.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  8329.    --inset-padding: 0vw;
  8330.  
  8331.    --row-height-scaling-factor: 0.0215;
  8332.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  8333.  
  8334.    grid-template-rows: repeat(18,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  8335.    grid-template-columns:
  8336.      minmax(var(--grid-gutter), 1fr)
  8337.      repeat(24, minmax(0, var(--cell-max-width)))
  8338.      minmax(var(--grid-gutter), 1fr);
  8339.  }
  8340. }
  8341.  
  8342.  
  8343.  .fe-block-1de84f6338eaa3aea2ad {
  8344.    grid-area: 1/2/13/10;
  8345.    z-index: 0;
  8346.  
  8347.    @media (max-width: 767px) {
  8348.      
  8349.      
  8350.    }
  8351.  }
  8352.  
  8353.  .fe-block-1de84f6338eaa3aea2ad .sqs-block {
  8354.    justify-content: center;
  8355.  }
  8356.  
  8357.  .fe-block-1de84f6338eaa3aea2ad .sqs-block-alignment-wrapper {
  8358.    align-items: center;
  8359.  }
  8360.  
  8361.  @media (min-width: 768px) {
  8362.    .fe-block-1de84f6338eaa3aea2ad {
  8363.      grid-area: 1/15/19/26;
  8364.      z-index: 0;
  8365.  
  8366.      
  8367.  
  8368.      
  8369.    }
  8370.  
  8371.    .fe-block-1de84f6338eaa3aea2ad .sqs-block {
  8372.      justify-content: center;
  8373.    }
  8374.  
  8375.    .fe-block-1de84f6338eaa3aea2ad .sqs-block-alignment-wrapper {
  8376.      align-items: center;
  8377.    }
  8378.  }
  8379.  
  8380.  .fe-block-15510a96d83c9d1dfa70 {
  8381.    grid-area: 14/2/16/10;
  8382.    z-index: 1;
  8383.  
  8384.    @media (max-width: 767px) {
  8385.      
  8386.      
  8387.    }
  8388.  }
  8389.  
  8390.  .fe-block-15510a96d83c9d1dfa70 .sqs-block {
  8391.    justify-content: flex-start;
  8392.  }
  8393.  
  8394.  .fe-block-15510a96d83c9d1dfa70 .sqs-block-alignment-wrapper {
  8395.    align-items: flex-start;
  8396.  }
  8397.  
  8398.  @media (min-width: 768px) {
  8399.    .fe-block-15510a96d83c9d1dfa70 {
  8400.      grid-area: 3/2/5/12;
  8401.      z-index: 2;
  8402.  
  8403.      
  8404.  
  8405.      
  8406.    }
  8407.  
  8408.    .fe-block-15510a96d83c9d1dfa70 .sqs-block {
  8409.      justify-content: center;
  8410.    }
  8411.  
  8412.    .fe-block-15510a96d83c9d1dfa70 .sqs-block-alignment-wrapper {
  8413.      align-items: center;
  8414.    }
  8415.  }
  8416.  
  8417.  .fe-block-e32682811787f275842c {
  8418.    grid-area: 16/2/25/10;
  8419.    z-index: 2;
  8420.  
  8421.    @media (max-width: 767px) {
  8422.      
  8423.      
  8424.    }
  8425.  }
  8426.  
  8427.  .fe-block-e32682811787f275842c .sqs-block {
  8428.    justify-content: center;
  8429.  }
  8430.  
  8431.  .fe-block-e32682811787f275842c .sqs-block-alignment-wrapper {
  8432.    align-items: center;
  8433.  }
  8434.  
  8435.  @media (min-width: 768px) {
  8436.    .fe-block-e32682811787f275842c {
  8437.      grid-area: 5/2/13/12;
  8438.      z-index: 1;
  8439.  
  8440.      
  8441.  
  8442.      
  8443.    }
  8444.  
  8445.    .fe-block-e32682811787f275842c .sqs-block {
  8446.      justify-content: center;
  8447.    }
  8448.  
  8449.    .fe-block-e32682811787f275842c .sqs-block-alignment-wrapper {
  8450.      align-items: center;
  8451.    }
  8452.  }
  8453.  
  8454.  .fe-block-98d6a723c4b469b2416e {
  8455.    grid-area: 26/4/28/8;
  8456.    z-index: 3;
  8457.  
  8458.    @media (max-width: 767px) {
  8459.      
  8460.      
  8461.    }
  8462.  }
  8463.  
  8464.  .fe-block-98d6a723c4b469b2416e .sqs-block {
  8465.    justify-content: center;
  8466.  }
  8467.  
  8468.  .fe-block-98d6a723c4b469b2416e .sqs-block-alignment-wrapper {
  8469.    align-items: center;
  8470.  }
  8471.  
  8472.  @media (min-width: 768px) {
  8473.    .fe-block-98d6a723c4b469b2416e {
  8474.      grid-area: 14/2/16/6;
  8475.      z-index: 3;
  8476.  
  8477.      
  8478.  
  8479.      
  8480.    }
  8481.  
  8482.    .fe-block-98d6a723c4b469b2416e .sqs-block {
  8483.      justify-content: center;
  8484.    }
  8485.  
  8486.    .fe-block-98d6a723c4b469b2416e .sqs-block-alignment-wrapper {
  8487.      align-items: center;
  8488.    }
  8489.  }
  8490.  
  8491. </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">
  8492.  
  8493.  
  8494.  
  8495.  
  8496.  
  8497.  
  8498.  
  8499.  
  8500.  
  8501.  
  8502.  
  8503.  
  8504.  
  8505.  
  8506.  
  8507.  
  8508.  
  8509.  
  8510.  
  8511.  
  8512.  
  8513.  
  8514.  
  8515.  
  8516.  
  8517.  
  8518.  
  8519.  
  8520.  
  8521.  
  8522.  
  8523.  
  8524.  
  8525.  
  8526.  
  8527.  
  8528.  
  8529.  
  8530.  
  8531.  
  8532.  
  8533.  
  8534.  
  8535.  
  8536.    
  8537.  
  8538.    <div
  8539.      class="
  8540.        image-block-outer-wrapper
  8541.        layout-caption-below
  8542.        design-layout-fluid
  8543.        image-position-left
  8544.        combination-animation-none
  8545.        individual-animation-none
  8546.      "
  8547.      data-test="image-block-fluid-outer-wrapper"
  8548.    >
  8549.      <div
  8550.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  8551.        data-animation-role="image"
  8552.        
  8553.  
  8554.  
  8555.      >
  8556.        <div
  8557.          class="fluid-image-container sqs-image-content"
  8558.          
  8559.          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%;"
  8560.        >
  8561.          
  8562.  
  8563.          
  8564.          
  8565.  
  8566.          
  8567.            
  8568.              <div class="content-fill">
  8569.                
  8570.            
  8571.            
  8572.            
  8573.            
  8574.            
  8575.            
  8576.            <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">
  8577.  
  8578.            
  8579.              
  8580.            
  8581.            <div class="fluidImageOverlay"></div>
  8582.          
  8583.              </div>
  8584.            
  8585.          
  8586.  
  8587.        </div>
  8588.      </div>
  8589.    </div>
  8590.    <style>
  8591.      .sqs-block-image .sqs-block-content {
  8592.        height: 100%;
  8593.        width: 100%;
  8594.      }
  8595.  
  8596.      
  8597.        .fe-block-1de84f6338eaa3aea2ad .fluidImageOverlay {
  8598.          position: absolute;
  8599.          top: 0;
  8600.          left: 0;
  8601.          width: 100%;
  8602.          height: 100%;
  8603.          mix-blend-mode: normal;
  8604.          
  8605.            
  8606.            
  8607.          
  8608.          
  8609.            opacity: 0;
  8610.          
  8611.        }
  8612.      
  8613.    </style>
  8614.  
  8615.  
  8616.  
  8617.  
  8618.  
  8619.  
  8620. </div></div></div><div class="fe-block fe-block-15510a96d83c9d1dfa70"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-15510a96d83c9d1dfa70"><div class="sqs-block-content">
  8621.  
  8622. <div class="sqs-html-content">
  8623.  <h2 style="white-space:pre-wrap;"><a href="/barn-doors">Barn Doors</a></h2>
  8624. </div>
  8625.  
  8626.  
  8627.  
  8628.  
  8629.  
  8630.  
  8631.  
  8632.  
  8633.  
  8634.  
  8635.  
  8636.  
  8637.  
  8638.  
  8639.  
  8640.  
  8641.  
  8642.  
  8643.  
  8644.  
  8645.  
  8646.  
  8647.  
  8648.  
  8649.  
  8650. </div></div></div><div class="fe-block fe-block-e32682811787f275842c"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-e32682811787f275842c"><div class="sqs-block-content">
  8651.  
  8652. <div class="sqs-html-content">
  8653.  <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>
  8654. </div>
  8655.  
  8656.  
  8657.  
  8658.  
  8659.  
  8660.  
  8661.  
  8662.  
  8663.  
  8664.  
  8665.  
  8666.  
  8667.  
  8668.  
  8669.  
  8670.  
  8671.  
  8672.  
  8673.  
  8674.  
  8675.  
  8676.  
  8677.  
  8678.  
  8679.  
  8680. </div></div></div><div class="fe-block fe-block-98d6a723c4b469b2416e"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" data-sqsp-block="button" id="block-98d6a723c4b469b2416e"><div class="sqs-block-content">
  8681.  
  8682. <div
  8683.  class="sqs-block-button-container sqs-block-button-container--left"
  8684.  data-animation-role="button"
  8685.  data-alignment="left"
  8686.  data-button-size="large"
  8687.  data-button-type="secondary"
  8688. >
  8689.  <a
  8690.    href="/barn-doors"
  8691.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  8692.    data-sqsp-button
  8693.    
  8694.  >
  8695.    See More
  8696.  </a>
  8697. </div>
  8698. </div></div></div></div></div>
  8699.    </div>
  8700.  
  8701.  </div>
  8702.  
  8703. </section>
  8704.  
  8705.  
  8706.    
  8707.    
  8708.  
  8709.  
  8710.  
  8711.  
  8712.  
  8713.  
  8714. <section
  8715.  data-test="page-section"
  8716.  
  8717.  data-section-theme=""
  8718.  class='page-section
  8719.    
  8720.      full-bleed-section
  8721.      layout-engine-section
  8722.    
  8723.    background-width--full-bleed
  8724.    
  8725.      
  8726.        section-height--custom
  8727.      
  8728.    
  8729.    
  8730.      content-width--wide
  8731.    
  8732.    horizontal-alignment--center
  8733.    vertical-alignment--middle
  8734.    
  8735.      
  8736.    
  8737.    
  8738.    '
  8739.  
  8740.  data-section-id="63763b67271fd25596ed9afe"
  8741.  
  8742.  data-controller="SectionWrapperController"
  8743.  data-current-styles="{
  8744. &quot;imageOverlayOpacity&quot;: 0.15,
  8745. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  8746. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  8747. &quot;customSectionHeight&quot;: 0,
  8748. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  8749. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  8750. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  8751. &quot;customContentWidth&quot;: 50,
  8752. &quot;sectionTheme&quot;: &quot;&quot;,
  8753. &quot;sectionAnimation&quot;: &quot;none&quot;,
  8754. &quot;backgroundMode&quot;: &quot;image&quot;
  8755. }"
  8756.  data-current-context="{
  8757. &quot;video&quot;: {
  8758. &quot;playbackSpeed&quot;: 0.5,
  8759. &quot;filter&quot;: 1,
  8760. &quot;filterStrength&quot;: 0,
  8761. &quot;zoom&quot;: 0,
  8762. &quot;videoSourceProvider&quot;: &quot;none&quot;
  8763. },
  8764. &quot;backgroundImageId&quot;: null,
  8765. &quot;backgroundMediaEffect&quot;: {
  8766. &quot;type&quot;: &quot;none&quot;
  8767. },
  8768. &quot;divider&quot;: null,
  8769. &quot;typeName&quot;: &quot;page&quot;
  8770. }"
  8771.  data-animation="none"
  8772.  data-fluid-engine-section
  8773.  
  8774.  
  8775.  
  8776. >
  8777.  <div
  8778.    class="section-border"
  8779.    
  8780.  >
  8781.    <div class="section-background">
  8782.    
  8783.      
  8784.    
  8785.    </div>
  8786.  </div>
  8787.  <div
  8788.    class='content-wrapper'
  8789.    style='
  8790.      
  8791.        
  8792.          
  8793.          
  8794.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  8795.        
  8796.      
  8797.    '
  8798.  >
  8799.    <div
  8800.      class="content"
  8801.      
  8802.    >
  8803.      
  8804.      
  8805.      
  8806.      
  8807.      
  8808.      
  8809.      
  8810.      
  8811.      <div data-fluid-engine="true"><style>
  8812.  
  8813. .fe-63763b680e981f5974c9c2a8 {
  8814.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  8815.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
  8816.  
  8817.  display: grid;
  8818.  position: relative;
  8819.  grid-area: 1/1/-1/-1;
  8820.  grid-template-rows: repeat(14,minmax(24px, auto));
  8821.  grid-template-columns:
  8822.    minmax(var(--grid-gutter), 1fr)
  8823.    repeat(8, minmax(0, var(--cell-max-width)))
  8824.    minmax(var(--grid-gutter), 1fr);
  8825.  row-gap: 11.0px;
  8826.  column-gap: 11.0px;
  8827. }
  8828.  
  8829. @media (min-width: 768px) {
  8830.  .background-width--inset .fe-63763b680e981f5974c9c2a8 {
  8831.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  8832.  }
  8833.  
  8834.  .fe-63763b680e981f5974c9c2a8 {
  8835.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
  8836.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
  8837.    --inset-padding: 0vw;
  8838.  
  8839.    --row-height-scaling-factor: 0.0215;
  8840.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  8841.  
  8842.    grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  8843.    grid-template-columns:
  8844.      minmax(var(--grid-gutter), 1fr)
  8845.      repeat(24, minmax(0, var(--cell-max-width)))
  8846.      minmax(var(--grid-gutter), 1fr);
  8847.  }
  8848. }
  8849.  
  8850.  
  8851.  .fe-block-yui_3_17_2_1_1668691615261_33471 {
  8852.    grid-area: 2/2/15/10;
  8853.    z-index: 1;
  8854.  
  8855.    @media (max-width: 767px) {
  8856.      
  8857.      
  8858.    }
  8859.  }
  8860.  
  8861.  .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block {
  8862.    justify-content: flex-start;
  8863.  }
  8864.  
  8865.  .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block-alignment-wrapper {
  8866.    align-items: flex-start;
  8867.  }
  8868.  
  8869.  @media (min-width: 768px) {
  8870.    .fe-block-yui_3_17_2_1_1668691615261_33471 {
  8871.      grid-area: 3/2/14/26;
  8872.      z-index: 1;
  8873.  
  8874.      
  8875.  
  8876.      
  8877.    }
  8878.  
  8879.    .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block {
  8880.      justify-content: flex-start;
  8881.    }
  8882.  
  8883.    .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block-alignment-wrapper {
  8884.      align-items: flex-start;
  8885.    }
  8886.  }
  8887.  
  8888. </style><div class="fluid-engine fe-63763b680e981f5974c9c2a8"><div class="fe-block fe-block-yui_3_17_2_1_1668691615261_33471"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-yui_3_17_2_1_1668691615261_33471"><div class="sqs-block-content">
  8889.  
  8890. <div class="sqs-html-content">
  8891.  <h2 style="white-space:pre-wrap;">Interior Door and Closet Design Experts</h2><p class="" style="white-space:pre-wrap;">As your closet door installer, our design knowledge begins by analyzing your personal preferences for furnishings and décor as well as the architectural style of your house. Next, we determine your family's demands and functional needs. We can help you choose the right style, finish, and accessories for your new internal <a href="/interior-doors/glass-doors">glass interior doors</a>, closet doors, <a href="/barn-doors/glass-mirrored-doors">barn doors</a>, and organizers by evaluating these two essential factors. We take great satisfaction in having one of the most convenient and quick processes in the business, as well as courteous and skilled craftsmen for optimal sliding closet door installation.</p><p class="" style="white-space:pre-wrap;">Everything is done in-house, including the labor-intensive cutting, sanding, priming, and painting your new doors. The inconvenience to your family is minimal, and there is no mess left behind in your home, unlike other door replacement services. The same week after measuring and removing your old doors, we come back to install your lovely new completed doors. Our standard door or <a href="/organizers">closet organizer</a> installation in your home takes one day because the work is completed at our facilities.</p>
  8892. </div>
  8893.  
  8894.  
  8895.  
  8896.  
  8897.  
  8898.  
  8899.  
  8900.  
  8901.  
  8902.  
  8903.  
  8904.  
  8905.  
  8906.  
  8907.  
  8908.  
  8909.  
  8910.  
  8911.  
  8912.  
  8913.  
  8914.  
  8915.  
  8916.  
  8917.  
  8918. </div></div></div></div></div>
  8919.    </div>
  8920.  
  8921.  </div>
  8922.  
  8923. </section>
  8924.  
  8925.  
  8926.    
  8927.    
  8928.  
  8929.  
  8930.  
  8931.  
  8932.  
  8933.  
  8934. <section
  8935.  data-test="page-section"
  8936.  
  8937.  data-section-theme="dark"
  8938.  class='page-section
  8939.    
  8940.      user-items-list-section
  8941.      full-bleed-section
  8942.    
  8943.    
  8944.    
  8945.      
  8946.    
  8947.    
  8948.      
  8949.    
  8950.    
  8951.    
  8952.    
  8953.    
  8954.    dark'
  8955.  
  8956.  data-section-id="62e7b6368b3184307aa195d5"
  8957.  
  8958.  data-controller="SectionWrapperController"
  8959.  data-current-styles="{
  8960. &quot;imageFocalPoint&quot;: {
  8961. &quot;x&quot;: 0.5,
  8962. &quot;y&quot;: 0.5
  8963. },
  8964. &quot;imageOverlayOpacity&quot;: 0.3,
  8965. &quot;sectionTheme&quot;: &quot;dark&quot;,
  8966. &quot;imageEffect&quot;: &quot;none&quot;,
  8967. &quot;backgroundMode&quot;: &quot;generative&quot;,
  8968. &quot;backgroundColor&quot;: &quot;white&quot;,
  8969. &quot;backgroundImage&quot;: null
  8970. }"
  8971.  data-current-context="{
  8972. &quot;video&quot;: {
  8973. &quot;filter&quot;: 1,
  8974. &quot;videoFallbackContentItem&quot;: null,
  8975. &quot;nativeVideoContentItem&quot;: null,
  8976. &quot;videoSourceProvider&quot;: &quot;none&quot;
  8977. },
  8978. &quot;backgroundImageId&quot;: null,
  8979. &quot;backgroundMediaEffect&quot;: {
  8980. &quot;type&quot;: &quot;none&quot;
  8981. },
  8982. &quot;divider&quot;: {
  8983. &quot;enabled&quot;: false
  8984. },
  8985. &quot;typeName&quot;: &quot;page&quot;
  8986. }"
  8987.  data-animation=""
  8988.  
  8989.  data-json-schema-section
  8990.  
  8991.  
  8992. >
  8993.  <div
  8994.    class="section-border"
  8995.    
  8996.  >
  8997.    <div class="section-background">
  8998.    
  8999.      
  9000.    
  9001.    </div>
  9002.  </div>
  9003.  <div
  9004.    class='content-wrapper'
  9005.    style='
  9006.      
  9007.        
  9008.      
  9009.    '
  9010.  >
  9011.    <div
  9012.      class="content"
  9013.      
  9014.    >
  9015.      
  9016.      
  9017.      
  9018.      
  9019.      
  9020.      
  9021.      
  9022.        
  9023.  
  9024.  
  9025.  
  9026.  
  9027.  
  9028.  
  9029.  
  9030.  
  9031.  
  9032.  
  9033.  
  9034.  
  9035.  
  9036.  
  9037.  
  9038.  
  9039.  
  9040.  
  9041. <div
  9042.  class="user-items-list"
  9043.  style="
  9044.    min-height: 100px;
  9045.    padding-top: 3.3vmax;
  9046.    padding-bottom: 3.3vmax;
  9047.    "
  9048.  data-card-theme=""
  9049.  data-section-id="user-items-list"
  9050.  data-section-title-enabled="true"
  9051.  data-space-below-section-title-value="40"
  9052.  data-space-below-section-title-unit="px"
  9053.  data-layout-width="inset"
  9054. >
  9055.  
  9056.    
  9057.    <div class="list-section-title"
  9058.      id="62e7b6368b3184307aa195d5"
  9059.      style= "padding-bottom: 40px;"
  9060.      data-section-title-alignment="center"
  9061.    >
  9062.      <p class="" style="white-space:pre-wrap;">Testimonials</p>
  9063.    </div>
  9064.  
  9065.  
  9066.  
  9067.  
  9068.  
  9069.  
  9070.  
  9071.    
  9072.  
  9073.  
  9074.  
  9075.  
  9076.  
  9077.  
  9078.  
  9079.  
  9080.  
  9081.  
  9082.  
  9083.  
  9084.  
  9085.  
  9086.  
  9087.  
  9088.  
  9089.  
  9090.  
  9091.  
  9092.  
  9093.  
  9094.  
  9095.  
  9096.  
  9097.  
  9098.  
  9099.  
  9100.  
  9101.  
  9102.  
  9103.  
  9104.  
  9105.  
  9106.  
  9107.  
  9108.  
  9109.  
  9110.  
  9111.  
  9112.  
  9113.  
  9114.  
  9115.  
  9116.  
  9117.  
  9118.  
  9119.  
  9120. <style>
  9121.  .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] .list-item-content__title {
  9122.    font-size: 1.2rem;
  9123.  }
  9124.  .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] .list-item-content__description {
  9125.    font-size: 0.9rem;
  9126.  }
  9127.  .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] .list-item-content__button {
  9128.    font-size: 0.8rem;
  9129.  }
  9130.  
  9131.  @supports (--test-custom-property: true) {
  9132.    .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] {
  9133.      --title-font-size-value: 1.2;
  9134.      --body-font-size-value: 0.9;
  9135.      --button-font-size-value: 0.8;
  9136.    }
  9137.  }
  9138. </style>
  9139.  
  9140.  
  9141. <div
  9142.  class="
  9143.    user-items-list-item-container
  9144.    user-items-list-carousel
  9145.  "
  9146.  data-controller="UserItemsListCarousel"
  9147.  data-max-columns="2"
  9148.  data-show-adjacent-slides="false"
  9149.  data-space-between-slides-value="20"
  9150.  data-space-between-slides-unit="px"
  9151.  data-media-aspect-ratio="circle"
  9152.  data-is-infinite-enabled="true"
  9153.  data-navigation-controls="arrows"
  9154.  data-navigation-placement="bottom"
  9155.  data-navigation-alignment="center"
  9156.  data-alignment-vertical="top"
  9157.  data-section-id="62e7b6368b3184307aa195d5"
  9158.  data-current-context="{
  9159. &quot;userItems&quot;: [ {
  9160. &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;,
  9161. &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;,
  9162. &quot;button&quot;: {
  9163. &quot;buttonText&quot;: &quot;Make It&quot;,
  9164. &quot;buttonLink&quot;: &quot;#&quot;
  9165. },
  9166. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195cb&quot;,
  9167. &quot;image&quot;: {
  9168. &quot;id&quot;: &quot;62e7b6368b3184307aa195cb&quot;,
  9169. &quot;recordType&quot;: 2,
  9170. &quot;addedOn&quot;: 1656693471823,
  9171. &quot;updatedOn&quot;: 1656694079038,
  9172. &quot;starred&quot;: false,
  9173. &quot;passthrough&quot;: false,
  9174. &quot;workflowState&quot;: 1,
  9175. &quot;publishOn&quot;: 1656693471823,
  9176. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9177. &quot;systemDataId&quot;: &quot;1615225337376-36JM1AX4C0NIC32WNXXU&quot;,
  9178. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9179. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9180. &quot;filename&quot;: &quot;Rectangle 26.jpg&quot;,
  9181. &quot;mediaFocalPoint&quot;: {
  9182. &quot;x&quot;: 0.5,
  9183. &quot;y&quot;: 0.5,
  9184. &quot;source&quot;: 3
  9185. },
  9186. &quot;colorData&quot;: {
  9187. &quot;topLeftAverage&quot;: &quot;969994&quot;,
  9188. &quot;topRightAverage&quot;: &quot;584435&quot;,
  9189. &quot;bottomLeftAverage&quot;: &quot;7e756e&quot;,
  9190. &quot;bottomRightAverage&quot;: &quot;75736e&quot;,
  9191. &quot;centerAverage&quot;: &quot;af8572&quot;,
  9192. &quot;suggestedBgColor&quot;: &quot;989e9a&quot;
  9193. },
  9194. &quot;urlId&quot;: &quot;vrfn569cj6y6y8c243elk4vp2k0dmi-j64e7&quot;,
  9195. &quot;title&quot;: &quot;&quot;,
  9196. &quot;body&quot;: null,
  9197. &quot;likeCount&quot;: 0,
  9198. &quot;commentCount&quot;: 0,
  9199. &quot;publicCommentCount&quot;: 0,
  9200. &quot;commentState&quot;: 2,
  9201. &quot;unsaved&quot;: false,
  9202. &quot;author&quot;: {
  9203. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9204. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  9205. &quot;firstName&quot;: &quot;Marlon&quot;,
  9206. &quot;lastName&quot;: &quot;Alcantara&quot;,
  9207. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  9208. &quot;bio&quot;: &quot;&quot;,
  9209. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;
  9210. },
  9211. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225337376-36JM1AX4C0NIC32WNXXU/Rectangle+26.jpg&quot;,
  9212. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  9213. &quot;items&quot;: [ ],
  9214. &quot;pushedServices&quot;: { },
  9215. &quot;pendingPushedServices&quot;: { },
  9216. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  9217. &quot;recordTypeLabel&quot;: &quot;image&quot;
  9218. }
  9219. }, {
  9220. &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;,
  9221. &quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;~ David J.&lt;\/p&gt;&quot;,
  9222. &quot;button&quot;: {
  9223. &quot;buttonText&quot;: &quot;Make It&quot;
  9224. },
  9225. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195ce&quot;,
  9226. &quot;image&quot;: {
  9227. &quot;id&quot;: &quot;62e7b6368b3184307aa195ce&quot;,
  9228. &quot;recordType&quot;: 2,
  9229. &quot;addedOn&quot;: 1656693504842,
  9230. &quot;updatedOn&quot;: 1656694079047,
  9231. &quot;starred&quot;: false,
  9232. &quot;passthrough&quot;: false,
  9233. &quot;workflowState&quot;: 1,
  9234. &quot;publishOn&quot;: 1656693504842,
  9235. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9236. &quot;systemDataId&quot;: &quot;1615225123989-3AGGEWNOKB8XK6YRH6A9&quot;,
  9237. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9238. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9239. &quot;filename&quot;: &quot;Rectangle 25.jpg&quot;,
  9240. &quot;mediaFocalPoint&quot;: {
  9241. &quot;x&quot;: 0.5,
  9242. &quot;y&quot;: 0.5,
  9243. &quot;source&quot;: 3
  9244. },
  9245. &quot;colorData&quot;: {
  9246. &quot;topLeftAverage&quot;: &quot;c5c7c6&quot;,
  9247. &quot;topRightAverage&quot;: &quot;d2d6d9&quot;,
  9248. &quot;bottomLeftAverage&quot;: &quot;9ea4a6&quot;,
  9249. &quot;bottomRightAverage&quot;: &quot;9fa9af&quot;,
  9250. &quot;centerAverage&quot;: &quot;bf907e&quot;,
  9251. &quot;suggestedBgColor&quot;: &quot;c5c7c6&quot;
  9252. },
  9253. &quot;urlId&quot;: &quot;jugvkzkjivzvtpqal7ancp1db8ky1v-d8xyl&quot;,
  9254. &quot;title&quot;: &quot;&quot;,
  9255. &quot;body&quot;: null,
  9256. &quot;likeCount&quot;: 0,
  9257. &quot;commentCount&quot;: 0,
  9258. &quot;publicCommentCount&quot;: 0,
  9259. &quot;commentState&quot;: 2,
  9260. &quot;unsaved&quot;: false,
  9261. &quot;author&quot;: {
  9262. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9263. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  9264. &quot;firstName&quot;: &quot;Marlon&quot;,
  9265. &quot;lastName&quot;: &quot;Alcantara&quot;,
  9266. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  9267. &quot;bio&quot;: &quot;&quot;,
  9268. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;
  9269. },
  9270. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225123989-3AGGEWNOKB8XK6YRH6A9/Rectangle+25.jpg&quot;,
  9271. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  9272. &quot;items&quot;: [ ],
  9273. &quot;pushedServices&quot;: { },
  9274. &quot;pendingPushedServices&quot;: { },
  9275. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  9276. &quot;recordTypeLabel&quot;: &quot;image&quot;
  9277. }
  9278. }, {
  9279. &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;,
  9280. &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;,
  9281. &quot;button&quot;: {
  9282. &quot;buttonText&quot;: &quot;Make It&quot;
  9283. },
  9284. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195d1&quot;,
  9285. &quot;image&quot;: {
  9286. &quot;id&quot;: &quot;62e7b6368b3184307aa195d1&quot;,
  9287. &quot;recordType&quot;: 2,
  9288. &quot;addedOn&quot;: 1656693525362,
  9289. &quot;updatedOn&quot;: 1656694079054,
  9290. &quot;starred&quot;: false,
  9291. &quot;passthrough&quot;: false,
  9292. &quot;workflowState&quot;: 1,
  9293. &quot;publishOn&quot;: 1656693525362,
  9294. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9295. &quot;systemDataId&quot;: &quot;1615225350677-B3YBA0I530Q8W9125BX3&quot;,
  9296. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9297. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9298. &quot;filename&quot;: &quot;Rectangle 27.jpg&quot;,
  9299. &quot;mediaFocalPoint&quot;: {
  9300. &quot;x&quot;: 0.5,
  9301. &quot;y&quot;: 0.5,
  9302. &quot;source&quot;: 3
  9303. },
  9304. &quot;colorData&quot;: {
  9305. &quot;topLeftAverage&quot;: &quot;868e7e&quot;,
  9306. &quot;topRightAverage&quot;: &quot;475538&quot;,
  9307. &quot;bottomLeftAverage&quot;: &quot;9e988a&quot;,
  9308. &quot;bottomRightAverage&quot;: &quot;586047&quot;,
  9309. &quot;centerAverage&quot;: &quot;cea194&quot;,
  9310. &quot;suggestedBgColor&quot;: &quot;848c7d&quot;
  9311. },
  9312. &quot;urlId&quot;: &quot;ras78oa5af9eea07ppvxpljawj6nio-792ab&quot;,
  9313. &quot;title&quot;: &quot;&quot;,
  9314. &quot;body&quot;: null,
  9315. &quot;likeCount&quot;: 0,
  9316. &quot;commentCount&quot;: 0,
  9317. &quot;publicCommentCount&quot;: 0,
  9318. &quot;commentState&quot;: 2,
  9319. &quot;unsaved&quot;: false,
  9320. &quot;author&quot;: {
  9321. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9322. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  9323. &quot;firstName&quot;: &quot;Marlon&quot;,
  9324. &quot;lastName&quot;: &quot;Alcantara&quot;,
  9325. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  9326. &quot;bio&quot;: &quot;&quot;,
  9327. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;
  9328. },
  9329. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225350677-B3YBA0I530Q8W9125BX3/Rectangle+27.jpg&quot;,
  9330. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  9331. &quot;items&quot;: [ ],
  9332. &quot;pushedServices&quot;: { },
  9333. &quot;pendingPushedServices&quot;: { },
  9334. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  9335. &quot;recordTypeLabel&quot;: &quot;image&quot;
  9336. }
  9337. }, {
  9338. &quot;title&quot;: &quot;\&quot;We were happy with everyone we met from your company and especially pleased with our new doors.\&quot;&quot;,
  9339. &quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;~ Doug K.&lt;\/p&gt;&quot;,
  9340. &quot;button&quot;: {
  9341. &quot;buttonText&quot;: &quot;Make It&quot;
  9342. },
  9343. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195d4&quot;,
  9344. &quot;image&quot;: {
  9345. &quot;id&quot;: &quot;62e7b6368b3184307aa195d4&quot;,
  9346. &quot;recordType&quot;: 2,
  9347. &quot;addedOn&quot;: 1656693557279,
  9348. &quot;updatedOn&quot;: 1656694079062,
  9349. &quot;starred&quot;: false,
  9350. &quot;passthrough&quot;: false,
  9351. &quot;workflowState&quot;: 1,
  9352. &quot;publishOn&quot;: 1656693557279,
  9353. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9354. &quot;systemDataId&quot;: &quot;1615225322403-8M32U1NK41JYCCJQCWP7&quot;,
  9355. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9356. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9357. &quot;filename&quot;: &quot;Rectangle 25.jpg&quot;,
  9358. &quot;mediaFocalPoint&quot;: {
  9359. &quot;x&quot;: 0.5,
  9360. &quot;y&quot;: 0.5,
  9361. &quot;source&quot;: 3
  9362. },
  9363. &quot;colorData&quot;: {
  9364. &quot;topLeftAverage&quot;: &quot;c5c7c6&quot;,
  9365. &quot;topRightAverage&quot;: &quot;d2d6d9&quot;,
  9366. &quot;bottomLeftAverage&quot;: &quot;9ea4a6&quot;,
  9367. &quot;bottomRightAverage&quot;: &quot;9ea8b0&quot;,
  9368. &quot;centerAverage&quot;: &quot;c18f7d&quot;,
  9369. &quot;suggestedBgColor&quot;: &quot;c5c7c6&quot;
  9370. },
  9371. &quot;urlId&quot;: &quot;n2z4r6bf1ghjzh8mhpzriaca2op5u6-s5ff2&quot;,
  9372. &quot;title&quot;: &quot;&quot;,
  9373. &quot;body&quot;: null,
  9374. &quot;likeCount&quot;: 0,
  9375. &quot;commentCount&quot;: 0,
  9376. &quot;publicCommentCount&quot;: 0,
  9377. &quot;commentState&quot;: 2,
  9378. &quot;unsaved&quot;: false,
  9379. &quot;author&quot;: {
  9380. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9381. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  9382. &quot;firstName&quot;: &quot;Marlon&quot;,
  9383. &quot;lastName&quot;: &quot;Alcantara&quot;,
  9384. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  9385. &quot;bio&quot;: &quot;&quot;,
  9386. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;
  9387. },
  9388. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225322403-8M32U1NK41JYCCJQCWP7/Rectangle+25.jpg&quot;,
  9389. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  9390. &quot;items&quot;: [ ],
  9391. &quot;pushedServices&quot;: { },
  9392. &quot;pendingPushedServices&quot;: { },
  9393. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  9394. &quot;recordTypeLabel&quot;: &quot;image&quot;
  9395. }
  9396. } ],
  9397. &quot;styles&quot;: {
  9398. &quot;imageFocalPoint&quot;: {
  9399. &quot;x&quot;: 0.5,
  9400. &quot;y&quot;: 0.5
  9401. },
  9402. &quot;imageOverlayOpacity&quot;: 0.3,
  9403. &quot;sectionTheme&quot;: &quot;dark&quot;,
  9404. &quot;imageEffect&quot;: &quot;none&quot;,
  9405. &quot;backgroundMode&quot;: &quot;generative&quot;,
  9406. &quot;backgroundColor&quot;: &quot;white&quot;,
  9407. &quot;backgroundImage&quot;: null
  9408. },
  9409. &quot;video&quot;: {
  9410. &quot;filter&quot;: 1,
  9411. &quot;videoFallbackContentItem&quot;: null,
  9412. &quot;nativeVideoContentItem&quot;: null,
  9413. &quot;videoSourceProvider&quot;: &quot;none&quot;
  9414. },
  9415. &quot;backgroundImageFocalPoint&quot;: null,
  9416. &quot;backgroundImageId&quot;: null,
  9417. &quot;options&quot;: {
  9418. &quot;maxColumns&quot;: 2,
  9419. &quot;isCardEnabled&quot;: true,
  9420. &quot;isMediaEnabled&quot;: false,
  9421. &quot;isTitleEnabled&quot;: true,
  9422. &quot;isBodyEnabled&quot;: true,
  9423. &quot;isButtonEnabled&quot;: false,
  9424. &quot;isShowAdjacentSlides&quot;: false,
  9425. &quot;isInfiniteEnabled&quot;: true,
  9426. &quot;isAutoplayEnabled&quot;: false,
  9427. &quot;slideDurationMs&quot;: 1000,
  9428. &quot;mediaAspectRatio&quot;: &quot;circle&quot;,
  9429. &quot;layoutWidth&quot;: &quot;inset&quot;,
  9430. &quot;mediaWidth&quot;: {
  9431. &quot;value&quot;: 30,
  9432. &quot;unit&quot;: &quot;%&quot;
  9433. },
  9434. &quot;mediaAlignment&quot;: &quot;center&quot;,
  9435. &quot;contentWidth&quot;: {
  9436. &quot;value&quot;: 100,
  9437. &quot;unit&quot;: &quot;%&quot;
  9438. },
  9439. &quot;titleAlignment&quot;: &quot;left&quot;,
  9440. &quot;bodyAlignment&quot;: &quot;left&quot;,
  9441. &quot;buttonAlignment&quot;: &quot;left&quot;,
  9442. &quot;titlePlacement&quot;: &quot;center&quot;,
  9443. &quot;bodyPlacement&quot;: &quot;center&quot;,
  9444. &quot;buttonPlacement&quot;: &quot;center&quot;,
  9445. &quot;cardVerticalAlignment&quot;: &quot;top&quot;,
  9446. &quot;contentOrder&quot;: &quot;media-first&quot;,
  9447. &quot;titleFontSize&quot;: &quot;heading-2&quot;,
  9448. &quot;bodyFontSize&quot;: &quot;paragraph-2&quot;,
  9449. &quot;buttonFontSize&quot;: &quot;button-medium&quot;,
  9450. &quot;customOptions&quot;: {
  9451. &quot;customTitleFontSize&quot;: {
  9452. &quot;value&quot;: 1.2,
  9453. &quot;unit&quot;: &quot;rem&quot;
  9454. },
  9455. &quot;customBodyFontSize&quot;: {
  9456. &quot;value&quot;: 0.9,
  9457. &quot;unit&quot;: &quot;rem&quot;
  9458. },
  9459. &quot;customButtonFontSize&quot;: {
  9460. &quot;value&quot;: 0.8,
  9461. &quot;unit&quot;: &quot;rem&quot;
  9462. }
  9463. },
  9464. &quot;verticalPaddingTop&quot;: {
  9465. &quot;value&quot;: 3.3,
  9466. &quot;unit&quot;: &quot;vmax&quot;
  9467. },
  9468. &quot;verticalPaddingBottom&quot;: {
  9469. &quot;value&quot;: 3.3,
  9470. &quot;unit&quot;: &quot;vmax&quot;
  9471. },
  9472. &quot;spaceBetweenSlides&quot;: {
  9473. &quot;value&quot;: 20,
  9474. &quot;unit&quot;: &quot;px&quot;
  9475. },
  9476. &quot;spaceBetweenContentAndMedia&quot;: {
  9477. &quot;value&quot;: 4,
  9478. &quot;unit&quot;: &quot;%&quot;
  9479. },
  9480. &quot;spaceBelowTitle&quot;: {
  9481. &quot;value&quot;: 1,
  9482. &quot;unit&quot;: &quot;%&quot;
  9483. },
  9484. &quot;spaceBelowBody&quot;: {
  9485. &quot;value&quot;: 4,
  9486. &quot;unit&quot;: &quot;%&quot;
  9487. },
  9488. &quot;cardPaddingTop&quot;: {
  9489. &quot;value&quot;: 6,
  9490. &quot;unit&quot;: &quot;%&quot;
  9491. },
  9492. &quot;cardPaddingRight&quot;: {
  9493. &quot;value&quot;: 6,
  9494. &quot;unit&quot;: &quot;%&quot;
  9495. },
  9496. &quot;cardPaddingBottom&quot;: {
  9497. &quot;value&quot;: 6,
  9498. &quot;unit&quot;: &quot;%&quot;
  9499. },
  9500. &quot;cardPaddingLeft&quot;: {
  9501. &quot;value&quot;: 6,
  9502. &quot;unit&quot;: &quot;%&quot;
  9503. },
  9504. &quot;navigationOffset&quot;: {
  9505. &quot;value&quot;: 5,
  9506. &quot;unit&quot;: &quot;vw&quot;
  9507. },
  9508. &quot;navigationControls&quot;: &quot;arrows&quot;,
  9509. &quot;navigationPlacement&quot;: &quot;bottom&quot;,
  9510. &quot;navigationAlignment&quot;: &quot;center&quot;,
  9511. &quot;spaceAboveNavigation&quot;: {
  9512. &quot;value&quot;: 30,
  9513. &quot;unit&quot;: &quot;px&quot;
  9514. },
  9515. &quot;progressIndicators&quot;: &quot;bars&quot;
  9516. },
  9517. &quot;layout&quot;: &quot;carousel&quot;,
  9518. &quot;isSectionTitleEnabled&quot;: true,
  9519. &quot;sectionTitle&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Testimonials&lt;\/p&gt;&quot;,
  9520. &quot;spaceBelowSectionTitle&quot;: {
  9521. &quot;value&quot;: 40,
  9522. &quot;unit&quot;: &quot;px&quot;
  9523. },
  9524. &quot;sectionTitleAlignment&quot;: &quot;center&quot;,
  9525. &quot;isSectionButtonEnabled&quot;: false,
  9526. &quot;sectionButton&quot;: {
  9527. &quot;buttonText&quot;: &quot;Make It&quot;,
  9528. &quot;buttonLink&quot;: &quot;#&quot;,
  9529. &quot;buttonNewWindow&quot;: false
  9530. },
  9531. &quot;sectionButtonSize&quot;: &quot;medium&quot;,
  9532. &quot;sectionButtonAlignment&quot;: &quot;center&quot;,
  9533. &quot;spaceAboveSectionButton&quot;: {
  9534. &quot;value&quot;: 40,
  9535. &quot;unit&quot;: &quot;px&quot;
  9536. }
  9537. }"
  9538.  data-media-alignment="center"
  9539.  data-title-alignment="left"
  9540.  data-body-alignment="left"
  9541.  data-button-alignment="left"
  9542.  data-title-placement="center"
  9543.  data-body-placement="center"
  9544.  data-button-placement="center"
  9545.  data-layout-width="inset"
  9546.  data-title-font-unit="rem"
  9547.  data-description-font-unit="rem"
  9548.  data-button-font-unit="rem"
  9549.  data-is-media-enabled="false"
  9550.  data-is-card-enabled="true"
  9551.  data-media-width-value="30"
  9552.  data-media-width-unit="%"
  9553.  data-content-order="media-first"
  9554.  data-space-between-columns=""
  9555.  data-vertical-padding-top-value="3.3"
  9556.  data-vertical-padding-bottom-value="3.3"
  9557.  data-vertical-padding-top-unit="vmax"
  9558.  data-vertical-padding-bottom-unit="vmax"
  9559. >
  9560.  <div
  9561.    class="user-items-list-carousel__gutter"
  9562.    role="region"
  9563.    aria-label="Carousel"
  9564.  >
  9565.    <div class="user-items-list-carousel__slideshow-holder">
  9566.  
  9567.      <div class="user-items-list-carousel__slides-revealer">
  9568.        <ul class="user-items-list-carousel__slides" style="grid-gap: 20px;">
  9569.          
  9570.            
  9571.            <li class="
  9572.                  user-items-list-carousel__slide list-item
  9573.                  
  9574.                    list-item-basic-animation
  9575.                  
  9576.                "
  9577.                style="
  9578.                
  9579.                  padding-top: 6%;
  9580.                  padding-right: 6%;
  9581.                  padding-bottom: 6%;
  9582.                  padding-left: 6%;
  9583.                
  9584.              "
  9585.              data-is-card-enabled="true"
  9586.            >
  9587.              
  9588.                
  9589.              
  9590.              <div class="list-item-content">
  9591.  
  9592.                
  9593.                  <div class="list-item-content__text-wrapper">
  9594.  
  9595.                    
  9596.                      <h2
  9597.                        class="list-item-content__title"
  9598.                        style="max-width: 100%;"
  9599.                      >"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>
  9600.                    
  9601.  
  9602.                    
  9603.                        <div class="list-item-content__description
  9604.                          
  9605.                          "
  9606.                          style="
  9607.                            margin-top: 1%;
  9608.                            max-width: 100%;
  9609.                          "
  9610.                        ><p class="" style="white-space:pre-wrap;">~ Scott &amp; Kelly S.</p></div>
  9611.                    
  9612.  
  9613.                  </div>
  9614.                
  9615.  
  9616.                
  9617.  
  9618.              </div>
  9619.            </li>
  9620.          
  9621.            
  9622.            <li class="
  9623.                  user-items-list-carousel__slide list-item
  9624.                  
  9625.                    list-item-basic-animation
  9626.                  
  9627.                "
  9628.                style="
  9629.                
  9630.                  padding-top: 6%;
  9631.                  padding-right: 6%;
  9632.                  padding-bottom: 6%;
  9633.                  padding-left: 6%;
  9634.                
  9635.              "
  9636.              data-is-card-enabled="true"
  9637.            >
  9638.              
  9639.                
  9640.              
  9641.              <div class="list-item-content">
  9642.  
  9643.                
  9644.                  <div class="list-item-content__text-wrapper">
  9645.  
  9646.                    
  9647.                      <h2
  9648.                        class="list-item-content__title"
  9649.                        style="max-width: 100%;"
  9650.                      >"I just wanted to commend you on a project well done again, let your crews know we really appreciated their efforts."</h2>
  9651.                    
  9652.  
  9653.                    
  9654.                        <div class="list-item-content__description
  9655.                          
  9656.                          "
  9657.                          style="
  9658.                            margin-top: 1%;
  9659.                            max-width: 100%;
  9660.                          "
  9661.                        ><p class="" style="white-space:pre-wrap;">~ David J.</p></div>
  9662.                    
  9663.  
  9664.                  </div>
  9665.                
  9666.  
  9667.                
  9668.  
  9669.              </div>
  9670.            </li>
  9671.          
  9672.            
  9673.            <li class="
  9674.                  user-items-list-carousel__slide list-item
  9675.                  
  9676.                    list-item-basic-animation
  9677.                  
  9678.                "
  9679.                style="
  9680.                
  9681.                  padding-top: 6%;
  9682.                  padding-right: 6%;
  9683.                  padding-bottom: 6%;
  9684.                  padding-left: 6%;
  9685.                
  9686.              "
  9687.              data-is-card-enabled="true"
  9688.            >
  9689.              
  9690.                
  9691.              
  9692.              <div class="list-item-content">
  9693.  
  9694.                
  9695.                  <div class="list-item-content__text-wrapper">
  9696.  
  9697.                    
  9698.                      <h2
  9699.                        class="list-item-content__title"
  9700.                        style="max-width: 100%;"
  9701.                      >"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>
  9702.                    
  9703.  
  9704.                    
  9705.                        <div class="list-item-content__description
  9706.                          
  9707.                          "
  9708.                          style="
  9709.                            margin-top: 1%;
  9710.                            max-width: 100%;
  9711.                          "
  9712.                        ><p class="" style="white-space:pre-wrap;">~ Lorraine &amp; Arnie M.</p></div>
  9713.                    
  9714.  
  9715.                  </div>
  9716.                
  9717.  
  9718.                
  9719.  
  9720.              </div>
  9721.            </li>
  9722.          
  9723.            
  9724.            <li class="
  9725.                  user-items-list-carousel__slide list-item
  9726.                  
  9727.                    list-item-basic-animation
  9728.                  
  9729.                "
  9730.                style="
  9731.                
  9732.                  padding-top: 6%;
  9733.                  padding-right: 6%;
  9734.                  padding-bottom: 6%;
  9735.                  padding-left: 6%;
  9736.                
  9737.              "
  9738.              data-is-card-enabled="true"
  9739.            >
  9740.              
  9741.                
  9742.              
  9743.              <div class="list-item-content">
  9744.  
  9745.                
  9746.                  <div class="list-item-content__text-wrapper">
  9747.  
  9748.                    
  9749.                      <h2
  9750.                        class="list-item-content__title"
  9751.                        style="max-width: 100%;"
  9752.                      >"We were happy with everyone we met from your company and especially pleased with our new doors."</h2>
  9753.                    
  9754.  
  9755.                    
  9756.                        <div class="list-item-content__description
  9757.                          
  9758.                          "
  9759.                          style="
  9760.                            margin-top: 1%;
  9761.                            max-width: 100%;
  9762.                          "
  9763.                        ><p class="" style="white-space:pre-wrap;">~ Doug K.</p></div>
  9764.                    
  9765.  
  9766.                  </div>
  9767.                
  9768.  
  9769.                
  9770.  
  9771.              </div>
  9772.            </li>
  9773.          
  9774.        </ul>
  9775.      </div>
  9776.  
  9777.    </div>
  9778.  
  9779.    
  9780.      
  9781.    
  9782.  
  9783.    <div class="mobile-arrows">
  9784.      <button
  9785.  class="
  9786.    mobile-arrow-button
  9787.    mobile-arrow-button--left
  9788.  "
  9789.  aria-label="
  9790.    
  9791.      Previous
  9792.    
  9793.    
  9794.  "
  9795.  data-animation-role="button"
  9796. >
  9797.  <div class="
  9798.    user-items-list-carousel__arrow-icon-background
  9799.    mobile-arrow-icon-background-area
  9800.  ">
  9801.  </div>
  9802.  <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg">
  9803.  
  9804.    
  9805.      <path class="user-items-list-carousel__arrow-icon-foreground
  9806.        mobile-arrow-icon-path"
  9807.        d="M7.87012 13L2.00021 7L7.87012 1" stroke-width="2" fill="none"
  9808.      />
  9809.      <path class="user-items-list-carousel__arrow-icon-foreground
  9810.        mobile-arrow-icon-path"
  9811.        d="M22.9653 7L3.03948 7" stroke-width="2" stroke-linecap="square" fill="none"
  9812.      />
  9813.    
  9814.  
  9815.    
  9816.  
  9817.  </svg>
  9818. </button>
  9819.  
  9820.      <button
  9821.  class="
  9822.    mobile-arrow-button
  9823.    mobile-arrow-button--right
  9824.  "
  9825.  aria-label="
  9826.    
  9827.    
  9828.      Next
  9829.    
  9830.  "
  9831.  data-animation-role="button"
  9832. >
  9833.  <div class="
  9834.    user-items-list-carousel__arrow-icon-background
  9835.    mobile-arrow-icon-background-area
  9836.  ">
  9837.  </div>
  9838.  <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg">
  9839.  
  9840.    
  9841.  
  9842.    
  9843.      <path class="user-items-list-carousel__arrow-icon-foreground
  9844.        mobile-arrow-icon-path"
  9845.        d="M16.1299 1L21.9998 7L16.1299 13" stroke-width="2" fill="none"
  9846.      />
  9847.      <path class="user-items-list-carousel__arrow-icon-foreground
  9848.        mobile-arrow-icon-path"
  9849.        d="M1.03472 7H20.9605" stroke-width="2" stroke-linecap="square" fill="none"
  9850.      />
  9851.    
  9852.  
  9853.  </svg>
  9854. </button>
  9855.  
  9856.    </div>
  9857.  
  9858.  </div>
  9859.  
  9860.  
  9861.    
  9862.      <div
  9863.        class="desktop-arrows arrows-bottom-wrapper"
  9864.        style="margin-top: 30px;"
  9865.      >
  9866.        <div class="arrows-bottom">
  9867.          <button
  9868.  class="
  9869.    user-items-list-carousel__arrow-button
  9870.    user-items-list-carousel__arrow-button--left
  9871.  "
  9872.  aria-label="
  9873.    
  9874.      Previous
  9875.    
  9876.    
  9877.  "
  9878.  data-animation-role="button"
  9879. >
  9880.  <div class="
  9881.    user-items-list-carousel__arrow-icon-background
  9882.    user-items-list-carousel__arrow-icon-background-area
  9883.  ">
  9884.  </div>
  9885.  <svg class="user-items-list-carousel__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg">
  9886.  
  9887.    
  9888.      <path class="user-items-list-carousel__arrow-icon-foreground
  9889.        user-items-list-carousel__arrow-icon-path"
  9890.        d="M9.90649 16.96L2.1221 9.17556L9.9065 1.39116"
  9891.      />
  9892.      <path class="user-items-list-carousel__arrow-icon-foreground
  9893.        user-items-list-carousel__arrow-icon-path"
  9894.        d="M42.8633 9.18125L3.37868 9.18125"
  9895.      />
  9896.    
  9897.  
  9898.    
  9899.  
  9900.  </svg>
  9901. </button>
  9902.  
  9903.          <button
  9904.  class="
  9905.    user-items-list-carousel__arrow-button
  9906.    user-items-list-carousel__arrow-button--right
  9907.  "
  9908.  aria-label="
  9909.    
  9910.    
  9911.      Next
  9912.    
  9913.  "
  9914.  data-animation-role="button"
  9915. >
  9916.  <div class="
  9917.    user-items-list-carousel__arrow-icon-background
  9918.    user-items-list-carousel__arrow-icon-background-area
  9919.  ">
  9920.  </div>
  9921.  <svg class="user-items-list-carousel__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg">
  9922.  
  9923.    
  9924.  
  9925.    
  9926.      <path class="user-items-list-carousel__arrow-icon-foreground
  9927.        user-items-list-carousel__arrow-icon-path"
  9928.        d="M34.1477 1.39111L41.9321 9.17551L34.1477 16.9599"
  9929.      />
  9930.      <path class="user-items-list-carousel__arrow-icon-foreground
  9931.        user-items-list-carousel__arrow-icon-path"
  9932.        d="M1.19088 9.16982H40.6755"
  9933.      />
  9934.    
  9935.  
  9936.  </svg>
  9937. </button>
  9938.  
  9939.        </div>
  9940.      </div>
  9941.    
  9942.  
  9943.  
  9944. </div>
  9945.  
  9946.  
  9947.  
  9948.  
  9949. </div>
  9950.  
  9951.      
  9952.      
  9953.      
  9954.    </div>
  9955.  
  9956.    <button class='background-pause-button' aria-label="Pause Background"></button>
  9957. <button class='background-pause-button paused' aria-label="Play Background"></button>
  9958.  
  9959.  
  9960.  </div>
  9961.  
  9962. </section>
  9963.  
  9964.  
  9965. </article>
  9966.  
  9967.  
  9968.          
  9969.  
  9970.          
  9971.            
  9972.          
  9973.        
  9974.      </main>
  9975.      
  9976.        <footer class="sections" id="footer-sections" data-footer-sections>
  9977.  
  9978.  
  9979.  
  9980.  
  9981.  
  9982.  
  9983.    
  9984.    
  9985.  
  9986.  
  9987.  
  9988.  
  9989.  
  9990.  
  9991. <section
  9992.  data-test="page-section"
  9993.  
  9994.  data-section-theme="dark-bold"
  9995.  class='page-section
  9996.    
  9997.      full-bleed-section
  9998.      layout-engine-section
  9999.    
  10000.    background-width--full-bleed
  10001.    
  10002.      
  10003.        section-height--custom
  10004.      
  10005.    
  10006.    
  10007.      content-width--wide
  10008.    
  10009.    horizontal-alignment--center
  10010.    vertical-alignment--middle
  10011.    
  10012.      
  10013.    
  10014.    
  10015.    dark-bold'
  10016.  
  10017.  data-section-id="62e8c575fd657a5d285fce5a"
  10018.  
  10019.  data-controller="SectionWrapperController"
  10020.  data-current-styles="{
  10021. &quot;imageOverlayOpacity&quot;: 0.15,
  10022. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  10023. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  10024. &quot;customSectionHeight&quot;: 0,
  10025. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  10026. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  10027. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  10028. &quot;customContentWidth&quot;: 50,
  10029. &quot;sectionTheme&quot;: &quot;dark-bold&quot;,
  10030. &quot;sectionAnimation&quot;: &quot;none&quot;,
  10031. &quot;backgroundMode&quot;: &quot;image&quot;
  10032. }"
  10033.  data-current-context="{
  10034. &quot;video&quot;: {
  10035. &quot;playbackSpeed&quot;: 0.5,
  10036. &quot;filter&quot;: 1,
  10037. &quot;filterStrength&quot;: 0,
  10038. &quot;zoom&quot;: 0,
  10039. &quot;videoSourceProvider&quot;: &quot;none&quot;
  10040. },
  10041. &quot;backgroundImageId&quot;: null,
  10042. &quot;backgroundMediaEffect&quot;: null,
  10043. &quot;divider&quot;: null,
  10044. &quot;typeName&quot;: &quot;page&quot;
  10045. }"
  10046.  data-animation="none"
  10047.  data-fluid-engine-section
  10048.  
  10049.  
  10050.  
  10051. >
  10052.  <div
  10053.    class="section-border"
  10054.    
  10055.  >
  10056.    <div class="section-background">
  10057.    
  10058.      
  10059.    
  10060.    </div>
  10061.  </div>
  10062.  <div
  10063.    class='content-wrapper'
  10064.    style='
  10065.      
  10066.        
  10067.          
  10068.          
  10069.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  10070.        
  10071.      
  10072.    '
  10073.  >
  10074.    <div
  10075.      class="content"
  10076.      
  10077.    >
  10078.      
  10079.      
  10080.      
  10081.      
  10082.      
  10083.      
  10084.      
  10085.      
  10086.      <div data-fluid-engine="true"><style>
  10087.  
  10088. .fe-62e8c575fd657a5d285fce59 {
  10089.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  10090.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  10091.  
  10092.  display: grid;
  10093.  position: relative;
  10094.  grid-area: 1/1/-1/-1;
  10095.  grid-template-rows: repeat(31,minmax(24px, auto));
  10096.  grid-template-columns:
  10097.    minmax(var(--grid-gutter), 1fr)
  10098.    repeat(8, minmax(0, var(--cell-max-width)))
  10099.    minmax(var(--grid-gutter), 1fr);
  10100.  row-gap: 0.0px;
  10101.  column-gap: 0.0px;
  10102. }
  10103.  
  10104. @media (min-width: 768px) {
  10105.  .background-width--inset .fe-62e8c575fd657a5d285fce59 {
  10106.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  10107.  }
  10108.  
  10109.  .fe-62e8c575fd657a5d285fce59 {
  10110.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  10111.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  10112.    --inset-padding: 0vw;
  10113.  
  10114.    --row-height-scaling-factor: 0.0215;
  10115.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  10116.  
  10117.    grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  10118.    grid-template-columns:
  10119.      minmax(var(--grid-gutter), 1fr)
  10120.      repeat(24, minmax(0, var(--cell-max-width)))
  10121.      minmax(var(--grid-gutter), 1fr);
  10122.  }
  10123. }
  10124.  
  10125.  
  10126.  .fe-block-yui_3_17_2_1_1659352525951_142917 {
  10127.    grid-area: 2/4/5/8;
  10128.    z-index: 5;
  10129.  
  10130.    @media (max-width: 767px) {
  10131.      
  10132.      
  10133.    }
  10134.  }
  10135.  
  10136.  .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block {
  10137.    justify-content: center;
  10138.  }
  10139.  
  10140.  .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block-alignment-wrapper {
  10141.    align-items: center;
  10142.  }
  10143.  
  10144.  @media (min-width: 768px) {
  10145.    .fe-block-yui_3_17_2_1_1659352525951_142917 {
  10146.      grid-area: 3/3/7/7;
  10147.      z-index: 5;
  10148.  
  10149.      
  10150.  
  10151.      
  10152.    }
  10153.  
  10154.    .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block {
  10155.      justify-content: center;
  10156.    }
  10157.  
  10158.    .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block-alignment-wrapper {
  10159.      align-items: center;
  10160.    }
  10161.  }
  10162.  
  10163.  .fe-block-yui_3_17_2_1_1664442941035_10044 {
  10164.    grid-area: 5/3/8/9;
  10165.    z-index: 9;
  10166.  
  10167.    @media (max-width: 767px) {
  10168.      
  10169.      
  10170.    }
  10171.  }
  10172.  
  10173.  .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block {
  10174.    justify-content: flex-start;
  10175.  }
  10176.  
  10177.  .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block-alignment-wrapper {
  10178.    align-items: flex-start;
  10179.  }
  10180.  
  10181.  @media (min-width: 768px) {
  10182.    .fe-block-yui_3_17_2_1_1664442941035_10044 {
  10183.      grid-area: 7/2/10/8;
  10184.      z-index: 9;
  10185.  
  10186.      
  10187.  
  10188.      
  10189.    }
  10190.  
  10191.    .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block {
  10192.      justify-content: flex-start;
  10193.    }
  10194.  
  10195.    .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block-alignment-wrapper {
  10196.      align-items: flex-start;
  10197.    }
  10198.  }
  10199.  
  10200.  .fe-block-yui_3_17_2_1_1659685427321_812977 {
  10201.    grid-area: 19/2/21/6;
  10202.    z-index: 8;
  10203.  
  10204.    @media (max-width: 767px) {
  10205.      
  10206.      
  10207.    }
  10208.  }
  10209.  
  10210.  .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block {
  10211.    justify-content: flex-start;
  10212.  }
  10213.  
  10214.  .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block-alignment-wrapper {
  10215.    align-items: flex-start;
  10216.  }
  10217.  
  10218.  @media (min-width: 768px) {
  10219.    .fe-block-yui_3_17_2_1_1659685427321_812977 {
  10220.      grid-area: 3/19/5/23;
  10221.      z-index: 8;
  10222.  
  10223.      
  10224.  
  10225.      
  10226.    }
  10227.  
  10228.    .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block {
  10229.      justify-content: flex-start;
  10230.    }
  10231.  
  10232.    .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block-alignment-wrapper {
  10233.      align-items: flex-start;
  10234.    }
  10235.  }
  10236.  
  10237.  .fe-block-91e40b2b691f3f291ecf {
  10238.    grid-area: 8/6/18/10;
  10239.    z-index: 3;
  10240.  
  10241.    @media (max-width: 767px) {
  10242.      
  10243.      
  10244.    }
  10245.  }
  10246.  
  10247.  .fe-block-91e40b2b691f3f291ecf .sqs-block {
  10248.    justify-content: flex-start;
  10249.  }
  10250.  
  10251.  .fe-block-91e40b2b691f3f291ecf .sqs-block-alignment-wrapper {
  10252.    align-items: flex-start;
  10253.  }
  10254.  
  10255.  @media (min-width: 768px) {
  10256.    .fe-block-91e40b2b691f3f291ecf {
  10257.      grid-area: 3/9/14/13;
  10258.      z-index: 3;
  10259.  
  10260.      
  10261.  
  10262.      
  10263.    }
  10264.  
  10265.    .fe-block-91e40b2b691f3f291ecf .sqs-block {
  10266.      justify-content: flex-start;
  10267.    }
  10268.  
  10269.    .fe-block-91e40b2b691f3f291ecf .sqs-block-alignment-wrapper {
  10270.      align-items: flex-start;
  10271.    }
  10272.  }
  10273.  
  10274.  .fe-block-450ffe681a0cb91ba9c6 {
  10275.    grid-area: 8/2/16/6;
  10276.    z-index: 2;
  10277.  
  10278.    @media (max-width: 767px) {
  10279.      
  10280.      
  10281.    }
  10282.  }
  10283.  
  10284.  .fe-block-450ffe681a0cb91ba9c6 .sqs-block {
  10285.    justify-content: flex-start;
  10286.  }
  10287.  
  10288.  .fe-block-450ffe681a0cb91ba9c6 .sqs-block-alignment-wrapper {
  10289.    align-items: flex-start;
  10290.  }
  10291.  
  10292.  @media (min-width: 768px) {
  10293.    .fe-block-450ffe681a0cb91ba9c6 {
  10294.      grid-area: 3/14/12/18;
  10295.      z-index: 2;
  10296.  
  10297.      
  10298.  
  10299.      
  10300.    }
  10301.  
  10302.    .fe-block-450ffe681a0cb91ba9c6 .sqs-block {
  10303.      justify-content: flex-start;
  10304.    }
  10305.  
  10306.    .fe-block-450ffe681a0cb91ba9c6 .sqs-block-alignment-wrapper {
  10307.      align-items: flex-start;
  10308.    }
  10309.  }
  10310.  
  10311.  .fe-block-yui_3_17_2_1_1659498794382_109580 {
  10312.    grid-area: 21/2/25/8;
  10313.    z-index: 7;
  10314.  
  10315.    @media (max-width: 767px) {
  10316.      
  10317.      
  10318.    }
  10319.  }
  10320.  
  10321.  .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block {
  10322.    justify-content: flex-start;
  10323.  }
  10324.  
  10325.  .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block-alignment-wrapper {
  10326.    align-items: flex-start;
  10327.  }
  10328.  
  10329.  @media (min-width: 768px) {
  10330.    .fe-block-yui_3_17_2_1_1659498794382_109580 {
  10331.      grid-area: 5/19/9/26;
  10332.      z-index: 7;
  10333.  
  10334.      
  10335.  
  10336.      
  10337.    }
  10338.  
  10339.    .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block {
  10340.      justify-content: flex-start;
  10341.    }
  10342.  
  10343.    .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block-alignment-wrapper {
  10344.      align-items: flex-start;
  10345.    }
  10346.  }
  10347.  
  10348.  .fe-block-yui_3_17_2_1_1676424978305_9765 {
  10349.    grid-area: 25/2/31/8;
  10350.    z-index: 10;
  10351.  
  10352.    @media (max-width: 767px) {
  10353.      
  10354.      
  10355.    }
  10356.  }
  10357.  
  10358.  .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block {
  10359.    justify-content: flex-start;
  10360.  }
  10361.  
  10362.  .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block-alignment-wrapper {
  10363.    align-items: flex-start;
  10364.  }
  10365.  
  10366.  @media (min-width: 768px) {
  10367.    .fe-block-yui_3_17_2_1_1676424978305_9765 {
  10368.      grid-area: 9/19/16/26;
  10369.      z-index: 10;
  10370.  
  10371.      
  10372.  
  10373.      
  10374.    }
  10375.  
  10376.    .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block {
  10377.      justify-content: flex-start;
  10378.    }
  10379.  
  10380.    .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block-alignment-wrapper {
  10381.      align-items: flex-start;
  10382.    }
  10383.  }
  10384.  
  10385. </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">
  10386.  
  10387.  
  10388.  
  10389.  
  10390.  
  10391.  
  10392.  
  10393.  
  10394.  
  10395.  
  10396.  
  10397.  
  10398.  
  10399.  
  10400.  
  10401.  
  10402.  
  10403.  
  10404.  
  10405.  
  10406.  
  10407.  
  10408.  
  10409.  
  10410.  
  10411.  
  10412.  
  10413.  
  10414.  
  10415.  
  10416.  
  10417.  
  10418.  
  10419.  
  10420.  
  10421.  
  10422.  
  10423.  
  10424.  
  10425.  
  10426.  
  10427.  
  10428.  
  10429.  
  10430.    
  10431.  
  10432.    <div
  10433.      class="
  10434.        image-block-outer-wrapper
  10435.        layout-caption-below
  10436.        design-layout-fluid
  10437.        image-position-center
  10438.        combination-animation-site-default
  10439.        individual-animation-site-default
  10440.      "
  10441.      data-test="image-block-fluid-outer-wrapper"
  10442.    >
  10443.      <div
  10444.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  10445.        data-animation-role="image"
  10446.        
  10447.  
  10448.  
  10449.      >
  10450.        <div
  10451.          class="fluid-image-container sqs-image-content"
  10452.          
  10453.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  10454.        >
  10455.          
  10456.  
  10457.          
  10458.          
  10459.  
  10460.          
  10461.            <a
  10462.              class="sqs-block-image-link content-fit"
  10463.              href="/"
  10464.              
  10465.            >
  10466.              
  10467.            
  10468.            
  10469.            
  10470.            
  10471.            
  10472.            
  10473.            <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">
  10474.  
  10475.            
  10476.              
  10477.            
  10478.            <div class="fluidImageOverlay"></div>
  10479.          
  10480.            </a>
  10481.          
  10482.  
  10483.        </div>
  10484.      </div>
  10485.    </div>
  10486.    <style>
  10487.      .sqs-block-image .sqs-block-content {
  10488.        height: 100%;
  10489.        width: 100%;
  10490.      }
  10491.  
  10492.      
  10493.        .fe-block-yui_3_17_2_1_1659352525951_142917 .fluidImageOverlay {
  10494.          position: absolute;
  10495.          top: 0;
  10496.          left: 0;
  10497.          width: 100%;
  10498.          height: 100%;
  10499.          mix-blend-mode: normal;
  10500.          
  10501.            
  10502.            
  10503.          
  10504.          
  10505.            opacity: 0;
  10506.          
  10507.        }
  10508.      
  10509.    </style>
  10510.  
  10511.  
  10512.  
  10513.  
  10514.  
  10515.  
  10516. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1664442941035_10044"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-yui_3_17_2_1_1664442941035_10044"><div class="sqs-block-content">
  10517.  
  10518. <div class="sqs-html-content">
  10519.  <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small"><a href="https://goo.gl/maps/GnSrfPScLQR2  " target="_blank">15441 Chemical Ln.,<br>Huntington Beach, CA 92649</a></p>
  10520. </div>
  10521.  
  10522.  
  10523.  
  10524.  
  10525.  
  10526.  
  10527.  
  10528.  
  10529.  
  10530.  
  10531.  
  10532.  
  10533.  
  10534.  
  10535.  
  10536.  
  10537.  
  10538.  
  10539.  
  10540.  
  10541.  
  10542.  
  10543.  
  10544.  
  10545.  
  10546. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659685427321_812977"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-yui_3_17_2_1_1659685427321_812977"><div class="sqs-block-content">
  10547.  
  10548. <div class="sqs-html-content">
  10549.  <p class="" style="white-space:pre-wrap;"><strong>Contact Us</strong></p>
  10550. </div>
  10551.  
  10552.  
  10553.  
  10554.  
  10555.  
  10556.  
  10557.  
  10558.  
  10559.  
  10560.  
  10561.  
  10562.  
  10563.  
  10564.  
  10565.  
  10566.  
  10567.  
  10568.  
  10569.  
  10570.  
  10571.  
  10572.  
  10573.  
  10574.  
  10575.  
  10576. </div></div></div><div class="fe-block fe-block-91e40b2b691f3f291ecf"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-91e40b2b691f3f291ecf"><div class="sqs-block-content">
  10577.  
  10578. <div class="sqs-html-content">
  10579.  <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>
  10580. </div>
  10581.  
  10582.  
  10583.  
  10584.  
  10585.  
  10586.  
  10587.  
  10588.  
  10589.  
  10590.  
  10591.  
  10592.  
  10593.  
  10594.  
  10595.  
  10596.  
  10597.  
  10598.  
  10599.  
  10600.  
  10601.  
  10602.  
  10603.  
  10604.  
  10605.  
  10606. </div></div></div><div class="fe-block fe-block-450ffe681a0cb91ba9c6"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-450ffe681a0cb91ba9c6"><div class="sqs-block-content">
  10607.  
  10608. <div class="sqs-html-content">
  10609.  <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>
  10610. </div>
  10611.  
  10612.  
  10613.  
  10614.  
  10615.  
  10616.  
  10617.  
  10618.  
  10619.  
  10620.  
  10621.  
  10622.  
  10623.  
  10624.  
  10625.  
  10626.  
  10627.  
  10628.  
  10629.  
  10630.  
  10631.  
  10632.  
  10633.  
  10634.  
  10635.  
  10636. </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">
  10637.    <div class="sw-navigation-actions-footer">
  10638.        <a href="tel:(714) 895-5100" class="sw-navigation-actions-item">
  10639.            <div class="sw-navigation-actions-icon">&#9742;</div>
  10640.            <div>(714) 895-5100</div>
  10641.        </a>
  10642.    </div>
  10643.    <div class="sw-navigation-actions-footer">
  10644.        <a href="mailto:info@interiordoorandcloset.com" class="sw-navigation-actions-item">
  10645.            <div class="sw-navigation-actions-icon">&#9993;</div>
  10646.            <div>info@interiordoorandcloset.com</div>
  10647.        </a>
  10648.    </div>
  10649. </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">
  10650.  <p><strong>Office Hours</strong></p>
  10651.  <p>Mon-Fri: 9:00 am - 5:00 pm</p>
  10652.  <p>Saturday: 11:00 am - 3:00 pm</p>
  10653.  <p>Sunday: Closed</p>
  10654. </div></div></div></div></div></div>
  10655.    </div>
  10656.  
  10657.  </div>
  10658.  
  10659. </section>
  10660.  
  10661.  
  10662.    
  10663.    
  10664.  
  10665.  
  10666.  
  10667.  
  10668.  
  10669.  
  10670. <section
  10671.  data-test="page-section"
  10672.  
  10673.  data-section-theme="light"
  10674.  class='page-section
  10675.    
  10676.      full-bleed-section
  10677.      layout-engine-section
  10678.    
  10679.    background-width--full-bleed
  10680.    
  10681.      
  10682.        section-height--custom
  10683.      
  10684.    
  10685.    
  10686.      content-width--wide
  10687.    
  10688.    horizontal-alignment--center
  10689.    vertical-alignment--middle
  10690.    
  10691.      
  10692.    
  10693.    
  10694.    light'
  10695.  
  10696.  data-section-id="62e9166bd4c1314e4614cd65"
  10697.  
  10698.  data-controller="SectionWrapperController"
  10699.  data-current-styles="{
  10700. &quot;imageOverlayOpacity&quot;: 0.15,
  10701. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  10702. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  10703. &quot;customSectionHeight&quot;: 0,
  10704. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  10705. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  10706. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  10707. &quot;customContentWidth&quot;: 50,
  10708. &quot;sectionTheme&quot;: &quot;light&quot;,
  10709. &quot;sectionAnimation&quot;: &quot;none&quot;,
  10710. &quot;backgroundMode&quot;: &quot;image&quot;
  10711. }"
  10712.  data-current-context="{
  10713. &quot;video&quot;: {
  10714. &quot;playbackSpeed&quot;: 0.5,
  10715. &quot;filter&quot;: 1,
  10716. &quot;filterStrength&quot;: 0,
  10717. &quot;zoom&quot;: 0,
  10718. &quot;videoSourceProvider&quot;: &quot;none&quot;
  10719. },
  10720. &quot;backgroundImageId&quot;: null,
  10721. &quot;backgroundMediaEffect&quot;: null,
  10722. &quot;divider&quot;: null,
  10723. &quot;typeName&quot;: &quot;page&quot;
  10724. }"
  10725.  data-animation="none"
  10726.  data-fluid-engine-section
  10727.  
  10728.  
  10729.  
  10730. >
  10731.  <div
  10732.    class="section-border"
  10733.    
  10734.  >
  10735.    <div class="section-background">
  10736.    
  10737.      
  10738.    
  10739.    </div>
  10740.  </div>
  10741.  <div
  10742.    class='content-wrapper'
  10743.    style='
  10744.      
  10745.        
  10746.          
  10747.          
  10748.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  10749.        
  10750.      
  10751.    '
  10752.  >
  10753.    <div
  10754.      class="content"
  10755.      
  10756.    >
  10757.      
  10758.      
  10759.      
  10760.      
  10761.      
  10762.      
  10763.      
  10764.      
  10765.      <div data-fluid-engine="true"><style>
  10766.  
  10767. .fe-62e9166cde02456d98a889e4 {
  10768.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  10769.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  10770.  
  10771.  display: grid;
  10772.  position: relative;
  10773.  grid-area: 1/1/-1/-1;
  10774.  grid-template-rows: repeat(7,minmax(24px, auto));
  10775.  grid-template-columns:
  10776.    minmax(var(--grid-gutter), 1fr)
  10777.    repeat(8, minmax(0, var(--cell-max-width)))
  10778.    minmax(var(--grid-gutter), 1fr);
  10779.  row-gap: 0.0px;
  10780.  column-gap: 0.0px;
  10781. }
  10782.  
  10783. @media (min-width: 768px) {
  10784.  .background-width--inset .fe-62e9166cde02456d98a889e4 {
  10785.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  10786.  }
  10787.  
  10788.  .fe-62e9166cde02456d98a889e4 {
  10789.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  10790.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  10791.    --inset-padding: 0vw;
  10792.  
  10793.    --row-height-scaling-factor: 0.0215;
  10794.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  10795.  
  10796.    grid-template-rows: repeat(4,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  10797.    grid-template-columns:
  10798.      minmax(var(--grid-gutter), 1fr)
  10799.      repeat(24, minmax(0, var(--cell-max-width)))
  10800.      minmax(var(--grid-gutter), 1fr);
  10801.  }
  10802. }
  10803.  
  10804.  
  10805.  .fe-block-yui_3_17_2_1_1659352525951_1507949 {
  10806.    grid-area: 2/2/5/10;
  10807.    z-index: 2;
  10808.  
  10809.    @media (max-width: 767px) {
  10810.      
  10811.      
  10812.    }
  10813.  }
  10814.  
  10815.  .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block {
  10816.    justify-content: center;
  10817.  }
  10818.  
  10819.  .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block-alignment-wrapper {
  10820.    align-items: center;
  10821.  }
  10822.  
  10823.  @media (min-width: 768px) {
  10824.    .fe-block-yui_3_17_2_1_1659352525951_1507949 {
  10825.      grid-area: 1/3/3/25;
  10826.      z-index: 2;
  10827.  
  10828.      
  10829.  
  10830.      
  10831.    }
  10832.  
  10833.    .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block {
  10834.      justify-content: center;
  10835.    }
  10836.  
  10837.    .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block-alignment-wrapper {
  10838.      align-items: center;
  10839.    }
  10840.  }
  10841.  
  10842.  .fe-block-yui_3_17_2_1_1659352525951_1492237 {
  10843.    grid-area: 6/2/8/10;
  10844.    z-index: 1;
  10845.  
  10846.    @media (max-width: 767px) {
  10847.      
  10848.      
  10849.    }
  10850.  }
  10851.  
  10852.  .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block {
  10853.    justify-content: flex-start;
  10854.  }
  10855.  
  10856.  .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block-alignment-wrapper {
  10857.    align-items: flex-start;
  10858.  }
  10859.  
  10860.  @media (min-width: 768px) {
  10861.    .fe-block-yui_3_17_2_1_1659352525951_1492237 {
  10862.      grid-area: 3/3/5/25;
  10863.      z-index: 1;
  10864.  
  10865.      
  10866.  
  10867.      
  10868.    }
  10869.  
  10870.    .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block {
  10871.      justify-content: center;
  10872.    }
  10873.  
  10874.    .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block-alignment-wrapper {
  10875.      align-items: center;
  10876.    }
  10877.  }
  10878.  
  10879. </style><div class="fluid-engine fe-62e9166cde02456d98a889e4"><div class="fe-block fe-block-yui_3_17_2_1_1659352525951_1507949"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-yui_3_17_2_1_1659352525951_1507949"><div class="sqs-block-content">
  10880.  
  10881. <div class="sqs-html-content">
  10882.  <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small">© 2025 Interior Door and Closet Company | License #908184</p>
  10883. </div>
  10884.  
  10885.  
  10886.  
  10887.  
  10888.  
  10889.  
  10890.  
  10891.  
  10892.  
  10893.  
  10894.  
  10895.  
  10896.  
  10897.  
  10898.  
  10899.  
  10900.  
  10901.  
  10902.  
  10903.  
  10904.  
  10905.  
  10906.  
  10907.  
  10908.  
  10909. </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">
  10910.  
  10911.  
  10912.  
  10913. <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" >
  10914.  <style>
  10915.    #block-yui_3_17_2_1_1659352525951_1492237 .social-icons-style-border .sqs-svg-icon--wrapper {
  10916.      
  10917.        box-shadow: 0 0 0 2px inset;
  10918.      
  10919.      border: none;
  10920.    }
  10921.  </style>
  10922.  <nav class="sqs-svg-icon--list">
  10923.    <a href="https://goo.gl/maps/GnSrfPScLQR2" target="_blank" class="sqs-svg-icon--wrapper url" aria-label="URL">
  10924.      <div>
  10925.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10926.          <use class="sqs-use--icon" xlink:href="#url-icon"></use>
  10927.          <use class="sqs-use--mask" xlink:href="#url-mask"></use>
  10928.        </svg>
  10929.      </div>
  10930.    </a><a href="https://www.facebook.com/interiordoorandcloset" target="_blank" class="sqs-svg-icon--wrapper facebook-unauth" aria-label="Facebook">
  10931.      <div>
  10932.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10933.          <use class="sqs-use--icon" xlink:href="#facebook-unauth-icon"></use>
  10934.          <use class="sqs-use--mask" xlink:href="#facebook-unauth-mask"></use>
  10935.        </svg>
  10936.      </div>
  10937.    </a><a href="https://www.pinterest.com/ocdoors/" target="_blank" class="sqs-svg-icon--wrapper pinterest-unauth" aria-label="Pinterest">
  10938.      <div>
  10939.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10940.          <use class="sqs-use--icon" xlink:href="#pinterest-unauth-icon"></use>
  10941.          <use class="sqs-use--mask" xlink:href="#pinterest-unauth-mask"></use>
  10942.        </svg>
  10943.      </div>
  10944.    </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">
  10945.      <div>
  10946.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10947.          <use class="sqs-use--icon" xlink:href="#linkedin-unauth-icon"></use>
  10948.          <use class="sqs-use--mask" xlink:href="#linkedin-unauth-mask"></use>
  10949.        </svg>
  10950.      </div>
  10951.    </a><a href="https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company" target="_blank" class="sqs-svg-icon--wrapper houzz" aria-label="Houzz">
  10952.      <div>
  10953.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10954.          <use class="sqs-use--icon" xlink:href="#houzz-icon"></use>
  10955.          <use class="sqs-use--mask" xlink:href="#houzz-mask"></use>
  10956.        </svg>
  10957.      </div>
  10958.    </a><a href="https://www.instagram.com/ocdoorsandclosets/" target="_blank" class="sqs-svg-icon--wrapper instagram-unauth" aria-label="Instagram">
  10959.      <div>
  10960.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10961.          <use class="sqs-use--icon" xlink:href="#instagram-unauth-icon"></use>
  10962.          <use class="sqs-use--mask" xlink:href="#instagram-unauth-mask"></use>
  10963.        </svg>
  10964.      </div>
  10965.    </a><a href="https://www.youtube.com/@interiordoorandcloset" target="_blank" class="sqs-svg-icon--wrapper youtube-unauth" aria-label="YouTube">
  10966.      <div>
  10967.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10968.          <use class="sqs-use--icon" xlink:href="#youtube-unauth-icon"></use>
  10969.          <use class="sqs-use--mask" xlink:href="#youtube-unauth-mask"></use>
  10970.        </svg>
  10971.      </div>
  10972.    </a><a href="https://www.youtube.com/@interiordoorandcloset" target="_blank" class="sqs-svg-icon--wrapper youtube-unauth" aria-label="YouTube">
  10973.      <div>
  10974.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10975.          <use class="sqs-use--icon" xlink:href="#youtube-unauth-icon"></use>
  10976.          <use class="sqs-use--mask" xlink:href="#youtube-unauth-mask"></use>
  10977.        </svg>
  10978.      </div>
  10979.    </a>
  10980.  </nav>
  10981. </div>
  10982. </div></div></div></div></div>
  10983.    </div>
  10984.  
  10985.  </div>
  10986.  
  10987. </section>
  10988.  
  10989.  
  10990. </footer>
  10991.  
  10992.      
  10993.    </div>
  10994.  
  10995.    <script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.2d8dd0db375cf36d2479110a1e679ecd.js" type="text/javascript"></script>
  10996.    <script src="//assets.squarewebsites.org/custom-tables/custom-table.js"></script>
  10997. <script>
  10998.  createTopAction();
  10999. </script>
  11000.  
  11001. <script>createBC();</script>
  11002.  
  11003. <!-- change blog headers from h1 to h2 on collections pages -->
  11004. <script>
  11005. document.querySelectorAll("h1.blog-title").forEach(header => {
  11006.  header.outerHTML = '<h2>' + header.innerHTML + '</h2>';
  11007. });
  11008. </script>
  11009.  
  11010. <style>
  11011. #footer-sections
  11012.  {
  11013.    z-index: 10;
  11014.  }
  11015. .sw-slider-container {
  11016.  width: 100%;
  11017.  height: 100%;
  11018.  position: relative;
  11019.  padding: 2rem 0;
  11020.  
  11021.  @media screen and (max-width:767px) {
  11022.    padding: 0rem;
  11023.  }
  11024. }
  11025.  
  11026. .sw-content-container {
  11027.    position: absolute;
  11028.    top: 0;
  11029.    left: 0;
  11030.    width: 50%;
  11031.    height: 100%;
  11032.    background-color: rgba(60, 60, 60);
  11033.    display: flex;
  11034.    justify-content: end;
  11035.    align-items: center;
  11036. }
  11037.  
  11038. .sw-content-box {
  11039.    display: flex;
  11040.    flex-direction: column;
  11041.    width: 100%;
  11042.    max-width: 80%;
  11043.    position: relative;
  11044.    padding-right: 5rem;
  11045.    color: white;
  11046. }
  11047. .sw-content-button-container {
  11048.  display: block;
  11049. }
  11050.  
  11051. .sw-content-contact-number {
  11052.  display: none;
  11053. }
  11054.  
  11055. .sw-content-header {
  11056.    padding-bottom: 0.75rem;
  11057.    margin-right: 6rem;
  11058.    border-bottom: 1px solid white;
  11059.    color: white !important;
  11060. }
  11061.  
  11062. .sw-content-text {
  11063.    font-size: 1rem;
  11064.    color: white;
  11065.    padding-top: 1.25rem;
  11066.    padding-bottom: 4rem;
  11067. }
  11068.  
  11069. .sw-content-button {
  11070.    background-color: rgba(58, 102, 173);
  11071.    border-radius: 2rem;
  11072.    font-size: 1rem;
  11073.    padding: 1rem 2rem;
  11074.    cursor: pointer;
  11075.    text-decoration: none;
  11076. }
  11077.  
  11078. .sw-image-container {
  11079.    position: absolute;
  11080.    overflow: hidden;
  11081.    top: 0;
  11082.    right: 0;
  11083.    width: 50%;
  11084.    height: 100%;
  11085.    background-color: whitesmoke;
  11086. }
  11087.  
  11088. .sw-image-slide {
  11089.    position: absolute;
  11090.    background-repeat: no-repeat;
  11091.    background-position: center;
  11092.    background-size: cover;
  11093.    width: 100%;
  11094.    height: 100%;
  11095. }
  11096.  
  11097. .sw-image-slide-show {
  11098.    display: block;
  11099. }
  11100.  
  11101. .sw-image-slide-hidden {
  11102.    display: none;
  11103. }
  11104.  
  11105. .sw-arrow-container {
  11106.    position: absolute;
  11107.    display: flex;
  11108.    flex-direction: row;
  11109.    bottom: 0;
  11110.    left: 50%;
  11111.    transform: translate(-50%, 0px);
  11112.    cursor: pointer;
  11113. }
  11114.  
  11115. .sw-arrow-next,
  11116. .sw-arrow-previous {
  11117.    width: 2.25rem;
  11118.    height: 2.25rem;
  11119.    font-size: 1.5rem;
  11120.    display: flex;
  11121.    justify-content: center;
  11122.    align-items: center;
  11123.    opacity: 0.75;
  11124.    cursor: pointer;
  11125. }
  11126.  
  11127. .sw-arrow-next:hover,
  11128. .sw-arrow-previous:hover {
  11129.    opacity: 1;
  11130.    transition: 0.25s;
  11131. }
  11132.  
  11133. .sw-arrow-previous {
  11134.    background-color: rgba(173, 205, 70);
  11135.    color: white;
  11136. }
  11137.  
  11138. .sw-arrow-next {
  11139.    background-color: rgb(58,102,173);
  11140.    color: white;
  11141. }
  11142.  
  11143. .sqs-svg-icon--wrapper:hover
  11144. {
  11145.  background-color: rgb(173,205,69) !important;
  11146. }
  11147.  
  11148. .sw-navigation-actions-footer,
  11149. .sw-navigation-actions-top
  11150. {
  11151.    display: flex;
  11152.    flex-direction: row;
  11153.    z-index: 1;
  11154. }
  11155.  
  11156. .sw-navigation-actions-top
  11157.  {
  11158.    color: white;
  11159.  }
  11160. .sw-navigation-actions-footer
  11161. {
  11162.  color: black;
  11163. }
  11164.  
  11165. .sw-navigation-actions-item
  11166. {
  11167.    margin-right: 4rem;
  11168.    display: flex;
  11169.    flex-direction: row;
  11170.    align-items: center;
  11171. }
  11172.  
  11173. .sw-navigation-actions-text
  11174. {
  11175.    color: white;
  11176. }
  11177.  
  11178. .sw-navigation-actions-icon
  11179. {
  11180.    border-radius: 100%;
  11181.    background-color: rgba(173, 205, 70);
  11182.    color: black;
  11183.    margin-right: 1rem;
  11184.    display: flex;
  11185.    justify-content: center;
  11186.    align-items: center;
  11187.    padding: 0.25rem;
  11188.  height: 24px;
  11189.  width: 24px;
  11190. }
  11191.  
  11192. .sw-navigation-contact-footer {
  11193.    display: flex;
  11194.    flex-direction: column;
  11195.    line-height: 2.5rem;
  11196. }
  11197.  
  11198. .sw-gallery-page-container {
  11199.    display: flex;
  11200.    column-gap: 0.5rem;
  11201.    justify-content: end;
  11202. }
  11203.  
  11204. .sw-gallery-page-item {
  11205.    display: flex;
  11206.    align-items: center;
  11207.    border: 1px solid rgba(60, 60, 60, 0.25);
  11208.    padding: 0 0.75rem;
  11209.    cursor: pointer;
  11210. }
  11211.  
  11212. .sw-gallery-page-filler {
  11213.    display: flex;
  11214.    align-items: center;
  11215.    padding: 0 0.75rem;
  11216. }
  11217.  
  11218. .sw-gallery-page-item-active {
  11219.    border-color : rgba(60, 60, 60, 1);
  11220. }
  11221.  
  11222. .sw-gallery-image-label
  11223. {
  11224.    position: absolute;
  11225.    bottom: 0;
  11226.    left: 0;
  11227.    width: 100%;
  11228.    background-color: rgba(0,0,0,0.5);
  11229.    color: white;
  11230.    text-align: center;
  11231.    cursor: pointer;
  11232.    text-shadow: 2px 2px #000000;
  11233.    font-size: 0.8rem;
  11234. }
  11235.  
  11236. .sw-gallery-image-number
  11237. {
  11238.    position: absolute;
  11239.    top: 0;
  11240.    left: 0;
  11241.    width: 100%;
  11242.    background-color: rgba(0,0,0,0.5);
  11243.    color: white;
  11244.    text-align: center;
  11245.    cursor: pointer;
  11246.    text-shadow: 2px 2px #000000;
  11247.    font-size: 0.8rem;
  11248. }
  11249.  
  11250. .sw-gallery-lightbox-label
  11251. {
  11252.  position: absolute;
  11253.  bottom: 0;
  11254.  left: 0;
  11255.  width: 100%;
  11256.  background-color: rgba(0,0,0,0.5);
  11257.  color: white;
  11258.  text-align: center;
  11259.  text-shadow: 2px 2px #000000;
  11260.  font-size: 2rem;
  11261. }
  11262.  
  11263.  
  11264. /* Put animations here.... */
  11265. /* in animation */
  11266. .sw-fade-in-slide {
  11267.    animation-name: sw-fade-in-slide;
  11268.    animation-duration: 1s;
  11269.    animation-fill-mode: forwards;
  11270. }
  11271.  
  11272. .sw-right-to-left-in-slide-left {
  11273.    animation-name: sw-right-to-left-in-slide-left;
  11274.    animation-duration: 0.75s;
  11275.    animation-fill-mode: forwards;
  11276. }
  11277.  
  11278. .sw-right-to-left-in-slide-right {
  11279.    animation-name: sw-right-to-left-in-slide-right;
  11280.    animation-duration: 0.75s;
  11281.    animation-fill-mode: forwards;
  11282. }
  11283.  
  11284. .sw-slide-blur-in {
  11285.    animation-name: sw-slide-blur-in;
  11286.    animation-duration: 0.75s;
  11287.    animation-timing-function: ease-out;
  11288.    animation-fill-mode: forwards;
  11289. }
  11290.  
  11291. /* out animation */
  11292. .sw-fade-out-slide {
  11293.    animation-name: sw-fade-out-slide;
  11294.    animation-duration: 1s;
  11295.    animation-fill-mode: forwards;
  11296. }
  11297.  
  11298. .sw-right-to-left-out-slide-left {
  11299.    animation-name: sw-right-to-left-out-slide-left;
  11300.    animation-duration: 0.75s;
  11301.    animation-fill-mode: forwards;
  11302. }
  11303.  
  11304. .sw-right-to-left-out-slide-right {
  11305.    animation-name: sw-right-to-left-out-slide-right;
  11306.    animation-duration: 0.75s;
  11307.    animation-fill-mode: forwards;
  11308. }
  11309.  
  11310. .sw-slide-blur-out {
  11311.    animation-name: sw-slide-blur-out;
  11312.    animation-duration: 0.75s;
  11313.    animation-timing-function: ease-out;
  11314.    animation-fill-mode: forwards;
  11315. }
  11316.  
  11317. .slide-up-content {
  11318.    animation-name: slide-up-content;
  11319.    animation-delay: 0.6s;
  11320.    animation-duration: 1s;
  11321.    animation-fill-mode: forwards;
  11322. }
  11323.  
  11324. /* Keyframes for in animation */
  11325. @keyframes sw-fade-in-slide {
  11326.    from {
  11327.        opacity: .4;
  11328.        visibility: visible;
  11329.    }
  11330.  
  11331.    to {
  11332.        opacity: 1;
  11333.        visibility: visible;
  11334.    }
  11335. }
  11336.  
  11337. @keyframes sw-right-to-left-in-slide-left {
  11338.    from {
  11339.        left: 100%;
  11340.    }
  11341.  
  11342.    to {
  11343.        left: 0%;
  11344.    }
  11345. }
  11346.  
  11347. @keyframes sw-right-to-left-in-slide-right {
  11348.    from {
  11349.        left: -100%;
  11350.    }
  11351.  
  11352.    to {
  11353.        left: 0%;
  11354.    }
  11355. }
  11356.  
  11357. @keyframes sw-slide-blur-in {
  11358.    0% {
  11359.        top: 100%;
  11360.        height: 0%;
  11361.        filter: blur(10px);
  11362.    }
  11363.  
  11364.    75% {
  11365.        height: 100%;
  11366.        filter: blur(5px);
  11367.    }
  11368.  
  11369.    100% {
  11370.        top: 0;
  11371.        /* display: block; */
  11372.    }
  11373. }
  11374.  
  11375. /* */
  11376.  
  11377.  
  11378. /* Keyframes for out animation */
  11379. @keyframes sw-fade-out-slide {
  11380.    0% {
  11381.        opacity: 1;
  11382.        visibility: visible;
  11383.    }
  11384.  
  11385.    50% {
  11386.        opacity: 0.5;
  11387.    }
  11388.  
  11389.    100% {
  11390.        opacity: 0;
  11391.        visibility: hidden;
  11392.    }
  11393. }
  11394.  
  11395. @keyframes sw-right-to-left-out-slide-left {
  11396.    from {
  11397.        left: 0%;
  11398.    }
  11399.  
  11400.    to {
  11401.        left: -100%;
  11402.    }
  11403. }
  11404.  
  11405. @keyframes sw-right-to-left-out-slide-right {
  11406.    from {
  11407.        left: 0%;
  11408.    }
  11409.  
  11410.    to {
  11411.        left: 100%;
  11412.    }
  11413. }
  11414.  
  11415. @keyframes sw-slide-blur-out {
  11416.    0% {
  11417.        top: 0;
  11418.        height: 100%;
  11419.        filter: blur(0px);
  11420.        opacity: 0.5;
  11421.    }
  11422.  
  11423.    /* 50% {
  11424.        height: 25%;
  11425.        filter: blur(10px);
  11426.    } */
  11427.    100% {
  11428.        height: 0%;
  11429.        opacity: 0;
  11430.    }
  11431. }
  11432.  
  11433. /* */
  11434.  
  11435. @keyframes slide-up-content {
  11436.    0% {
  11437.        opacity: 0;
  11438.        -ms-transform: translateY(25%);
  11439.        transform: translateY(25%);
  11440.    }
  11441.  
  11442.    20% {
  11443.        opacity: 0.1;
  11444.    }
  11445.  
  11446.    50% {
  11447.        opacity: 0.5;
  11448.    }
  11449.  
  11450.    100% {
  11451.        opacity: 1;
  11452.        -ms-transform: translateY(0%);
  11453.        transform: translateY(0%);
  11454.    }
  11455. }
  11456.  
  11457. /* mobile */
  11458. @media screen and (max-width:767px) {
  11459.  .sw-arrow-container,
  11460.  .sw-image-container
  11461.  {
  11462.    display: none;
  11463.  }
  11464.  
  11465.  .sw-content-container {
  11466.    width: 100%;
  11467.  }
  11468.  
  11469.  .sw-content-box {
  11470.    padding-right: 3rem;
  11471.    width: 100%;
  11472.  }
  11473.  
  11474.  .sw-content-header {
  11475.    margin-right: 1rem;
  11476.  }
  11477.  .sw-content-button-container {
  11478.    display: flex;
  11479.    align-items: center;
  11480.    justify-content: center;
  11481.  }
  11482.  
  11483.  .sw-content-contact-number {
  11484.    display: block;
  11485.    padding-top: 4rem;
  11486.    text-align: center;
  11487.    text-decoration: underline;
  11488.  }
  11489. }
  11490. </style>
  11491.  
  11492. <!-- Google Tag Manager (noscript) -->
  11493. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K6TQXN"
  11494. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  11495. <!-- End Google Tag Manager (noscript) --><svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="url-icon" viewBox="0 0 64 64"><path d="M40.038 24c2.203 0 4.08.801 5.633 2.404C47.224 27.956 48 29.834 48 32.038c0 2.203-.776 4.106-2.329 5.709-1.552 1.552-3.43 2.328-5.633 2.328h-6.46v-3.08h6.46c1.352 0 2.504-.475 3.455-1.427 1.002-1.002 1.502-2.178 1.502-3.53 0-1.353-.5-2.504-1.502-3.456-.952-1.001-2.103-1.502-3.455-1.502h-6.46V24h6.46zm-14.423 9.615V30.46h12.77v3.155h-12.77zm-5.183-5.033c-.952.952-1.427 2.103-1.427 3.456 0 1.352.475 2.529 1.427 3.53 1.002.952 2.178 1.427 3.53 1.427h6.46v3.08h-6.46c-2.203 0-4.08-.776-5.633-2.329C16.776 36.145 16 34.241 16 32.038c0-2.204.776-4.082 2.329-5.634C19.88 24.8 21.759 24 23.962 24h6.46v3.08h-6.46c-1.352 0-2.529.5-3.53 1.502z"/></symbol><symbol id="url-mask" viewBox="0 0 64 64"><path fill-rule="evenodd" clip-rule="evenodd" d="M64 0H0v64h64V0zM45.671 26.404C44.12 24.8 42.241 24 40.038 24h-6.46v3.08h6.46c1.352 0 2.504.5 3.455 1.502 1.002.952 1.502 2.103 1.502 3.456 0 1.352-.5 2.529-1.502 3.53-.952.952-2.103 1.427-3.455 1.427h-6.46v3.08h6.46c2.203 0 4.08-.776 5.633-2.329C47.224 36.145 48 34.241 48 32.038c0-2.204-.776-4.082-2.329-5.634zm-7.286 4.056h-12.77v3.155h12.77V30.46zm-19.38 1.578c0-1.353.475-2.504 1.427-3.456 1.002-1.001 2.178-1.502 3.53-1.502h6.46V24h-6.46c-2.203 0-4.08.801-5.633 2.404C16.776 27.956 16 29.834 16 32.038c0 2.203.776 4.106 2.329 5.709 1.552 1.552 3.43 2.328 5.633 2.328h6.46v-3.08h-6.46c-1.352 0-2.529-.475-3.53-1.427-.952-1.002-1.427-2.178-1.427-3.53z"/></symbol><symbol id="facebook-unauth-icon" viewBox="0 0 64 64"><path d="M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z"/></symbol><symbol id="facebook-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M39.6,22l-2.8,0c-2.2,0-2.6,1.1-2.6,2.6V28h5.3l-0.7,5.3h-4.6V47h-5.5V33.3H24V28h4.6V24 c0-4.6,2.8-7,6.9-7c2,0,3.6,0.1,4.1,0.2V22z"/></symbol><symbol id="pinterest-unauth-icon" viewBox="0 0 64 64"><path d="M32,16c-8.8,0-16,7.2-16,16c0,6.6,3.9,12.2,9.6,14.7c0-1.1,0-2.5,0.3-3.7 c0.3-1.3,2.1-8.7,2.1-8.7s-0.5-1-0.5-2.5c0-2.4,1.4-4.1,3.1-4.1c1.5,0,2.2,1.1,2.2,2.4c0,1.5-0.9,3.7-1.4,5.7 c-0.4,1.7,0.9,3.1,2.5,3.1c3,0,5.1-3.9,5.1-8.5c0-3.5-2.4-6.1-6.7-6.1c-4.9,0-7.9,3.6-7.9,7.7c0,1.4,0.4,2.4,1.1,3.1 c0.3,0.3,0.3,0.5,0.2,0.9c-0.1,0.3-0.3,1-0.3,1.3c-0.1,0.4-0.4,0.6-0.8,0.4c-2.2-0.9-3.3-3.4-3.3-6.1c0-4.5,3.8-10,11.4-10 c6.1,0,10.1,4.4,10.1,9.2c0,6.3-3.5,11-8.6,11c-1.7,0-3.4-0.9-3.9-2c0,0-0.9,3.7-1.1,4.4c-0.3,1.2-1,2.5-1.6,3.4 c1.4,0.4,3,0.7,4.5,0.7c8.8,0,16-7.2,16-16C48,23.2,40.8,16,32,16z"/></symbol><symbol id="pinterest-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M32,48c-1.6,0-3.1-0.2-4.5-0.7c0.6-1,1.3-2.2,1.6-3.4c0.2-0.7,1.1-4.4,1.1-4.4 c0.6,1.1,2.2,2,3.9,2c5.1,0,8.6-4.7,8.6-11c0-4.7-4-9.2-10.1-9.2c-7.6,0-11.4,5.5-11.4,10c0,2.8,1,5.2,3.3,6.1 c0.4,0.1,0.7,0,0.8-0.4c0.1-0.3,0.2-1,0.3-1.3c0.1-0.4,0.1-0.5-0.2-0.9c-0.6-0.8-1.1-1.7-1.1-3.1c0-4,3-7.7,7.9-7.7 c4.3,0,6.7,2.6,6.7,6.1c0,4.6-2,8.5-5.1,8.5c-1.7,0-2.9-1.4-2.5-3.1c0.5-2,1.4-4.2,1.4-5.7c0-1.3-0.7-2.4-2.2-2.4 c-1.7,0-3.1,1.8-3.1,4.1c0,1.5,0.5,2.5,0.5,2.5s-1.8,7.4-2.1,8.7c-0.3,1.2-0.3,2.6-0.3,3.7C19.9,44.2,16,38.6,16,32 c0-8.8,7.2-16,16-16c8.8,0,16,7.2,16,16C48,40.8,40.8,48,32,48z"/></symbol><symbol id="linkedin-unauth-icon" viewBox="0 0 64 64"><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z"/></symbol><symbol id="linkedin-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M25.8,44h-5.4V26.6h5.4V44z M23.1,24.3c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1 c1.7,0,3.1,1.4,3.1,3.1C26.2,22.9,24.8,24.3,23.1,24.3z M46,44h-5.4v-8.4c0-2,0-4.6-2.8-4.6c-2.8,0-3.2,2.2-3.2,4.5V44h-5.4V26.6 h5.2V29h0.1c0.7-1.4,2.5-2.8,5.1-2.8c5.5,0,6.5,3.6,6.5,8.3V44z"/></symbol><symbol id="houzz-icon" viewBox="0 0 64 64"><path d="M23,42.4l9-5.2L23,32l9-5.2v20.8l9-5.2V21.6l-9,5.2c0,0,0-10.4,0-10.4l-9,5.2V42.4z"></symbol><symbol id="houzz-mask" viewBox="0 0 64 64"><path d="M23,32l9,5.2V26.8L23,32z M0,0v64h64V0H0z M41,42.4l-9,5.2V37.2l-9,5.2V21.6l9-5.2c0,0,0,10.4,0,10.4l9-5.2V42.4z"></symbol><symbol id="instagram-unauth-icon" viewBox="0 0 64 64"><path d="M46.91,25.816c-0.073-1.597-0.326-2.687-0.697-3.641c-0.383-0.986-0.896-1.823-1.73-2.657c-0.834-0.834-1.67-1.347-2.657-1.73c-0.954-0.371-2.045-0.624-3.641-0.697C36.585,17.017,36.074,17,32,17s-4.585,0.017-6.184,0.09c-1.597,0.073-2.687,0.326-3.641,0.697c-0.986,0.383-1.823,0.896-2.657,1.73c-0.834,0.834-1.347,1.67-1.73,2.657c-0.371,0.954-0.624,2.045-0.697,3.641C17.017,27.415,17,27.926,17,32c0,4.074,0.017,4.585,0.09,6.184c0.073,1.597,0.326,2.687,0.697,3.641c0.383,0.986,0.896,1.823,1.73,2.657c0.834,0.834,1.67,1.347,2.657,1.73c0.954,0.371,2.045,0.624,3.641,0.697C27.415,46.983,27.926,47,32,47s4.585-0.017,6.184-0.09c1.597-0.073,2.687-0.326,3.641-0.697c0.986-0.383,1.823-0.896,2.657-1.73c0.834-0.834,1.347-1.67,1.73-2.657c0.371-0.954,0.624-2.045,0.697-3.641C46.983,36.585,47,36.074,47,32S46.983,27.415,46.91,25.816z M44.21,38.061c-0.067,1.462-0.311,2.257-0.516,2.785c-0.272,0.7-0.597,1.2-1.122,1.725c-0.525,0.525-1.025,0.85-1.725,1.122c-0.529,0.205-1.323,0.45-2.785,0.516c-1.581,0.072-2.056,0.087-6.061,0.087s-4.48-0.015-6.061-0.087c-1.462-0.067-2.257-0.311-2.785-0.516c-0.7-0.272-1.2-0.597-1.725-1.122c-0.525-0.525-0.85-1.025-1.122-1.725c-0.205-0.529-0.45-1.323-0.516-2.785c-0.072-1.582-0.087-2.056-0.087-6.061s0.015-4.48,0.087-6.061c0.067-1.462,0.311-2.257,0.516-2.785c0.272-0.7,0.597-1.2,1.122-1.725c0.525-0.525,1.025-0.85,1.725-1.122c0.529-0.205,1.323-0.45,2.785-0.516c1.582-0.072,2.056-0.087,6.061-0.087s4.48,0.015,6.061,0.087c1.462,0.067,2.257,0.311,2.785,0.516c0.7,0.272,1.2,0.597,1.725,1.122c0.525,0.525,0.85,1.025,1.122,1.725c0.205,0.529,0.45,1.323,0.516,2.785c0.072,1.582,0.087,2.056,0.087,6.061S44.282,36.48,44.21,38.061z M32,24.297c-4.254,0-7.703,3.449-7.703,7.703c0,4.254,3.449,7.703,7.703,7.703c4.254,0,7.703-3.449,7.703-7.703C39.703,27.746,36.254,24.297,32,24.297z M32,37c-2.761,0-5-2.239-5-5c0-2.761,2.239-5,5-5s5,2.239,5,5C37,34.761,34.761,37,32,37z M40.007,22.193c-0.994,0-1.8,0.806-1.8,1.8c0,0.994,0.806,1.8,1.8,1.8c0.994,0,1.8-0.806,1.8-1.8C41.807,22.999,41.001,22.193,40.007,22.193z"/></symbol><symbol id="instagram-unauth-mask" viewBox="0 0 64 64"><path d="M43.693,23.153c-0.272-0.7-0.597-1.2-1.122-1.725c-0.525-0.525-1.025-0.85-1.725-1.122c-0.529-0.205-1.323-0.45-2.785-0.517c-1.582-0.072-2.056-0.087-6.061-0.087s-4.48,0.015-6.061,0.087c-1.462,0.067-2.257,0.311-2.785,0.517c-0.7,0.272-1.2,0.597-1.725,1.122c-0.525,0.525-0.85,1.025-1.122,1.725c-0.205,0.529-0.45,1.323-0.516,2.785c-0.072,1.582-0.087,2.056-0.087,6.061s0.015,4.48,0.087,6.061c0.067,1.462,0.311,2.257,0.516,2.785c0.272,0.7,0.597,1.2,1.122,1.725s1.025,0.85,1.725,1.122c0.529,0.205,1.323,0.45,2.785,0.516c1.581,0.072,2.056,0.087,6.061,0.087s4.48-0.015,6.061-0.087c1.462-0.067,2.257-0.311,2.785-0.516c0.7-0.272,1.2-0.597,1.725-1.122s0.85-1.025,1.122-1.725c0.205-0.529,0.45-1.323,0.516-2.785c0.072-1.582,0.087-2.056,0.087-6.061s-0.015-4.48-0.087-6.061C44.143,24.476,43.899,23.682,43.693,23.153z M32,39.703c-4.254,0-7.703-3.449-7.703-7.703s3.449-7.703,7.703-7.703s7.703,3.449,7.703,7.703S36.254,39.703,32,39.703z M40.007,25.793c-0.994,0-1.8-0.806-1.8-1.8c0-0.994,0.806-1.8,1.8-1.8c0.994,0,1.8,0.806,1.8,1.8C41.807,24.987,41.001,25.793,40.007,25.793z M0,0v64h64V0H0z M46.91,38.184c-0.073,1.597-0.326,2.687-0.697,3.641c-0.383,0.986-0.896,1.823-1.73,2.657c-0.834,0.834-1.67,1.347-2.657,1.73c-0.954,0.371-2.044,0.624-3.641,0.697C36.585,46.983,36.074,47,32,47s-4.585-0.017-6.184-0.09c-1.597-0.073-2.687-0.326-3.641-0.697c-0.986-0.383-1.823-0.896-2.657-1.73c-0.834-0.834-1.347-1.67-1.73-2.657c-0.371-0.954-0.624-2.044-0.697-3.641C17.017,36.585,17,36.074,17,32c0-4.074,0.017-4.585,0.09-6.185c0.073-1.597,0.326-2.687,0.697-3.641c0.383-0.986,0.896-1.823,1.73-2.657c0.834-0.834,1.67-1.347,2.657-1.73c0.954-0.371,2.045-0.624,3.641-0.697C27.415,17.017,27.926,17,32,17s4.585,0.017,6.184,0.09c1.597,0.073,2.687,0.326,3.641,0.697c0.986,0.383,1.823,0.896,2.657,1.73c0.834,0.834,1.347,1.67,1.73,2.657c0.371,0.954,0.624,2.044,0.697,3.641C46.983,27.415,47,27.926,47,32C47,36.074,46.983,36.585,46.91,38.184z M32,27c-2.761,0-5,2.239-5,5s2.239,5,5,5s5-2.239,5-5S34.761,27,32,27z"/></symbol><symbol id="youtube-unauth-icon" viewBox="0 0 64 64"><path d="M46.7,26c0,0-0.3-2.1-1.2-3c-1.1-1.2-2.4-1.2-3-1.3C38.3,21.4,32,21.4,32,21.4h0 c0,0-6.3,0-10.5,0.3c-0.6,0.1-1.9,0.1-3,1.3c-0.9,0.9-1.2,3-1.2,3S17,28.4,17,30.9v2.3c0,2.4,0.3,4.9,0.3,4.9s0.3,2.1,1.2,3 c1.1,1.2,2.6,1.2,3.3,1.3c2.4,0.2,10.2,0.3,10.2,0.3s6.3,0,10.5-0.3c0.6-0.1,1.9-0.1,3-1.3c0.9-0.9,1.2-3,1.2-3s0.3-2.4,0.3-4.9 v-2.3C47,28.4,46.7,26,46.7,26z M28.9,35.9l0-8.4l8.1,4.2L28.9,35.9z"/></symbol><symbol id="youtube-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M47,33.1c0,2.4-0.3,4.9-0.3,4.9s-0.3,2.1-1.2,3c-1.1,1.2-2.4,1.2-3,1.3 C38.3,42.5,32,42.6,32,42.6s-7.8-0.1-10.2-0.3c-0.7-0.1-2.2-0.1-3.3-1.3c-0.9-0.9-1.2-3-1.2-3S17,35.6,17,33.1v-2.3 c0-2.4,0.3-4.9,0.3-4.9s0.3-2.1,1.2-3c1.1-1.2,2.4-1.2,3-1.3c4.2-0.3,10.5-0.3,10.5-0.3h0c0,0,6.3,0,10.5,0.3c0.6,0.1,1.9,0.1,3,1.3 c0.9,0.9,1.2,3,1.2,3s0.3,2.4,0.3,4.9V33.1z M28.9,35.9l8.1-4.2l-8.1-4.2L28.9,35.9z"/></symbol><symbol id="youtube-unauth-icon" viewBox="0 0 64 64"><path d="M46.7,26c0,0-0.3-2.1-1.2-3c-1.1-1.2-2.4-1.2-3-1.3C38.3,21.4,32,21.4,32,21.4h0 c0,0-6.3,0-10.5,0.3c-0.6,0.1-1.9,0.1-3,1.3c-0.9,0.9-1.2,3-1.2,3S17,28.4,17,30.9v2.3c0,2.4,0.3,4.9,0.3,4.9s0.3,2.1,1.2,3 c1.1,1.2,2.6,1.2,3.3,1.3c2.4,0.2,10.2,0.3,10.2,0.3s6.3,0,10.5-0.3c0.6-0.1,1.9-0.1,3-1.3c0.9-0.9,1.2-3,1.2-3s0.3-2.4,0.3-4.9 v-2.3C47,28.4,46.7,26,46.7,26z M28.9,35.9l0-8.4l8.1,4.2L28.9,35.9z"/></symbol><symbol id="youtube-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M47,33.1c0,2.4-0.3,4.9-0.3,4.9s-0.3,2.1-1.2,3c-1.1,1.2-2.4,1.2-3,1.3 C38.3,42.5,32,42.6,32,42.6s-7.8-0.1-10.2-0.3c-0.7-0.1-2.2-0.1-3.3-1.3c-0.9-0.9-1.2-3-1.2-3S17,35.6,17,33.1v-2.3 c0-2.4,0.3-4.9,0.3-4.9s0.3-2.1,1.2-3c1.1-1.2,2.4-1.2,3-1.3c4.2-0.3,10.5-0.3,10.5-0.3h0c0,0,6.3,0,10.5,0.3c0.6,0.1,1.9,0.1,3,1.3 c0.9,0.9,1.2,3,1.2,3s0.3,2.4,0.3,4.9V33.1z M28.9,35.9l8.1-4.2l-8.1-4.2L28.9,35.9z"/></symbol></svg>
  11496.  
  11497.  </body>
  11498. </html>
  11499.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda