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-46d04c67e5488dd0-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-46d04c67e5488dd0-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-b60fc53b12f6d6c5-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-b60fc53b12f6d6c5-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-52cc98e14025a53b-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-52cc98e14025a53b-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-a5462a04b78ba6f2-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-a5462a04b78ba6f2-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-95000d0e56e1af13-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script>
  44. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-95000d0e56e1af13-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-ac4fa292913027d8-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script>
  45. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-ac4fa292913027d8-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-9bac8ada8feb4e4c-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script>
  46. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-9bac8ada8feb4e4c-min.en-US.js" defer ></script><script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"betaFeatureFlags":["scripts_defer","nested_categories","campaigns_discount_section_in_automations","contacts_and_campaigns_redesign","supports_versioned_template_assets","marketing_landing_page","order_status_page_checkout_landing_enabled","i18n_beta_website_locales","override_block_styles","campaigns_merch_state","new_stacked_index","section-sdk-product-pages","campaigns_import_discounts","campaigns_discount_section_in_blasts","campaigns_new_image_layout_picker","campaigns_thumbnail_layout","member_areas_feature","marketing_automations"],"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"//assets.squarespace.com/universal/scripts-compressed/announcement-bar-9888d9ce58d54819-min.en-US.js"},"squarespace-audio-player":{"css":"//assets.squarespace.com/universal/styles-compressed/audio-player-5d864aadea1060d1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/audio-player-ddfbfe3f3f4494e2-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-770996818a620a62-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-3db20590466b5b2f-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-2142d2f8231d73c4-min.en-US.js"},"squarespace-comments":{"css":"//assets.squarespace.com/universal/styles-compressed/comments-e3ca1c27e193b137-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/comments-9ba99f3a612ae591-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-4227dcc502351392-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-2cd86eaf683284e1-min.en-US.js"},"squarespace-dialog":{"css":"//assets.squarespace.com/universal/styles-compressed/dialog-6ad3397bb3743468-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/dialog-19fbf97ebfe50104-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-97faa8c3c5d0df03-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-4b38219d1beaec20-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-9a8e475c8d75459f-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-91bf179640922449-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-60f9abd094f76732-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-9871e288388d77eb-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-ced4bad2d6040b38-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-40225927680461f2-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-6d4891a84922348b-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-dc2433d1c2d992d5-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-7f5e1c48dcd0e354-min.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-df172a54eb97a7f8-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-0ce9c692006369a3-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-7e09c495718d7410-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-9c279c712050d6f5-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-83158d0f3d93f36a-min.en-US.js"}},"pageType":2,"website":{"id":"62df9f96468cac7176a697b8","identifier":"cyan-fennel-hrr2","websiteType":1,"contentModifiedOn":1745905999882,"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":{"7":true,"1":true,"2":true,"4":true,"6":true,"3":true,"8":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":"7072bea07347032358efbf479453ddf548bf42af16cc9e3d8295f11d064eb819","captchaSettings":{"siteKey":"","enabledForDonations":false},"showOwnerLogin":false},"websiteSettings":{"id":"62df9f96468cac7176a697c5","websiteId":"62df9f96468cac7176a697b8","subjects":[],"country":"PH","state":"07","simpleLikingEnabled":true,"mobileInfoBarSettings":{"isContactEmailEnabled":false,"isContactPhoneNumberEnabled":false,"isLocationEnabled":false,"isBusinessHoursEnabled":false},"announcementBarSettings":{"style":2,"text":"<p class=\"\" style=\"white-space:pre-wrap;\">We service Orange County, CA</p>"},"commentLikesAllowed":true,"commentAnonAllowed":true,"commentThreaded":true,"commentApprovalRequired":false,"commentAvatarsOn":true,"commentSortType":2,"commentFlagThreshold":0,"commentFlagsAllowed":true,"commentEnableByDefault":true,"commentDisableAfterDaysDefault":0,"disqusShortname":"","commentsEnabled":false,"contactPhoneNumber":"(714) 895-5100","businessHours":{"monday":{"text":"9am - 5pm","ranges":[{"from":540,"to":1020}]},"tuesday":{"text":"9am - 5pm","ranges":[{"from":540,"to":1020}]},"wednesday":{"text":"9am - 5pm","ranges":[{"from":540,"to":1020}]},"thursday":{"text":"9am - 5pm","ranges":[{"from":540,"to":1020}]},"friday":{"text":"9am - 5pm","ranges":[{"from":540,"to":1020}]},"saturday":{"text":"11am - 3pm","ranges":[{"from":660,"to":900}]},"sunday":{"text":"","ranges":[{}]}},"storeSettings":{"returnPolicy":null,"termsOfService":null,"privacyPolicy":null,"expressCheckout":false,"continueShoppingLinkUrl":"/","useLightCart":false,"showNoteField":false,"shippingCountryDefaultValue":"US","billToShippingDefaultValue":false,"showShippingPhoneNumber":true,"isShippingPhoneRequired":false,"showBillingPhoneNumber":true,"isBillingPhoneRequired":false,"currenciesSupported":["USD","CAD","GBP","AUD","EUR","CHF","NOK","SEK","DKK","NZD","SGD","MXN","HKD","CZK","ILS","MYR","RUB","PHP","PLN","THB","BRL","ARS","COP","IDR","INR","JPY","ZAR"],"defaultCurrency":"USD","selectedCurrency":"PHP","measurementStandard":1,"showCustomCheckoutForm":false,"checkoutPageMarketingOptInEnabled":true,"enableMailingListOptInByDefault":false,"sameAsRetailLocation":false,"merchandisingSettings":{"scarcityEnabledOnProductItems":false,"scarcityEnabledOnProductBlocks":false,"scarcityMessageType":"DEFAULT_SCARCITY_MESSAGE","scarcityThreshold":10,"multipleQuantityAllowedForServices":true,"restockNotificationsEnabled":false,"restockNotificationsSuccessText":"","restockNotificationsMailingListSignUpEnabled":false,"relatedProductsEnabled":false,"relatedProductsOrdering":"random","soldOutVariantsDropdownDisabled":false,"productComposerOptedIn":false,"productComposerABTestOptedOut":false,"productReviewsEnabled":false},"minimumOrderSubtotalEnabled":false,"minimumOrderSubtotal":{"currency":"PHP","value":"0.00"},"isLive":false,"multipleQuantityAllowedForServices":true},"useEscapeKeyToLogin":false,"ssBadgeType":1,"ssBadgePosition":4,"ssBadgeVisibility":1,"ssBadgeDevices":1,"pinterestOverlayOptions":{"mode":"disabled"},"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","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/1745905999882/","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/187/5c5a519771c10ba3470d8101/62df9f96468cac7176a697f5/1633/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/1746551647531-BX5MPXJMUO71QGALFV5P/static.css">
  1013.  </head>
  1014.  
  1015.  <body
  1016.    id="collection-62dfa072528d6a3af1025340"
  1017.    class="
  1018.      primary-button-style-solid primary-button-shape-pill secondary-button-style-solid secondary-button-shape-pill tertiary-button-style-solid tertiary-button-shape-pill  form-field-style-solid form-field-shape-square form-field-border-all form-field-checkbox-type-icon form-field-checkbox-fill-solid form-field-checkbox-color-inverted form-field-checkbox-shape-square form-field-checkbox-layout-stack form-field-radio-type-icon form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-pill form-field-radio-layout-stack form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-pill form-field-hover-focus-outline form-submit-button-style-label header-overlay-alignment-left header-width-full   tweak-fixed-header-style-scroll-back tweak-blog-alternating-side-by-side-width-full tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show tweak-blog-basic-grid-width-inset tweak-blog-basic-grid-image-aspect-ratio-32-standard tweak-blog-basic-grid-text-alignment-left tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-date tweak-blog-basic-grid-secondary-meta-categories tweak-blog-basic-grid-excerpt-show tweak-blog-item-width-medium tweak-blog-item-text-alignment-center tweak-blog-item-meta-position-above-title tweak-blog-item-show-categories tweak-blog-item-show-date   tweak-blog-item-delimiter-bullet tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-left tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show tweak-blog-side-by-side-width-full tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-11-square tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-date tweak-blog-side-by-side-meta-position-top tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show tweak-blog-single-column-width-full tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-date tweak-blog-single-column-secondary-meta-categories tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-title-only tweak-events-stacked-width-full tweak-events-stacked-height-large  tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-with-text tweak-events-stacked-show-time tweak-events-stacked-show-location  tweak-events-stacked-show-excerpt   tweak-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-none tweak-global-animations-animation-curve-ease tweak-portfolio-grid-basic-width-full tweak-portfolio-grid-basic-height-large tweak-portfolio-grid-basic-image-aspect-ratio-11-square tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-fade tweak-portfolio-grid-overlay-width-full tweak-portfolio-grid-overlay-height-large tweak-portfolio-grid-overlay-image-aspect-ratio-11-square tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full tweak-portfolio-index-background-height-large  tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline  tweak-portfolio-hover-follow-delimiter-bullet tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-fast tweak-portfolio-hover-static-layout-inline tweak-portfolio-hover-static-front tweak-portfolio-hover-static-delimiter-hyphen tweak-portfolio-hover-static-animation-type-fade tweak-portfolio-hover-static-animation-duration-fast image-block-poster-text-alignment-center image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-center image-block-collage-text-alignment-left image-block-stack-text-alignment-left hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-php collection-62dfa072528d6a3af1025340 collection-type-page collection-layout-default homepage mobile-style-available sqs-seven-one
  1019.      
  1020.        
  1021.          
  1022.            
  1023.              
  1024.            
  1025.          
  1026.        
  1027.      
  1028.    "
  1029.    tabindex="-1"
  1030.  >
  1031.    <div
  1032.      id="siteWrapper"
  1033.      class="clearfix site-wrapper"
  1034.    >
  1035.      
  1036.        <div id="floatingCart" class="floating-cart hidden">
  1037.          <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart">
  1038.            <span class="Cart-inner">
  1039.              
  1040.  
  1041.  
  1042.  
  1043.  <svg class="icon icon--cart" viewBox="0 0 31 24">
  1044.  <g class="svg-icon cart-icon--odd">
  1045.    <circle fill="none" stroke-miterlimit="10" cx="22.5" cy="21.5" r="1"/>
  1046.    <circle fill="none" stroke-miterlimit="10" cx="9.5" cy="21.5" r="1"/>
  1047.    <path fill="none" stroke-miterlimit="10" d="M0,1.5h5c0.6,0,1.1,0.4,1.1,1l1.7,13
  1048.      c0.1,0.5,0.6,1,1.1,1h15c0.5,0,1.2-0.4,1.4-0.9l3.3-8.1c0.2-0.5-0.1-0.9-0.6-0.9H12"/>
  1049.  </g>
  1050. </svg>
  1051.  
  1052.              <div class="legacy-cart icon-cart-quantity">
  1053.                <span class="sqs-cart-quantity">0</span>
  1054.              </div>
  1055.            </span>
  1056.          </a>
  1057.        </div>
  1058.      
  1059.  
  1060.      
  1061.  
  1062.  
  1063.  
  1064.  
  1065.  
  1066.  
  1067.  
  1068.  
  1069.  
  1070.  
  1071.  
  1072.  
  1073.  <header
  1074.    data-test="header"
  1075.    id="header"
  1076.    
  1077.    class="
  1078.      
  1079.        white
  1080.      
  1081.      header theme-col--primary
  1082.    "
  1083.    data-section-theme="white"
  1084.    data-controller="Header"
  1085.    data-current-styles="{
  1086. &quot;layout&quot;: &quot;navRight&quot;,
  1087. &quot;action&quot;: {
  1088. &quot;href&quot;: &quot;/donate&quot;,
  1089. &quot;buttonText&quot;: &quot;Donate&quot;,
  1090. &quot;newWindow&quot;: false
  1091. },
  1092. &quot;showSocial&quot;: true,
  1093. &quot;socialOptions&quot;: {
  1094. &quot;socialBorderShape&quot;: &quot;none&quot;,
  1095. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  1096. &quot;socialBorderThickness&quot;: {
  1097. &quot;unit&quot;: &quot;px&quot;,
  1098. &quot;value&quot;: 1.0
  1099. }
  1100. },
  1101. &quot;sectionTheme&quot;: &quot;white&quot;,
  1102. &quot;menuOverlayTheme&quot;: &quot;white&quot;,
  1103. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  1104. &quot;cartStyle&quot;: &quot;cart&quot;,
  1105. &quot;cartText&quot;: &quot;Cart&quot;,
  1106. &quot;showEmptyCartState&quot;: true,
  1107. &quot;cartOptions&quot;: {
  1108. &quot;iconType&quot;: &quot;stroke-1&quot;,
  1109. &quot;cartBorderShape&quot;: &quot;none&quot;,
  1110. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  1111. &quot;cartBorderThickness&quot;: {
  1112. &quot;unit&quot;: &quot;px&quot;,
  1113. &quot;value&quot;: 1.0
  1114. }
  1115. },
  1116. &quot;showButton&quot;: false,
  1117. &quot;showCart&quot;: false,
  1118. &quot;showAccountLogin&quot;: false,
  1119. &quot;headerStyle&quot;: &quot;theme&quot;,
  1120. &quot;languagePicker&quot;: {
  1121. &quot;enabled&quot;: false,
  1122. &quot;iconEnabled&quot;: false,
  1123. &quot;iconType&quot;: &quot;globe&quot;,
  1124. &quot;flagShape&quot;: &quot;shiny&quot;,
  1125. &quot;languageFlags&quot;: [ ]
  1126. },
  1127. &quot;iconOptions&quot;: {
  1128. &quot;desktopDropdownIconOptions&quot;: {
  1129. &quot;endcapType&quot;: &quot;square&quot;,
  1130. &quot;folderDropdownIcon&quot;: &quot;none&quot;,
  1131. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  1132. },
  1133. &quot;mobileDropdownIconOptions&quot;: {
  1134. &quot;endcapType&quot;: &quot;square&quot;,
  1135. &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
  1136. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  1137. }
  1138. },
  1139. &quot;mobileOptions&quot;: {
  1140. &quot;layout&quot;: &quot;logoRightNavLeft&quot;,
  1141. &quot;menuIconOptions&quot;: {
  1142. &quot;style&quot;: &quot;tripleLineHamburger&quot;,
  1143. &quot;thickness&quot;: {
  1144. &quot;unit&quot;: &quot;px&quot;,
  1145. &quot;value&quot;: 3.0
  1146. }
  1147. }
  1148. },
  1149. &quot;solidOptions&quot;: {
  1150. &quot;headerOpacity&quot;: {
  1151. &quot;unit&quot;: &quot;%&quot;,
  1152. &quot;value&quot;: 100.0
  1153. },
  1154. &quot;blurBackground&quot;: {
  1155. &quot;enabled&quot;: false,
  1156. &quot;blurRadius&quot;: {
  1157. &quot;unit&quot;: &quot;px&quot;,
  1158. &quot;value&quot;: 12.0
  1159. }
  1160. },
  1161. &quot;backgroundColor&quot;: {
  1162. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1163. &quot;sitePaletteColor&quot;: {
  1164. &quot;colorName&quot;: &quot;white&quot;,
  1165. &quot;alphaModifier&quot;: 1.0
  1166. }
  1167. },
  1168. &quot;navigationColor&quot;: {
  1169. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1170. &quot;sitePaletteColor&quot;: {
  1171. &quot;colorName&quot;: &quot;black&quot;,
  1172. &quot;alphaModifier&quot;: 1.0
  1173. }
  1174. }
  1175. },
  1176. &quot;gradientOptions&quot;: {
  1177. &quot;gradientType&quot;: &quot;faded&quot;,
  1178. &quot;headerOpacity&quot;: {
  1179. &quot;unit&quot;: &quot;%&quot;,
  1180. &quot;value&quot;: 90.0
  1181. },
  1182. &quot;blurBackground&quot;: {
  1183. &quot;enabled&quot;: false,
  1184. &quot;blurRadius&quot;: {
  1185. &quot;unit&quot;: &quot;px&quot;,
  1186. &quot;value&quot;: 12.0
  1187. }
  1188. },
  1189. &quot;backgroundColor&quot;: {
  1190. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1191. &quot;sitePaletteColor&quot;: {
  1192. &quot;colorName&quot;: &quot;white&quot;,
  1193. &quot;alphaModifier&quot;: 1.0
  1194. }
  1195. },
  1196. &quot;navigationColor&quot;: {
  1197. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1198. &quot;sitePaletteColor&quot;: {
  1199. &quot;colorName&quot;: &quot;black&quot;,
  1200. &quot;alphaModifier&quot;: 1.0
  1201. }
  1202. }
  1203. },
  1204. &quot;dropShadowOptions&quot;: {
  1205. &quot;enabled&quot;: false,
  1206. &quot;blur&quot;: {
  1207. &quot;unit&quot;: &quot;px&quot;,
  1208. &quot;value&quot;: 12.0
  1209. },
  1210. &quot;spread&quot;: {
  1211. &quot;unit&quot;: &quot;px&quot;,
  1212. &quot;value&quot;: 0.0
  1213. },
  1214. &quot;distance&quot;: {
  1215. &quot;unit&quot;: &quot;px&quot;,
  1216. &quot;value&quot;: 12.0
  1217. }
  1218. },
  1219. &quot;borderOptions&quot;: {
  1220. &quot;enabled&quot;: false,
  1221. &quot;position&quot;: &quot;bottom&quot;,
  1222. &quot;thickness&quot;: {
  1223. &quot;unit&quot;: &quot;px&quot;,
  1224. &quot;value&quot;: 4.0
  1225. }
  1226. },
  1227. &quot;showPromotedElement&quot;: false,
  1228. &quot;buttonVariant&quot;: &quot;primary&quot;,
  1229. &quot;blurBackground&quot;: {
  1230. &quot;enabled&quot;: false,
  1231. &quot;blurRadius&quot;: {
  1232. &quot;unit&quot;: &quot;px&quot;,
  1233. &quot;value&quot;: 12.0
  1234. }
  1235. },
  1236. &quot;headerOpacity&quot;: {
  1237. &quot;unit&quot;: &quot;%&quot;,
  1238. &quot;value&quot;: 100.0
  1239. }
  1240. }"
  1241.    data-section-id="header"
  1242.    data-header-style="theme"
  1243.    data-language-picker="{
  1244. &quot;enabled&quot;: false,
  1245. &quot;iconEnabled&quot;: false,
  1246. &quot;iconType&quot;: &quot;globe&quot;,
  1247. &quot;flagShape&quot;: &quot;shiny&quot;,
  1248. &quot;languageFlags&quot;: [ ]
  1249. }"
  1250.    
  1251.    data-first-focusable-element
  1252.    tabindex="-1"
  1253.    style="
  1254.      
  1255.      
  1256.      
  1257.        --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  1258.      
  1259.      
  1260.        --solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
  1261.      
  1262.      
  1263.        --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  1264.      
  1265.      
  1266.        --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
  1267.      
  1268.    "
  1269.  >
  1270.    <svg  style="display:none" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
  1271.  <symbol id="circle" >
  1272.    <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" fill="none" />
  1273.  </symbol>
  1274.  
  1275.  <symbol id="circleFilled" >
  1276.    <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" />
  1277.  </symbol>
  1278.  
  1279.  <symbol id="dash" >
  1280.    <path d="M11 11H19H3" />
  1281.  </symbol>
  1282.  
  1283.  <symbol id="squareFilled" >
  1284.    <rect x="6" y="6" width="11" height="11" />
  1285.  </symbol>
  1286.  
  1287.  <symbol id="square" >
  1288.    <rect x="7" y="7" width="9" height="9" fill="none" stroke="inherit" />
  1289.  </symbol>
  1290.  
  1291.  <symbol id="plus" >
  1292.    <path d="M11 3V19" />
  1293.    <path d="M19 11L3 11"/>
  1294.  </symbol>
  1295.  
  1296.  <symbol id="closedArrow" >
  1297.    <path d="M11 11V2M11 18.1797L17 11.1477L5 11.1477L11 18.1797Z" fill="none" />
  1298.  </symbol>
  1299.  
  1300.  <symbol id="closedArrowFilled" >
  1301.    <path d="M11 11L11 2" stroke="inherit" fill="none"  />
  1302.    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.74695 9.38428L19.038 9.38428L10.8925 19.0846L2.74695 9.38428Z" stroke-width="1" />
  1303.  </symbol>
  1304.  
  1305.  <symbol id="closedArrowHead" viewBox="0 0 22 22"  xmlns="http://www.w3.org/2000/symbol">
  1306.    <path d="M18 7L11 15L4 7L18 7Z" fill="none" stroke="inherit" />
  1307.  </symbol>
  1308.  
  1309.  
  1310.  <symbol id="closedArrowHeadFilled" viewBox="0 0 22 22"  xmlns="http://www.w3.org/2000/symbol">
  1311.    <path d="M18.875 6.5L11 15.5L3.125 6.5L18.875 6.5Z" />
  1312.  </symbol>
  1313.  
  1314.  <symbol id="openArrow" >
  1315.    <path d="M11 18.3591L11 3" stroke="inherit" fill="none"  />
  1316.    <path d="M18 11.5L11 18.5L4 11.5" stroke="inherit" fill="none"  />
  1317.  </symbol>
  1318.  
  1319.  <symbol id="openArrowHead" >
  1320.    <path d="M18 7L11 14L4 7" fill="none" />
  1321.  </symbol>
  1322.  
  1323.  <symbol id="pinchedArrow" >
  1324.    <path d="M11 17.3591L11 2" fill="none" />
  1325.    <path d="M2 11C5.85455 12.2308 8.81818 14.9038 11 18C13.1818 14.8269 16.1455 12.1538 20 11" fill="none" />
  1326.  </symbol>
  1327.  
  1328.  <symbol id="pinchedArrowFilled" >
  1329.    <path d="M11.05 10.4894C7.04096 8.73759 1.05005 8 1.05005 8C6.20459 11.3191 9.41368 14.1773 11.05 21C12.6864 14.0851 15.8955 11.227 21.05 8C21.05 8 15.0591 8.73759 11.05 10.4894Z" stroke-width="1"/>
  1330.    <path d="M11 11L11 1" fill="none"/>
  1331.  </symbol>
  1332.  
  1333.  <symbol id="pinchedArrowHead" >
  1334.    <path d="M2 7.24091C5.85455 8.40454 8.81818 10.9318 11 13.8591C13.1818 10.8591 16.1455 8.33181 20 7.24091"  fill="none" />
  1335.  </symbol>
  1336.  
  1337.  <symbol id="pinchedArrowHeadFilled" >
  1338.    <path d="M11.05 7.1591C7.04096 5.60456 1.05005 4.95001 1.05005 4.95001C6.20459 7.89547 9.41368 10.4318 11.05 16.4864C12.6864 10.35 15.8955 7.81365 21.05 4.95001C21.05 4.95001 15.0591 5.60456 11.05 7.1591Z" />
  1339.  </symbol>
  1340.  
  1341. </svg>
  1342.    
  1343.  <script>
  1344.    function shouldShowAnnouncementBar() {
  1345.      try {
  1346.        if (!window.Static.SQUARESPACE_CONTEXT.showAnnouncementBar) {
  1347.          return false;
  1348.        }
  1349.        var localDataStr = localStorage.getItem('squarespace-announcement-bar');
  1350.        if (localDataStr && JSON.parse(localDataStr).closed) {
  1351.          return false;
  1352.        }
  1353.        return true;
  1354.      } catch(e) {
  1355.        console.error(e);
  1356.        return true;
  1357.      }
  1358.    }
  1359.    if (shouldShowAnnouncementBar()) {
  1360.      document.body.classList.add('announcement-bar-reserved-space');
  1361.    }
  1362.    //# sourceURL=reserveSpaceForAnnouncementBar.js
  1363.  </script>
  1364.  
  1365. <div class="sqs-announcement-bar-dropzone"></div>
  1366.  
  1367.    <div class="header-announcement-bar-wrapper">
  1368.      
  1369.      <a
  1370.        href="#page"
  1371.        class="header-skip-link sqs-button-element--primary"
  1372.      >
  1373.        Skip to Content
  1374.      </a>
  1375.      
  1376.  
  1377.  
  1378. <style>
  1379.    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  1380.        .header-blur-background {
  1381.            
  1382.            
  1383.        }
  1384.    }
  1385. </style>
  1386.      <div
  1387.        class="header-border"
  1388.        data-header-style="theme"
  1389.        data-header-border="false"
  1390.        data-test="header-border"
  1391.        style="
  1392.  
  1393.  
  1394.  
  1395.  
  1396. "
  1397.      ></div>
  1398.      <div
  1399.        class="header-dropshadow"
  1400.        data-header-style="theme"
  1401.        data-header-dropshadow="false"
  1402.        data-test="header-dropshadow"
  1403.        style=""
  1404.      ></div>
  1405.      
  1406.      
  1407.  
  1408.      <div class='header-inner container--fluid
  1409.        
  1410.        
  1411.        
  1412.        
  1413.        
  1414.        
  1415.        
  1416.        
  1417.         header-mobile-layout-logo-right-nav-left
  1418.        
  1419.         header-layout-nav-right
  1420.        
  1421.        
  1422.        
  1423.        
  1424.        
  1425.        
  1426.        
  1427.        
  1428.        '
  1429.        data-test="header-inner"
  1430.        >
  1431.        <!-- Background -->
  1432.        <div class="header-background theme-bg--primary"></div>
  1433.  
  1434.        <div class="header-display-desktop" data-content-field="site-title">
  1435.          
  1436.  
  1437.          
  1438.  
  1439.          
  1440.  
  1441.          
  1442.  
  1443.          
  1444.  
  1445.          
  1446.          
  1447.            
  1448.            <!-- Social -->
  1449.            
  1450.              
  1451.            
  1452.          
  1453.            
  1454.            <!-- Title and nav wrapper -->
  1455.            <div class="header-title-nav-wrapper">
  1456.              
  1457.  
  1458.              
  1459.  
  1460.              
  1461.                
  1462.                <!-- Title -->
  1463.                
  1464.                  <div
  1465.                    class="
  1466.                      header-title
  1467.                      
  1468.                    "
  1469.                    data-animation-role="header-element"
  1470.                  >
  1471.                    
  1472.                      <div class="header-title-logo">
  1473.                        <a href="/" data-animation-role="header-element">
  1474.                        
  1475. <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/4bb5d3d8-c11e-4393-ab4b-c3e38d740560/logo.png?format=1500w" alt="Interior Door &amp;amp; Closet Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">
  1476.  
  1477.                        </a>
  1478.                      </div>
  1479.  
  1480.                    
  1481.                    
  1482.                  </div>
  1483.                
  1484.              
  1485.                
  1486.                <!-- Nav -->
  1487.                <div class="header-nav">
  1488.                  <div class="header-nav-wrapper">
  1489.                    <nav class="header-nav-list">
  1490.                      
  1491.  
  1492.  
  1493.  
  1494.    <div class="header-nav-item header-nav-item--folder">
  1495.      <a
  1496.        class="header-nav-folder-title"
  1497.        href="/interior-doors-folder"
  1498.        data-animation-role="header-element"
  1499.        aria-expanded="false"
  1500.        aria-label="folder dropdown"
  1501.        aria-controls="interior-doors"
  1502.        
  1503.      >
  1504.      <span class="header-nav-folder-title-text">
  1505.        Interior Doors
  1506.      </span>
  1507.      </a>
  1508.      <div class="header-nav-folder-content" id="interior-doors">
  1509.        
  1510.          
  1511.            <div class="header-nav-folder-item">
  1512.              <a
  1513.                href="/interior-doors/signature-collection"
  1514.                
  1515.              >
  1516.                <span class="header-nav-folder-item-content">
  1517.                  Signature Collection
  1518.                </span>
  1519.              </a>
  1520.            </div>
  1521.          
  1522.          
  1523.        
  1524.          
  1525.            <div class="header-nav-folder-item">
  1526.              <a
  1527.                href="/interior-doors/premium-doors"
  1528.                
  1529.              >
  1530.                <span class="header-nav-folder-item-content">
  1531.                  Premium Doors
  1532.                </span>
  1533.              </a>
  1534.            </div>
  1535.          
  1536.          
  1537.        
  1538.          
  1539.            <div class="header-nav-folder-item">
  1540.              <a
  1541.                href="/interior-doors/glass-doors"
  1542.                
  1543.              >
  1544.                <span class="header-nav-folder-item-content">
  1545.                  Glass Doors
  1546.                </span>
  1547.              </a>
  1548.            </div>
  1549.          
  1550.          
  1551.        
  1552.          
  1553.            <div class="header-nav-folder-item">
  1554.              <a
  1555.                href="/interior-doors/stain-grade-doors"
  1556.                
  1557.              >
  1558.                <span class="header-nav-folder-item-content">
  1559.                  Stain Grade Doors
  1560.                </span>
  1561.              </a>
  1562.            </div>
  1563.          
  1564.          
  1565.        
  1566.          
  1567.            <div class="header-nav-folder-item">
  1568.              <a
  1569.                href="/interior-doors/contemporary-doors"
  1570.                
  1571.              >
  1572.                <span class="header-nav-folder-item-content">
  1573.                  Contemporary Doors
  1574.                </span>
  1575.              </a>
  1576.            </div>
  1577.          
  1578.          
  1579.        
  1580.      </div>
  1581.    </div>
  1582.  
  1583.  
  1584.  
  1585.  
  1586.  
  1587.    <div class="header-nav-item header-nav-item--folder">
  1588.      <a
  1589.        class="header-nav-folder-title"
  1590.        href="/closet-doors-folder"
  1591.        data-animation-role="header-element"
  1592.        aria-expanded="false"
  1593.        aria-label="folder dropdown"
  1594.        aria-controls="closet-doors"
  1595.        
  1596.      >
  1597.      <span class="header-nav-folder-title-text">
  1598.        Closet Doors
  1599.      </span>
  1600.      </a>
  1601.      <div class="header-nav-folder-content" id="closet-doors">
  1602.        
  1603.          
  1604.            <div class="header-nav-folder-item">
  1605.              <a
  1606.                href="/closet-doors/mirrored-closet-doors"
  1607.                
  1608.              >
  1609.                <span class="header-nav-folder-item-content">
  1610.                  Mirrored Closet Doors
  1611.                </span>
  1612.              </a>
  1613.            </div>
  1614.          
  1615.          
  1616.        
  1617.          
  1618.            <div class="header-nav-folder-item">
  1619.              <a
  1620.                href="/closet-doors/panel-louver-and-flush-doors"
  1621.                
  1622.              >
  1623.                <span class="header-nav-folder-item-content">
  1624.                  Paneled &amp; Louver Doors
  1625.                </span>
  1626.              </a>
  1627.            </div>
  1628.          
  1629.          
  1630.        
  1631.          
  1632.            <div class="header-nav-folder-item">
  1633.              <a
  1634.                href="/closet-doors/glass-closet-doors"
  1635.                
  1636.              >
  1637.                <span class="header-nav-folder-item-content">
  1638.                  Glass Closet Doors
  1639.                </span>
  1640.              </a>
  1641.            </div>
  1642.          
  1643.          
  1644.        
  1645.          
  1646.            <div class="header-nav-folder-item">
  1647.              <a
  1648.                href="/closet-doors/room-dividers"
  1649.                
  1650.              >
  1651.                <span class="header-nav-folder-item-content">
  1652.                  Room Dividers
  1653.                </span>
  1654.              </a>
  1655.            </div>
  1656.          
  1657.          
  1658.        
  1659.          
  1660.            <div class="header-nav-folder-item">
  1661.              <a
  1662.                href="/closet-doors/sliding-true-shoji"
  1663.                
  1664.              >
  1665.                <span class="header-nav-folder-item-content">
  1666.                  True Shoji
  1667.                </span>
  1668.              </a>
  1669.            </div>
  1670.          
  1671.          
  1672.        
  1673.      </div>
  1674.    </div>
  1675.  
  1676.  
  1677.  
  1678.  
  1679.  
  1680.    <div class="header-nav-item header-nav-item--folder">
  1681.      <a
  1682.        class="header-nav-folder-title"
  1683.        href="/barn-doors-folder"
  1684.        data-animation-role="header-element"
  1685.        aria-expanded="false"
  1686.        aria-label="folder dropdown"
  1687.        aria-controls="barn-doors"
  1688.        
  1689.      >
  1690.      <span class="header-nav-folder-title-text">
  1691.        Barn Doors
  1692.      </span>
  1693.      </a>
  1694.      <div class="header-nav-folder-content" id="barn-doors">
  1695.        
  1696.          
  1697.            <div class="header-nav-folder-item">
  1698.              <a
  1699.                href="/barn-doors/paneled-wood-doors"
  1700.                
  1701.              >
  1702.                <span class="header-nav-folder-item-content">
  1703.                  Paneled Doors
  1704.                </span>
  1705.              </a>
  1706.            </div>
  1707.          
  1708.          
  1709.        
  1710.          
  1711.            <div class="header-nav-folder-item">
  1712.              <a
  1713.                href="/barn-doors/glass-mirrored-doors"
  1714.                
  1715.              >
  1716.                <span class="header-nav-folder-item-content">
  1717.                  Glass &amp; Mirrored Doors
  1718.                </span>
  1719.              </a>
  1720.            </div>
  1721.          
  1722.          
  1723.        
  1724.          
  1725.            <div class="header-nav-folder-item">
  1726.              <a
  1727.                href="/barn-doors/tracks"
  1728.                
  1729.              >
  1730.                <span class="header-nav-folder-item-content">
  1731.                  Tracks
  1732.                </span>
  1733.              </a>
  1734.            </div>
  1735.          
  1736.          
  1737.        
  1738.          
  1739.            <div class="header-nav-folder-item">
  1740.              <a
  1741.                href="/barn-doors/pulls"
  1742.                
  1743.              >
  1744.                <span class="header-nav-folder-item-content">
  1745.                  Pulls
  1746.                </span>
  1747.              </a>
  1748.            </div>
  1749.          
  1750.          
  1751.        
  1752.      </div>
  1753.    </div>
  1754.  
  1755.  
  1756.  
  1757.  
  1758.  
  1759.    <div class="header-nav-item header-nav-item--folder">
  1760.      <a
  1761.        class="header-nav-folder-title"
  1762.        href="/organizers-folder"
  1763.        data-animation-role="header-element"
  1764.        aria-expanded="false"
  1765.        aria-label="folder dropdown"
  1766.        aria-controls="organizers"
  1767.        
  1768.      >
  1769.      <span class="header-nav-folder-title-text">
  1770.        Organizers
  1771.      </span>
  1772.      </a>
  1773.      <div class="header-nav-folder-content" id="organizers">
  1774.        
  1775.          
  1776.            <div class="header-nav-folder-item">
  1777.              <a
  1778.                href="/organizers/reach-in-closet-organizers"
  1779.                
  1780.              >
  1781.                <span class="header-nav-folder-item-content">
  1782.                  Reach-in Closet Organizers
  1783.                </span>
  1784.              </a>
  1785.            </div>
  1786.          
  1787.          
  1788.        
  1789.          
  1790.            <div class="header-nav-folder-item">
  1791.              <a
  1792.                href="/organizers/walk-in-closet-organizers"
  1793.                
  1794.              >
  1795.                <span class="header-nav-folder-item-content">
  1796.                  Walk-in Closet Organizers
  1797.                </span>
  1798.              </a>
  1799.            </div>
  1800.          
  1801.          
  1802.        
  1803.          
  1804.            <div class="header-nav-folder-item">
  1805.              <a
  1806.                href="/organizers/closet-accessories"
  1807.                
  1808.              >
  1809.                <span class="header-nav-folder-item-content">
  1810.                  Closet Accessories
  1811.                </span>
  1812.              </a>
  1813.            </div>
  1814.          
  1815.          
  1816.        
  1817.          
  1818.            <div class="header-nav-folder-item">
  1819.              <a
  1820.                href="/organizers/garage-accessories"
  1821.                
  1822.              >
  1823.                <span class="header-nav-folder-item-content">
  1824.                  Garage Organizers
  1825.                </span>
  1826.              </a>
  1827.            </div>
  1828.          
  1829.          
  1830.        
  1831.      </div>
  1832.    </div>
  1833.  
  1834.  
  1835.  
  1836.  
  1837.  
  1838.    <div class="header-nav-item header-nav-item--folder">
  1839.      <a
  1840.        class="header-nav-folder-title"
  1841.        href="/door-installation-folder"
  1842.        data-animation-role="header-element"
  1843.        aria-expanded="false"
  1844.        aria-label="folder dropdown"
  1845.        aria-controls="door-installation"
  1846.        
  1847.      >
  1848.      <span class="header-nav-folder-title-text">
  1849.        Door Installation
  1850.      </span>
  1851.      </a>
  1852.      <div class="header-nav-folder-content" id="door-installation">
  1853.        
  1854.          
  1855.            <div class="header-nav-folder-item">
  1856.              <a
  1857.                href="/door-installation/contractors"
  1858.                
  1859.              >
  1860.                <span class="header-nav-folder-item-content">
  1861.                  Contractors
  1862.                </span>
  1863.              </a>
  1864.            </div>
  1865.          
  1866.          
  1867.        
  1868.          
  1869.            <div class="header-nav-folder-item">
  1870.              <a
  1871.                href="/door-installation/real-estate-agents"
  1872.                
  1873.              >
  1874.                <span class="header-nav-folder-item-content">
  1875.                  Real Estate Agents
  1876.                </span>
  1877.              </a>
  1878.            </div>
  1879.          
  1880.          
  1881.        
  1882.          
  1883.            <div class="header-nav-folder-item">
  1884.              <a
  1885.                href="/door-installation/interior-designers"
  1886.                
  1887.              >
  1888.                <span class="header-nav-folder-item-content">
  1889.                  Interior Designers
  1890.                </span>
  1891.              </a>
  1892.            </div>
  1893.          
  1894.          
  1895.        
  1896.      </div>
  1897.    </div>
  1898.  
  1899.  
  1900.  
  1901.  
  1902.  
  1903.    <div class="header-nav-item header-nav-item--collection">
  1904.      <a
  1905.        href="/faq"
  1906.        data-animation-role="header-element"
  1907.        
  1908.      >
  1909.        FAQ
  1910.      </a>
  1911.    </div>
  1912.  
  1913.  
  1914.  
  1915.  
  1916.  
  1917.  
  1918.    <div class="header-nav-item header-nav-item--collection">
  1919.      <a
  1920.        href="/testimonials"
  1921.        data-animation-role="header-element"
  1922.        
  1923.      >
  1924.        Testimonials
  1925.      </a>
  1926.    </div>
  1927.  
  1928.  
  1929.  
  1930.  
  1931.  
  1932.  
  1933.    <div class="header-nav-item header-nav-item--collection">
  1934.      <a
  1935.        href="/about"
  1936.        data-animation-role="header-element"
  1937.        
  1938.      >
  1939.        About Us
  1940.      </a>
  1941.    </div>
  1942.  
  1943.  
  1944.  
  1945.  
  1946.  
  1947.  
  1948.    <div class="header-nav-item header-nav-item--collection">
  1949.      <a
  1950.        href="/contact-us"
  1951.        data-animation-role="header-element"
  1952.        
  1953.      >
  1954.        Contact Us
  1955.      </a>
  1956.    </div>
  1957.  
  1958.  
  1959.  
  1960.  
  1961.  
  1962.  
  1963.    <div class="header-nav-item header-nav-item--collection">
  1964.      <a
  1965.        href="/will-call"
  1966.        data-animation-role="header-element"
  1967.        
  1968.      >
  1969.        Local pickup / Will Call
  1970.      </a>
  1971.    </div>
  1972.  
  1973.  
  1974.  
  1975.  
  1976.  
  1977.  
  1978.                    </nav>
  1979.                  </div>
  1980.                </div>
  1981.              
  1982.              
  1983.            </div>
  1984.          
  1985.            
  1986.            <!-- Actions -->
  1987.            <div class="header-actions header-actions--right">
  1988.              
  1989.              
  1990.                
  1991.                  <div class="header-actions-action header-actions-action--social">
  1992.                    
  1993.                      
  1994.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://goo.gl/maps/GnSrfPScLQR2" target="_blank" aria-label="URL">
  1995.                          <svg viewBox="23 23 64 64">
  1996.                            <use xlink:href="#url-icon" width="110" height="110"></use>
  1997.                          </svg>
  1998.                        </a>
  1999.                      
  2000.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.facebook.com/interiordoorandcloset" target="_blank" aria-label="Facebook">
  2001.                          <svg viewBox="23 23 64 64">
  2002.                            <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
  2003.                          </svg>
  2004.                        </a>
  2005.                      
  2006.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.pinterest.com/ocdoors/" target="_blank" aria-label="Pinterest">
  2007.                          <svg viewBox="23 23 64 64">
  2008.                            <use xlink:href="#pinterest-unauth-icon" width="110" height="110"></use>
  2009.                          </svg>
  2010.                        </a>
  2011.                      
  2012.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.linkedin.com/company/interior-door-and-closet-company/about/" target="_blank" aria-label="LinkedIn">
  2013.                          <svg viewBox="23 23 64 64">
  2014.                            <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use>
  2015.                          </svg>
  2016.                        </a>
  2017.                      
  2018.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company" target="_blank" aria-label="Houzz">
  2019.                          <svg viewBox="23 23 64 64">
  2020.                            <use xlink:href="#houzz-icon" width="110" height="110"></use>
  2021.                          </svg>
  2022.                        </a>
  2023.                      
  2024.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.instagram.com/ocdoorsandclosets/" target="_blank" aria-label="Instagram">
  2025.                          <svg viewBox="23 23 64 64">
  2026.                            <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use>
  2027.                          </svg>
  2028.                        </a>
  2029.                      
  2030.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  2031.                          <svg viewBox="23 23 64 64">
  2032.                            <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  2033.                          </svg>
  2034.                        </a>
  2035.                      
  2036.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  2037.                          <svg viewBox="23 23 64 64">
  2038.                            <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  2039.                          </svg>
  2040.                        </a>
  2041.                      
  2042.                    
  2043.                  </div>
  2044.                
  2045.              
  2046.  
  2047.              
  2048.  
  2049.            
  2050.            
  2051.  
  2052.              
  2053.              <div class="showOnMobile">
  2054.                
  2055.              </div>
  2056.  
  2057.              
  2058.              <div class="showOnDesktop">
  2059.                
  2060.              </div>
  2061.  
  2062.              
  2063.            </div>
  2064.          
  2065.            
  2066.  
  2067.  
  2068. <style>
  2069.  .top-bun,
  2070.  .patty,
  2071.  .bottom-bun {
  2072.    height: 3px;
  2073.  }
  2074. </style>
  2075.  
  2076. <!-- Burger -->
  2077. <div class="header-burger
  2078.  
  2079.  menu-overlay-has-visible-non-navigation-items
  2080.  
  2081. " data-animation-role="header-element">
  2082.  <button class="header-burger-btn burger" data-test="header-burger">
  2083.    <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  2084.    <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  2085.    <div class="burger-box">
  2086.      <div class="burger-inner header-menu-icon-tripleLineHamburger">
  2087.        <div class="top-bun"></div>
  2088.        <div class="patty"></div>
  2089.        <div class="bottom-bun"></div>
  2090.      </div>
  2091.    </div>
  2092.  </button>
  2093. </div>
  2094.  
  2095.          
  2096.          
  2097.          
  2098.          
  2099.          
  2100.  
  2101.        </div>
  2102.        <div class="header-display-mobile" data-content-field="site-title">
  2103.          
  2104.          
  2105.          
  2106.          
  2107.          
  2108.            
  2109.            <!-- Social -->
  2110.            
  2111.              
  2112.            
  2113.          
  2114.            
  2115.  
  2116.  
  2117. <style>
  2118.  .top-bun,
  2119.  .patty,
  2120.  .bottom-bun {
  2121.    height: 3px;
  2122.  }
  2123. </style>
  2124.  
  2125. <!-- Burger -->
  2126. <div class="header-burger
  2127.  
  2128.  menu-overlay-has-visible-non-navigation-items
  2129.  
  2130. " data-animation-role="header-element">
  2131.  <button class="header-burger-btn burger" data-test="header-burger">
  2132.    <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  2133.    <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  2134.    <div class="burger-box">
  2135.      <div class="burger-inner header-menu-icon-tripleLineHamburger">
  2136.        <div class="top-bun"></div>
  2137.        <div class="patty"></div>
  2138.        <div class="bottom-bun"></div>
  2139.      </div>
  2140.    </div>
  2141.  </button>
  2142. </div>
  2143.  
  2144.            
  2145.            <!-- Actions -->
  2146.            <div class="header-actions header-actions--right">
  2147.              
  2148.              
  2149.                
  2150.                  <div class="header-actions-action header-actions-action--social">
  2151.                    
  2152.                      
  2153.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://goo.gl/maps/GnSrfPScLQR2" target="_blank" aria-label="URL">
  2154.                          <svg viewBox="23 23 64 64">
  2155.                            <use xlink:href="#url-icon" width="110" height="110"></use>
  2156.                          </svg>
  2157.                        </a>
  2158.                      
  2159.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.facebook.com/interiordoorandcloset" target="_blank" aria-label="Facebook">
  2160.                          <svg viewBox="23 23 64 64">
  2161.                            <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
  2162.                          </svg>
  2163.                        </a>
  2164.                      
  2165.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.pinterest.com/ocdoors/" target="_blank" aria-label="Pinterest">
  2166.                          <svg viewBox="23 23 64 64">
  2167.                            <use xlink:href="#pinterest-unauth-icon" width="110" height="110"></use>
  2168.                          </svg>
  2169.                        </a>
  2170.                      
  2171.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.linkedin.com/company/interior-door-and-closet-company/about/" target="_blank" aria-label="LinkedIn">
  2172.                          <svg viewBox="23 23 64 64">
  2173.                            <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use>
  2174.                          </svg>
  2175.                        </a>
  2176.                      
  2177.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company" target="_blank" aria-label="Houzz">
  2178.                          <svg viewBox="23 23 64 64">
  2179.                            <use xlink:href="#houzz-icon" width="110" height="110"></use>
  2180.                          </svg>
  2181.                        </a>
  2182.                      
  2183.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.instagram.com/ocdoorsandclosets/" target="_blank" aria-label="Instagram">
  2184.                          <svg viewBox="23 23 64 64">
  2185.                            <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use>
  2186.                          </svg>
  2187.                        </a>
  2188.                      
  2189.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  2190.                          <svg viewBox="23 23 64 64">
  2191.                            <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  2192.                          </svg>
  2193.                        </a>
  2194.                      
  2195.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  2196.                          <svg viewBox="23 23 64 64">
  2197.                            <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  2198.                          </svg>
  2199.                        </a>
  2200.                      
  2201.                    
  2202.                  </div>
  2203.                
  2204.              
  2205.  
  2206.              
  2207.  
  2208.            
  2209.            
  2210.  
  2211.              
  2212.              <div class="showOnMobile">
  2213.                
  2214.              </div>
  2215.  
  2216.              
  2217.              <div class="showOnDesktop">
  2218.                
  2219.              </div>
  2220.  
  2221.              
  2222.            </div>
  2223.          
  2224.            
  2225.            <!-- Title and nav wrapper -->
  2226.            <div class="header-title-nav-wrapper">
  2227.              
  2228.  
  2229.              
  2230.  
  2231.              
  2232.                
  2233.                <!-- Title -->
  2234.                
  2235.                  <div
  2236.                    class="
  2237.                      header-title
  2238.                      
  2239.                    "
  2240.                    data-animation-role="header-element"
  2241.                  >
  2242.                    
  2243.                      <div class="header-title-logo">
  2244.                        <a href="/" data-animation-role="header-element">
  2245.                        
  2246. <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/62df9f96468cac7176a697b8/4bb5d3d8-c11e-4393-ab4b-c3e38d740560/logo.png?format=1500w" alt="Interior Door &amp;amp; Closet Company" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">
  2247.  
  2248.                        </a>
  2249.                      </div>
  2250.  
  2251.                    
  2252.                    
  2253.                  </div>
  2254.                
  2255.              
  2256.                
  2257.                <!-- Nav -->
  2258.                <div class="header-nav">
  2259.                  <div class="header-nav-wrapper">
  2260.                    <nav class="header-nav-list">
  2261.                      
  2262.  
  2263.  
  2264.  
  2265.    <div class="header-nav-item header-nav-item--folder">
  2266.      <a
  2267.        class="header-nav-folder-title"
  2268.        href="/interior-doors-folder"
  2269.        data-animation-role="header-element"
  2270.        aria-expanded="false"
  2271.        aria-label="folder dropdown"
  2272.        aria-controls="interior-doors"
  2273.        
  2274.      >
  2275.      <span class="header-nav-folder-title-text">
  2276.        Interior Doors
  2277.      </span>
  2278.      </a>
  2279.      <div class="header-nav-folder-content" id="interior-doors">
  2280.        
  2281.          
  2282.            <div class="header-nav-folder-item">
  2283.              <a
  2284.                href="/interior-doors/signature-collection"
  2285.                
  2286.              >
  2287.                <span class="header-nav-folder-item-content">
  2288.                  Signature Collection
  2289.                </span>
  2290.              </a>
  2291.            </div>
  2292.          
  2293.          
  2294.        
  2295.          
  2296.            <div class="header-nav-folder-item">
  2297.              <a
  2298.                href="/interior-doors/premium-doors"
  2299.                
  2300.              >
  2301.                <span class="header-nav-folder-item-content">
  2302.                  Premium Doors
  2303.                </span>
  2304.              </a>
  2305.            </div>
  2306.          
  2307.          
  2308.        
  2309.          
  2310.            <div class="header-nav-folder-item">
  2311.              <a
  2312.                href="/interior-doors/glass-doors"
  2313.                
  2314.              >
  2315.                <span class="header-nav-folder-item-content">
  2316.                  Glass Doors
  2317.                </span>
  2318.              </a>
  2319.            </div>
  2320.          
  2321.          
  2322.        
  2323.          
  2324.            <div class="header-nav-folder-item">
  2325.              <a
  2326.                href="/interior-doors/stain-grade-doors"
  2327.                
  2328.              >
  2329.                <span class="header-nav-folder-item-content">
  2330.                  Stain Grade Doors
  2331.                </span>
  2332.              </a>
  2333.            </div>
  2334.          
  2335.          
  2336.        
  2337.          
  2338.            <div class="header-nav-folder-item">
  2339.              <a
  2340.                href="/interior-doors/contemporary-doors"
  2341.                
  2342.              >
  2343.                <span class="header-nav-folder-item-content">
  2344.                  Contemporary Doors
  2345.                </span>
  2346.              </a>
  2347.            </div>
  2348.          
  2349.          
  2350.        
  2351.      </div>
  2352.    </div>
  2353.  
  2354.  
  2355.  
  2356.  
  2357.  
  2358.    <div class="header-nav-item header-nav-item--folder">
  2359.      <a
  2360.        class="header-nav-folder-title"
  2361.        href="/closet-doors-folder"
  2362.        data-animation-role="header-element"
  2363.        aria-expanded="false"
  2364.        aria-label="folder dropdown"
  2365.        aria-controls="closet-doors"
  2366.        
  2367.      >
  2368.      <span class="header-nav-folder-title-text">
  2369.        Closet Doors
  2370.      </span>
  2371.      </a>
  2372.      <div class="header-nav-folder-content" id="closet-doors">
  2373.        
  2374.          
  2375.            <div class="header-nav-folder-item">
  2376.              <a
  2377.                href="/closet-doors/mirrored-closet-doors"
  2378.                
  2379.              >
  2380.                <span class="header-nav-folder-item-content">
  2381.                  Mirrored Closet Doors
  2382.                </span>
  2383.              </a>
  2384.            </div>
  2385.          
  2386.          
  2387.        
  2388.          
  2389.            <div class="header-nav-folder-item">
  2390.              <a
  2391.                href="/closet-doors/panel-louver-and-flush-doors"
  2392.                
  2393.              >
  2394.                <span class="header-nav-folder-item-content">
  2395.                  Paneled &amp; Louver Doors
  2396.                </span>
  2397.              </a>
  2398.            </div>
  2399.          
  2400.          
  2401.        
  2402.          
  2403.            <div class="header-nav-folder-item">
  2404.              <a
  2405.                href="/closet-doors/glass-closet-doors"
  2406.                
  2407.              >
  2408.                <span class="header-nav-folder-item-content">
  2409.                  Glass Closet Doors
  2410.                </span>
  2411.              </a>
  2412.            </div>
  2413.          
  2414.          
  2415.        
  2416.          
  2417.            <div class="header-nav-folder-item">
  2418.              <a
  2419.                href="/closet-doors/room-dividers"
  2420.                
  2421.              >
  2422.                <span class="header-nav-folder-item-content">
  2423.                  Room Dividers
  2424.                </span>
  2425.              </a>
  2426.            </div>
  2427.          
  2428.          
  2429.        
  2430.          
  2431.            <div class="header-nav-folder-item">
  2432.              <a
  2433.                href="/closet-doors/sliding-true-shoji"
  2434.                
  2435.              >
  2436.                <span class="header-nav-folder-item-content">
  2437.                  True Shoji
  2438.                </span>
  2439.              </a>
  2440.            </div>
  2441.          
  2442.          
  2443.        
  2444.      </div>
  2445.    </div>
  2446.  
  2447.  
  2448.  
  2449.  
  2450.  
  2451.    <div class="header-nav-item header-nav-item--folder">
  2452.      <a
  2453.        class="header-nav-folder-title"
  2454.        href="/barn-doors-folder"
  2455.        data-animation-role="header-element"
  2456.        aria-expanded="false"
  2457.        aria-label="folder dropdown"
  2458.        aria-controls="barn-doors"
  2459.        
  2460.      >
  2461.      <span class="header-nav-folder-title-text">
  2462.        Barn Doors
  2463.      </span>
  2464.      </a>
  2465.      <div class="header-nav-folder-content" id="barn-doors">
  2466.        
  2467.          
  2468.            <div class="header-nav-folder-item">
  2469.              <a
  2470.                href="/barn-doors/paneled-wood-doors"
  2471.                
  2472.              >
  2473.                <span class="header-nav-folder-item-content">
  2474.                  Paneled Doors
  2475.                </span>
  2476.              </a>
  2477.            </div>
  2478.          
  2479.          
  2480.        
  2481.          
  2482.            <div class="header-nav-folder-item">
  2483.              <a
  2484.                href="/barn-doors/glass-mirrored-doors"
  2485.                
  2486.              >
  2487.                <span class="header-nav-folder-item-content">
  2488.                  Glass &amp; Mirrored Doors
  2489.                </span>
  2490.              </a>
  2491.            </div>
  2492.          
  2493.          
  2494.        
  2495.          
  2496.            <div class="header-nav-folder-item">
  2497.              <a
  2498.                href="/barn-doors/tracks"
  2499.                
  2500.              >
  2501.                <span class="header-nav-folder-item-content">
  2502.                  Tracks
  2503.                </span>
  2504.              </a>
  2505.            </div>
  2506.          
  2507.          
  2508.        
  2509.          
  2510.            <div class="header-nav-folder-item">
  2511.              <a
  2512.                href="/barn-doors/pulls"
  2513.                
  2514.              >
  2515.                <span class="header-nav-folder-item-content">
  2516.                  Pulls
  2517.                </span>
  2518.              </a>
  2519.            </div>
  2520.          
  2521.          
  2522.        
  2523.      </div>
  2524.    </div>
  2525.  
  2526.  
  2527.  
  2528.  
  2529.  
  2530.    <div class="header-nav-item header-nav-item--folder">
  2531.      <a
  2532.        class="header-nav-folder-title"
  2533.        href="/organizers-folder"
  2534.        data-animation-role="header-element"
  2535.        aria-expanded="false"
  2536.        aria-label="folder dropdown"
  2537.        aria-controls="organizers"
  2538.        
  2539.      >
  2540.      <span class="header-nav-folder-title-text">
  2541.        Organizers
  2542.      </span>
  2543.      </a>
  2544.      <div class="header-nav-folder-content" id="organizers">
  2545.        
  2546.          
  2547.            <div class="header-nav-folder-item">
  2548.              <a
  2549.                href="/organizers/reach-in-closet-organizers"
  2550.                
  2551.              >
  2552.                <span class="header-nav-folder-item-content">
  2553.                  Reach-in Closet Organizers
  2554.                </span>
  2555.              </a>
  2556.            </div>
  2557.          
  2558.          
  2559.        
  2560.          
  2561.            <div class="header-nav-folder-item">
  2562.              <a
  2563.                href="/organizers/walk-in-closet-organizers"
  2564.                
  2565.              >
  2566.                <span class="header-nav-folder-item-content">
  2567.                  Walk-in Closet Organizers
  2568.                </span>
  2569.              </a>
  2570.            </div>
  2571.          
  2572.          
  2573.        
  2574.          
  2575.            <div class="header-nav-folder-item">
  2576.              <a
  2577.                href="/organizers/closet-accessories"
  2578.                
  2579.              >
  2580.                <span class="header-nav-folder-item-content">
  2581.                  Closet Accessories
  2582.                </span>
  2583.              </a>
  2584.            </div>
  2585.          
  2586.          
  2587.        
  2588.          
  2589.            <div class="header-nav-folder-item">
  2590.              <a
  2591.                href="/organizers/garage-accessories"
  2592.                
  2593.              >
  2594.                <span class="header-nav-folder-item-content">
  2595.                  Garage Organizers
  2596.                </span>
  2597.              </a>
  2598.            </div>
  2599.          
  2600.          
  2601.        
  2602.      </div>
  2603.    </div>
  2604.  
  2605.  
  2606.  
  2607.  
  2608.  
  2609.    <div class="header-nav-item header-nav-item--folder">
  2610.      <a
  2611.        class="header-nav-folder-title"
  2612.        href="/door-installation-folder"
  2613.        data-animation-role="header-element"
  2614.        aria-expanded="false"
  2615.        aria-label="folder dropdown"
  2616.        aria-controls="door-installation"
  2617.        
  2618.      >
  2619.      <span class="header-nav-folder-title-text">
  2620.        Door Installation
  2621.      </span>
  2622.      </a>
  2623.      <div class="header-nav-folder-content" id="door-installation">
  2624.        
  2625.          
  2626.            <div class="header-nav-folder-item">
  2627.              <a
  2628.                href="/door-installation/contractors"
  2629.                
  2630.              >
  2631.                <span class="header-nav-folder-item-content">
  2632.                  Contractors
  2633.                </span>
  2634.              </a>
  2635.            </div>
  2636.          
  2637.          
  2638.        
  2639.          
  2640.            <div class="header-nav-folder-item">
  2641.              <a
  2642.                href="/door-installation/real-estate-agents"
  2643.                
  2644.              >
  2645.                <span class="header-nav-folder-item-content">
  2646.                  Real Estate Agents
  2647.                </span>
  2648.              </a>
  2649.            </div>
  2650.          
  2651.          
  2652.        
  2653.          
  2654.            <div class="header-nav-folder-item">
  2655.              <a
  2656.                href="/door-installation/interior-designers"
  2657.                
  2658.              >
  2659.                <span class="header-nav-folder-item-content">
  2660.                  Interior Designers
  2661.                </span>
  2662.              </a>
  2663.            </div>
  2664.          
  2665.          
  2666.        
  2667.      </div>
  2668.    </div>
  2669.  
  2670.  
  2671.  
  2672.  
  2673.  
  2674.    <div class="header-nav-item header-nav-item--collection">
  2675.      <a
  2676.        href="/faq"
  2677.        data-animation-role="header-element"
  2678.        
  2679.      >
  2680.        FAQ
  2681.      </a>
  2682.    </div>
  2683.  
  2684.  
  2685.  
  2686.  
  2687.  
  2688.  
  2689.    <div class="header-nav-item header-nav-item--collection">
  2690.      <a
  2691.        href="/testimonials"
  2692.        data-animation-role="header-element"
  2693.        
  2694.      >
  2695.        Testimonials
  2696.      </a>
  2697.    </div>
  2698.  
  2699.  
  2700.  
  2701.  
  2702.  
  2703.  
  2704.    <div class="header-nav-item header-nav-item--collection">
  2705.      <a
  2706.        href="/about"
  2707.        data-animation-role="header-element"
  2708.        
  2709.      >
  2710.        About Us
  2711.      </a>
  2712.    </div>
  2713.  
  2714.  
  2715.  
  2716.  
  2717.  
  2718.  
  2719.    <div class="header-nav-item header-nav-item--collection">
  2720.      <a
  2721.        href="/contact-us"
  2722.        data-animation-role="header-element"
  2723.        
  2724.      >
  2725.        Contact Us
  2726.      </a>
  2727.    </div>
  2728.  
  2729.  
  2730.  
  2731.  
  2732.  
  2733.  
  2734.    <div class="header-nav-item header-nav-item--collection">
  2735.      <a
  2736.        href="/will-call"
  2737.        data-animation-role="header-element"
  2738.        
  2739.      >
  2740.        Local pickup / Will Call
  2741.      </a>
  2742.    </div>
  2743.  
  2744.  
  2745.  
  2746.  
  2747.  
  2748.  
  2749.                    </nav>
  2750.                  </div>
  2751.                </div>
  2752.              
  2753.              
  2754.            </div>
  2755.          
  2756.          
  2757.        </div>
  2758.      </div>
  2759.    </div>
  2760.    <!-- (Mobile) Menu Navigation -->
  2761.    <div class="header-menu header-menu--folder-list
  2762.      white
  2763.      
  2764.      
  2765.      
  2766.      
  2767.      "
  2768.      data-section-theme="white"
  2769.      data-current-styles="{
  2770. &quot;layout&quot;: &quot;navRight&quot;,
  2771. &quot;action&quot;: {
  2772. &quot;href&quot;: &quot;/donate&quot;,
  2773. &quot;buttonText&quot;: &quot;Donate&quot;,
  2774. &quot;newWindow&quot;: false
  2775. },
  2776. &quot;showSocial&quot;: true,
  2777. &quot;socialOptions&quot;: {
  2778. &quot;socialBorderShape&quot;: &quot;none&quot;,
  2779. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  2780. &quot;socialBorderThickness&quot;: {
  2781. &quot;unit&quot;: &quot;px&quot;,
  2782. &quot;value&quot;: 1.0
  2783. }
  2784. },
  2785. &quot;sectionTheme&quot;: &quot;white&quot;,
  2786. &quot;menuOverlayTheme&quot;: &quot;white&quot;,
  2787. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  2788. &quot;cartStyle&quot;: &quot;cart&quot;,
  2789. &quot;cartText&quot;: &quot;Cart&quot;,
  2790. &quot;showEmptyCartState&quot;: true,
  2791. &quot;cartOptions&quot;: {
  2792. &quot;iconType&quot;: &quot;stroke-1&quot;,
  2793. &quot;cartBorderShape&quot;: &quot;none&quot;,
  2794. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  2795. &quot;cartBorderThickness&quot;: {
  2796. &quot;unit&quot;: &quot;px&quot;,
  2797. &quot;value&quot;: 1.0
  2798. }
  2799. },
  2800. &quot;showButton&quot;: false,
  2801. &quot;showCart&quot;: false,
  2802. &quot;showAccountLogin&quot;: false,
  2803. &quot;headerStyle&quot;: &quot;theme&quot;,
  2804. &quot;languagePicker&quot;: {
  2805. &quot;enabled&quot;: false,
  2806. &quot;iconEnabled&quot;: false,
  2807. &quot;iconType&quot;: &quot;globe&quot;,
  2808. &quot;flagShape&quot;: &quot;shiny&quot;,
  2809. &quot;languageFlags&quot;: [ ]
  2810. },
  2811. &quot;iconOptions&quot;: {
  2812. &quot;desktopDropdownIconOptions&quot;: {
  2813. &quot;endcapType&quot;: &quot;square&quot;,
  2814. &quot;folderDropdownIcon&quot;: &quot;none&quot;,
  2815. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  2816. },
  2817. &quot;mobileDropdownIconOptions&quot;: {
  2818. &quot;endcapType&quot;: &quot;square&quot;,
  2819. &quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
  2820. &quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
  2821. }
  2822. },
  2823. &quot;mobileOptions&quot;: {
  2824. &quot;layout&quot;: &quot;logoRightNavLeft&quot;,
  2825. &quot;menuIconOptions&quot;: {
  2826. &quot;style&quot;: &quot;tripleLineHamburger&quot;,
  2827. &quot;thickness&quot;: {
  2828. &quot;unit&quot;: &quot;px&quot;,
  2829. &quot;value&quot;: 3.0
  2830. }
  2831. }
  2832. },
  2833. &quot;solidOptions&quot;: {
  2834. &quot;headerOpacity&quot;: {
  2835. &quot;unit&quot;: &quot;%&quot;,
  2836. &quot;value&quot;: 100.0
  2837. },
  2838. &quot;blurBackground&quot;: {
  2839. &quot;enabled&quot;: false,
  2840. &quot;blurRadius&quot;: {
  2841. &quot;unit&quot;: &quot;px&quot;,
  2842. &quot;value&quot;: 12.0
  2843. }
  2844. },
  2845. &quot;backgroundColor&quot;: {
  2846. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2847. &quot;sitePaletteColor&quot;: {
  2848. &quot;colorName&quot;: &quot;white&quot;,
  2849. &quot;alphaModifier&quot;: 1.0
  2850. }
  2851. },
  2852. &quot;navigationColor&quot;: {
  2853. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2854. &quot;sitePaletteColor&quot;: {
  2855. &quot;colorName&quot;: &quot;black&quot;,
  2856. &quot;alphaModifier&quot;: 1.0
  2857. }
  2858. }
  2859. },
  2860. &quot;gradientOptions&quot;: {
  2861. &quot;gradientType&quot;: &quot;faded&quot;,
  2862. &quot;headerOpacity&quot;: {
  2863. &quot;unit&quot;: &quot;%&quot;,
  2864. &quot;value&quot;: 90.0
  2865. },
  2866. &quot;blurBackground&quot;: {
  2867. &quot;enabled&quot;: false,
  2868. &quot;blurRadius&quot;: {
  2869. &quot;unit&quot;: &quot;px&quot;,
  2870. &quot;value&quot;: 12.0
  2871. }
  2872. },
  2873. &quot;backgroundColor&quot;: {
  2874. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2875. &quot;sitePaletteColor&quot;: {
  2876. &quot;colorName&quot;: &quot;white&quot;,
  2877. &quot;alphaModifier&quot;: 1.0
  2878. }
  2879. },
  2880. &quot;navigationColor&quot;: {
  2881. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  2882. &quot;sitePaletteColor&quot;: {
  2883. &quot;colorName&quot;: &quot;black&quot;,
  2884. &quot;alphaModifier&quot;: 1.0
  2885. }
  2886. }
  2887. },
  2888. &quot;dropShadowOptions&quot;: {
  2889. &quot;enabled&quot;: false,
  2890. &quot;blur&quot;: {
  2891. &quot;unit&quot;: &quot;px&quot;,
  2892. &quot;value&quot;: 12.0
  2893. },
  2894. &quot;spread&quot;: {
  2895. &quot;unit&quot;: &quot;px&quot;,
  2896. &quot;value&quot;: 0.0
  2897. },
  2898. &quot;distance&quot;: {
  2899. &quot;unit&quot;: &quot;px&quot;,
  2900. &quot;value&quot;: 12.0
  2901. }
  2902. },
  2903. &quot;borderOptions&quot;: {
  2904. &quot;enabled&quot;: false,
  2905. &quot;position&quot;: &quot;bottom&quot;,
  2906. &quot;thickness&quot;: {
  2907. &quot;unit&quot;: &quot;px&quot;,
  2908. &quot;value&quot;: 4.0
  2909. }
  2910. },
  2911. &quot;showPromotedElement&quot;: false,
  2912. &quot;buttonVariant&quot;: &quot;primary&quot;,
  2913. &quot;blurBackground&quot;: {
  2914. &quot;enabled&quot;: false,
  2915. &quot;blurRadius&quot;: {
  2916. &quot;unit&quot;: &quot;px&quot;,
  2917. &quot;value&quot;: 12.0
  2918. }
  2919. },
  2920. &quot;headerOpacity&quot;: {
  2921. &quot;unit&quot;: &quot;%&quot;,
  2922. &quot;value&quot;: 100.0
  2923. }
  2924. }"
  2925.      data-section-id="overlay-nav"
  2926.      data-show-account-login="false"
  2927.      data-test="header-menu">
  2928.      <div class="header-menu-bg theme-bg--primary"></div>
  2929.      <div class="header-menu-nav">
  2930.        <nav class="header-menu-nav-list">
  2931.          <div data-folder="root" class="header-menu-nav-folder">
  2932.            <div class="header-menu-nav-folder-content">
  2933.              <!-- Menu Navigation -->
  2934. <div class="header-menu-nav-wrapper">
  2935.  
  2936.    
  2937.      
  2938.        
  2939.          <div class="container header-menu-nav-item">
  2940.            <a
  2941.              data-folder-id="/interior-doors-folder"
  2942.              href="/interior-doors-folder"
  2943.              
  2944.            >
  2945.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  2946.                <span class="visually-hidden">Folder:</span>
  2947.                <span class="header-nav-folder-title-text">Interior Doors</span>
  2948.              </div>
  2949.            </a>
  2950.          </div>
  2951.          <div data-folder="/interior-doors-folder" class="header-menu-nav-folder">
  2952.            <div class="header-menu-nav-folder-content">
  2953.              <div class="header-menu-controls container header-menu-nav-item">
  2954.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  2955.                  <span>Back</span>
  2956.                </a>
  2957.              </div>
  2958.              
  2959.                
  2960.                  <div class="container header-menu-nav-item">
  2961.                    <a
  2962.                      href="/interior-doors/signature-collection"
  2963.                      
  2964.                    >
  2965.                      <div class="header-menu-nav-item-content">
  2966.                        Signature Collection
  2967.                      </div>
  2968.                    </a>
  2969.                  </div>
  2970.                
  2971.                
  2972.              
  2973.                
  2974.                  <div class="container header-menu-nav-item">
  2975.                    <a
  2976.                      href="/interior-doors/premium-doors"
  2977.                      
  2978.                    >
  2979.                      <div class="header-menu-nav-item-content">
  2980.                        Premium Doors
  2981.                      </div>
  2982.                    </a>
  2983.                  </div>
  2984.                
  2985.                
  2986.              
  2987.                
  2988.                  <div class="container header-menu-nav-item">
  2989.                    <a
  2990.                      href="/interior-doors/glass-doors"
  2991.                      
  2992.                    >
  2993.                      <div class="header-menu-nav-item-content">
  2994.                        Glass Doors
  2995.                      </div>
  2996.                    </a>
  2997.                  </div>
  2998.                
  2999.                
  3000.              
  3001.                
  3002.                  <div class="container header-menu-nav-item">
  3003.                    <a
  3004.                      href="/interior-doors/stain-grade-doors"
  3005.                      
  3006.                    >
  3007.                      <div class="header-menu-nav-item-content">
  3008.                        Stain Grade Doors
  3009.                      </div>
  3010.                    </a>
  3011.                  </div>
  3012.                
  3013.                
  3014.              
  3015.                
  3016.                  <div class="container header-menu-nav-item">
  3017.                    <a
  3018.                      href="/interior-doors/contemporary-doors"
  3019.                      
  3020.                    >
  3021.                      <div class="header-menu-nav-item-content">
  3022.                        Contemporary Doors
  3023.                      </div>
  3024.                    </a>
  3025.                  </div>
  3026.                
  3027.                
  3028.              
  3029.            </div>
  3030.          </div>
  3031.        
  3032.      
  3033.    
  3034.      
  3035.        
  3036.          <div class="container header-menu-nav-item">
  3037.            <a
  3038.              data-folder-id="/closet-doors-folder"
  3039.              href="/closet-doors-folder"
  3040.              
  3041.            >
  3042.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3043.                <span class="visually-hidden">Folder:</span>
  3044.                <span class="header-nav-folder-title-text">Closet Doors</span>
  3045.              </div>
  3046.            </a>
  3047.          </div>
  3048.          <div data-folder="/closet-doors-folder" class="header-menu-nav-folder">
  3049.            <div class="header-menu-nav-folder-content">
  3050.              <div class="header-menu-controls container header-menu-nav-item">
  3051.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3052.                  <span>Back</span>
  3053.                </a>
  3054.              </div>
  3055.              
  3056.                
  3057.                  <div class="container header-menu-nav-item">
  3058.                    <a
  3059.                      href="/closet-doors/mirrored-closet-doors"
  3060.                      
  3061.                    >
  3062.                      <div class="header-menu-nav-item-content">
  3063.                        Mirrored Closet Doors
  3064.                      </div>
  3065.                    </a>
  3066.                  </div>
  3067.                
  3068.                
  3069.              
  3070.                
  3071.                  <div class="container header-menu-nav-item">
  3072.                    <a
  3073.                      href="/closet-doors/panel-louver-and-flush-doors"
  3074.                      
  3075.                    >
  3076.                      <div class="header-menu-nav-item-content">
  3077.                        Paneled &amp; Louver Doors
  3078.                      </div>
  3079.                    </a>
  3080.                  </div>
  3081.                
  3082.                
  3083.              
  3084.                
  3085.                  <div class="container header-menu-nav-item">
  3086.                    <a
  3087.                      href="/closet-doors/glass-closet-doors"
  3088.                      
  3089.                    >
  3090.                      <div class="header-menu-nav-item-content">
  3091.                        Glass Closet Doors
  3092.                      </div>
  3093.                    </a>
  3094.                  </div>
  3095.                
  3096.                
  3097.              
  3098.                
  3099.                  <div class="container header-menu-nav-item">
  3100.                    <a
  3101.                      href="/closet-doors/room-dividers"
  3102.                      
  3103.                    >
  3104.                      <div class="header-menu-nav-item-content">
  3105.                        Room Dividers
  3106.                      </div>
  3107.                    </a>
  3108.                  </div>
  3109.                
  3110.                
  3111.              
  3112.                
  3113.                  <div class="container header-menu-nav-item">
  3114.                    <a
  3115.                      href="/closet-doors/sliding-true-shoji"
  3116.                      
  3117.                    >
  3118.                      <div class="header-menu-nav-item-content">
  3119.                        True Shoji
  3120.                      </div>
  3121.                    </a>
  3122.                  </div>
  3123.                
  3124.                
  3125.              
  3126.            </div>
  3127.          </div>
  3128.        
  3129.      
  3130.    
  3131.      
  3132.        
  3133.          <div class="container header-menu-nav-item">
  3134.            <a
  3135.              data-folder-id="/barn-doors-folder"
  3136.              href="/barn-doors-folder"
  3137.              
  3138.            >
  3139.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3140.                <span class="visually-hidden">Folder:</span>
  3141.                <span class="header-nav-folder-title-text">Barn Doors</span>
  3142.              </div>
  3143.            </a>
  3144.          </div>
  3145.          <div data-folder="/barn-doors-folder" class="header-menu-nav-folder">
  3146.            <div class="header-menu-nav-folder-content">
  3147.              <div class="header-menu-controls container header-menu-nav-item">
  3148.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3149.                  <span>Back</span>
  3150.                </a>
  3151.              </div>
  3152.              
  3153.                
  3154.                  <div class="container header-menu-nav-item">
  3155.                    <a
  3156.                      href="/barn-doors/paneled-wood-doors"
  3157.                      
  3158.                    >
  3159.                      <div class="header-menu-nav-item-content">
  3160.                        Paneled Doors
  3161.                      </div>
  3162.                    </a>
  3163.                  </div>
  3164.                
  3165.                
  3166.              
  3167.                
  3168.                  <div class="container header-menu-nav-item">
  3169.                    <a
  3170.                      href="/barn-doors/glass-mirrored-doors"
  3171.                      
  3172.                    >
  3173.                      <div class="header-menu-nav-item-content">
  3174.                        Glass &amp; Mirrored Doors
  3175.                      </div>
  3176.                    </a>
  3177.                  </div>
  3178.                
  3179.                
  3180.              
  3181.                
  3182.                  <div class="container header-menu-nav-item">
  3183.                    <a
  3184.                      href="/barn-doors/tracks"
  3185.                      
  3186.                    >
  3187.                      <div class="header-menu-nav-item-content">
  3188.                        Tracks
  3189.                      </div>
  3190.                    </a>
  3191.                  </div>
  3192.                
  3193.                
  3194.              
  3195.                
  3196.                  <div class="container header-menu-nav-item">
  3197.                    <a
  3198.                      href="/barn-doors/pulls"
  3199.                      
  3200.                    >
  3201.                      <div class="header-menu-nav-item-content">
  3202.                        Pulls
  3203.                      </div>
  3204.                    </a>
  3205.                  </div>
  3206.                
  3207.                
  3208.              
  3209.            </div>
  3210.          </div>
  3211.        
  3212.      
  3213.    
  3214.      
  3215.        
  3216.          <div class="container header-menu-nav-item">
  3217.            <a
  3218.              data-folder-id="/organizers-folder"
  3219.              href="/organizers-folder"
  3220.              
  3221.            >
  3222.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3223.                <span class="visually-hidden">Folder:</span>
  3224.                <span class="header-nav-folder-title-text">Organizers</span>
  3225.              </div>
  3226.            </a>
  3227.          </div>
  3228.          <div data-folder="/organizers-folder" class="header-menu-nav-folder">
  3229.            <div class="header-menu-nav-folder-content">
  3230.              <div class="header-menu-controls container header-menu-nav-item">
  3231.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3232.                  <span>Back</span>
  3233.                </a>
  3234.              </div>
  3235.              
  3236.                
  3237.                  <div class="container header-menu-nav-item">
  3238.                    <a
  3239.                      href="/organizers/reach-in-closet-organizers"
  3240.                      
  3241.                    >
  3242.                      <div class="header-menu-nav-item-content">
  3243.                        Reach-in Closet Organizers
  3244.                      </div>
  3245.                    </a>
  3246.                  </div>
  3247.                
  3248.                
  3249.              
  3250.                
  3251.                  <div class="container header-menu-nav-item">
  3252.                    <a
  3253.                      href="/organizers/walk-in-closet-organizers"
  3254.                      
  3255.                    >
  3256.                      <div class="header-menu-nav-item-content">
  3257.                        Walk-in Closet Organizers
  3258.                      </div>
  3259.                    </a>
  3260.                  </div>
  3261.                
  3262.                
  3263.              
  3264.                
  3265.                  <div class="container header-menu-nav-item">
  3266.                    <a
  3267.                      href="/organizers/closet-accessories"
  3268.                      
  3269.                    >
  3270.                      <div class="header-menu-nav-item-content">
  3271.                        Closet Accessories
  3272.                      </div>
  3273.                    </a>
  3274.                  </div>
  3275.                
  3276.                
  3277.              
  3278.                
  3279.                  <div class="container header-menu-nav-item">
  3280.                    <a
  3281.                      href="/organizers/garage-accessories"
  3282.                      
  3283.                    >
  3284.                      <div class="header-menu-nav-item-content">
  3285.                        Garage Organizers
  3286.                      </div>
  3287.                    </a>
  3288.                  </div>
  3289.                
  3290.                
  3291.              
  3292.            </div>
  3293.          </div>
  3294.        
  3295.      
  3296.    
  3297.      
  3298.        
  3299.          <div class="container header-menu-nav-item">
  3300.            <a
  3301.              data-folder-id="/door-installation-folder"
  3302.              href="/door-installation-folder"
  3303.              
  3304.            >
  3305.              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
  3306.                <span class="visually-hidden">Folder:</span>
  3307.                <span class="header-nav-folder-title-text">Door Installation</span>
  3308.              </div>
  3309.            </a>
  3310.          </div>
  3311.          <div data-folder="/door-installation-folder" class="header-menu-nav-folder">
  3312.            <div class="header-menu-nav-folder-content">
  3313.              <div class="header-menu-controls container header-menu-nav-item">
  3314.                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
  3315.                  <span>Back</span>
  3316.                </a>
  3317.              </div>
  3318.              
  3319.                
  3320.                  <div class="container header-menu-nav-item">
  3321.                    <a
  3322.                      href="/door-installation/contractors"
  3323.                      
  3324.                    >
  3325.                      <div class="header-menu-nav-item-content">
  3326.                        Contractors
  3327.                      </div>
  3328.                    </a>
  3329.                  </div>
  3330.                
  3331.                
  3332.              
  3333.                
  3334.                  <div class="container header-menu-nav-item">
  3335.                    <a
  3336.                      href="/door-installation/real-estate-agents"
  3337.                      
  3338.                    >
  3339.                      <div class="header-menu-nav-item-content">
  3340.                        Real Estate Agents
  3341.                      </div>
  3342.                    </a>
  3343.                  </div>
  3344.                
  3345.                
  3346.              
  3347.                
  3348.                  <div class="container header-menu-nav-item">
  3349.                    <a
  3350.                      href="/door-installation/interior-designers"
  3351.                      
  3352.                    >
  3353.                      <div class="header-menu-nav-item-content">
  3354.                        Interior Designers
  3355.                      </div>
  3356.                    </a>
  3357.                  </div>
  3358.                
  3359.                
  3360.              
  3361.            </div>
  3362.          </div>
  3363.        
  3364.      
  3365.    
  3366.      
  3367.        
  3368.          
  3369.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3370.              <a
  3371.                href="/faq"
  3372.                
  3373.              >
  3374.                <div class="header-menu-nav-item-content">
  3375.                  FAQ
  3376.                </div>
  3377.              </a>
  3378.            </div>
  3379.          
  3380.        
  3381.      
  3382.    
  3383.      
  3384.        
  3385.          
  3386.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3387.              <a
  3388.                href="/testimonials"
  3389.                
  3390.              >
  3391.                <div class="header-menu-nav-item-content">
  3392.                  Testimonials
  3393.                </div>
  3394.              </a>
  3395.            </div>
  3396.          
  3397.        
  3398.      
  3399.    
  3400.      
  3401.        
  3402.          
  3403.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3404.              <a
  3405.                href="/about"
  3406.                
  3407.              >
  3408.                <div class="header-menu-nav-item-content">
  3409.                  About Us
  3410.                </div>
  3411.              </a>
  3412.            </div>
  3413.          
  3414.        
  3415.      
  3416.    
  3417.      
  3418.        
  3419.          
  3420.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3421.              <a
  3422.                href="/contact-us"
  3423.                
  3424.              >
  3425.                <div class="header-menu-nav-item-content">
  3426.                  Contact Us
  3427.                </div>
  3428.              </a>
  3429.            </div>
  3430.          
  3431.        
  3432.      
  3433.    
  3434.      
  3435.        
  3436.          
  3437.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  3438.              <a
  3439.                href="/will-call"
  3440.                
  3441.              >
  3442.                <div class="header-menu-nav-item-content">
  3443.                  Local pickup / Will Call
  3444.                </div>
  3445.              </a>
  3446.            </div>
  3447.          
  3448.        
  3449.      
  3450.    
  3451.  
  3452. </div>
  3453.  
  3454.              
  3455.            </div>
  3456.            
  3457.              <div class="header-menu-actions social-accounts">
  3458.                
  3459.                  
  3460.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3461.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://goo.gl/maps/GnSrfPScLQR2" target="_blank" aria-label="URL">
  3462.                        <svg viewBox="23 23 64 64">
  3463.                          <use xlink:href="#url-icon" width="110" height="110"></use>
  3464.                        </svg>
  3465.                      </a>
  3466.                    </div>
  3467.                  
  3468.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3469.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.facebook.com/interiordoorandcloset" target="_blank" aria-label="Facebook">
  3470.                        <svg viewBox="23 23 64 64">
  3471.                          <use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
  3472.                        </svg>
  3473.                      </a>
  3474.                    </div>
  3475.                  
  3476.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3477.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.pinterest.com/ocdoors/" target="_blank" aria-label="Pinterest">
  3478.                        <svg viewBox="23 23 64 64">
  3479.                          <use xlink:href="#pinterest-unauth-icon" width="110" height="110"></use>
  3480.                        </svg>
  3481.                      </a>
  3482.                    </div>
  3483.                  
  3484.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3485.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.linkedin.com/company/interior-door-and-closet-company/about/" target="_blank" aria-label="LinkedIn">
  3486.                        <svg viewBox="23 23 64 64">
  3487.                          <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use>
  3488.                        </svg>
  3489.                      </a>
  3490.                    </div>
  3491.                  
  3492.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3493.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.houzz.com/pro/interiordoorandcloset/interior-door-and-closet-company" target="_blank" aria-label="Houzz">
  3494.                        <svg viewBox="23 23 64 64">
  3495.                          <use xlink:href="#houzz-icon" width="110" height="110"></use>
  3496.                        </svg>
  3497.                      </a>
  3498.                    </div>
  3499.                  
  3500.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3501.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.instagram.com/ocdoorsandclosets/" target="_blank" aria-label="Instagram">
  3502.                        <svg viewBox="23 23 64 64">
  3503.                          <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use>
  3504.                        </svg>
  3505.                      </a>
  3506.                    </div>
  3507.                  
  3508.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3509.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  3510.                        <svg viewBox="23 23 64 64">
  3511.                          <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  3512.                        </svg>
  3513.                      </a>
  3514.                    </div>
  3515.                  
  3516.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  3517.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/@interiordoorandcloset" target="_blank" aria-label="YouTube">
  3518.                        <svg viewBox="23 23 64 64">
  3519.                          <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  3520.                        </svg>
  3521.                      </a>
  3522.                    </div>
  3523.                  
  3524.                
  3525.              </div>
  3526.            
  3527.            
  3528.            
  3529.          </div>
  3530.        </nav>
  3531.      </div>
  3532.    </div>
  3533.  </header>
  3534.  
  3535.  
  3536.  
  3537.  
  3538.      <main id="page" class="container" role="main">
  3539.        
  3540.          
  3541. <article class="sections" id="sections" data-page-sections="62dfa072528d6a3af102533f">
  3542.  
  3543.  
  3544.    
  3545.    
  3546.  
  3547.  
  3548.  
  3549.  
  3550.  
  3551.  
  3552. <section
  3553.  data-test="page-section"
  3554.  
  3555.  data-section-theme="white"
  3556.  class='page-section
  3557.    
  3558.      full-bleed-section
  3559.      layout-engine-section
  3560.    
  3561.    background-width--full-bleed
  3562.    
  3563.      
  3564.        section-height--custom
  3565.      
  3566.    
  3567.    
  3568.      content-width--wide
  3569.    
  3570.    horizontal-alignment--center
  3571.    vertical-alignment--middle
  3572.    
  3573.      
  3574.    
  3575.    
  3576.    white'
  3577.  
  3578.  data-section-id="62e0cb456bb68f266af7b2c6"
  3579.  
  3580.  data-controller="SectionWrapperController"
  3581.  data-current-styles="{
  3582. &quot;imageOverlayOpacity&quot;: 0.15,
  3583. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  3584. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  3585. &quot;customSectionHeight&quot;: 0,
  3586. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  3587. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  3588. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  3589. &quot;customContentWidth&quot;: 50,
  3590. &quot;backgroundColor&quot;: &quot;&quot;,
  3591. &quot;sectionTheme&quot;: &quot;white&quot;,
  3592. &quot;sectionAnimation&quot;: &quot;none&quot;,
  3593. &quot;backgroundMode&quot;: &quot;image&quot;
  3594. }"
  3595.  data-current-context="{
  3596. &quot;video&quot;: {
  3597. &quot;playbackSpeed&quot;: 0.5,
  3598. &quot;filter&quot;: 1,
  3599. &quot;filterStrength&quot;: 0,
  3600. &quot;zoom&quot;: 0,
  3601. &quot;videoSourceProvider&quot;: &quot;none&quot;
  3602. },
  3603. &quot;backgroundImageId&quot;: null,
  3604. &quot;backgroundMediaEffect&quot;: null,
  3605. &quot;divider&quot;: null,
  3606. &quot;typeName&quot;: &quot;page&quot;
  3607. }"
  3608.  data-animation="none"
  3609.  data-fluid-engine-section
  3610.  
  3611.  
  3612.  
  3613. >
  3614.  <div
  3615.    class="section-border"
  3616.    
  3617.  >
  3618.    <div class="section-background">
  3619.    
  3620.      
  3621.    
  3622.    </div>
  3623.  </div>
  3624.  <div
  3625.    class='content-wrapper'
  3626.    style='
  3627.      
  3628.        
  3629.          
  3630.          
  3631.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  3632.        
  3633.      
  3634.    '
  3635.  >
  3636.    <div
  3637.      class="content"
  3638.      
  3639.    >
  3640.      
  3641.      
  3642.      
  3643.      
  3644.      
  3645.      
  3646.      
  3647.      
  3648.      <div data-fluid-engine="true"><style>
  3649.  
  3650. .fe-62e0cb469d92f32ed9e4bec9 {
  3651.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  3652.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
  3653.  
  3654.  display: grid;
  3655.  position: relative;
  3656.  grid-area: 1/1/-1/-1;
  3657.  grid-template-rows: repeat(19,minmax(24px, auto));
  3658.  grid-template-columns:
  3659.    minmax(var(--grid-gutter), 1fr)
  3660.    repeat(8, minmax(0, var(--cell-max-width)))
  3661.    minmax(var(--grid-gutter), 1fr);
  3662.  row-gap: 11.0px;
  3663.  column-gap: 11.0px;
  3664. }
  3665.  
  3666. @media (min-width: 768px) {
  3667.  .background-width--inset .fe-62e0cb469d92f32ed9e4bec9 {
  3668.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  3669.  }
  3670.  
  3671.  .fe-62e0cb469d92f32ed9e4bec9 {
  3672.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
  3673.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
  3674.    --inset-padding: 0vw;
  3675.  
  3676.    --row-height-scaling-factor: 0.0215;
  3677.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  3678.  
  3679.    grid-template-rows: repeat(28,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  3680.    grid-template-columns:
  3681.      minmax(var(--grid-gutter), 1fr)
  3682.      repeat(24, minmax(0, var(--cell-max-width)))
  3683.      minmax(var(--grid-gutter), 1fr);
  3684.  }
  3685. }
  3686.  
  3687.  
  3688.  .fe-block-yui_3_17_2_1_1658895487437_133502 {
  3689.    grid-area: 1/1/16/11;
  3690.    z-index: 1;
  3691.  
  3692.    @media (max-width: 767px) {
  3693.      
  3694.    }
  3695.  }
  3696.  
  3697.  .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.    .fe-block-yui_3_17_2_1_1658895487437_133502 .sqs-block {
  3714.      justify-content: flex-start;
  3715.    }
  3716.  
  3717.    .fe-block-yui_3_17_2_1_1658895487437_133502 .sqs-block-alignment-wrapper {
  3718.      align-items: flex-start;
  3719.    }
  3720.  }
  3721.  
  3722.  .fe-block-yui_3_17_2_1_1718252774278_20087 {
  3723.    grid-area: 16/2/18/10;
  3724.    z-index: 3;
  3725.  
  3726.    @media (max-width: 767px) {
  3727.      
  3728.        
  3729.      
  3730.    }
  3731.  }
  3732.  
  3733.  .fe-block-yui_3_17_2_1_1718252774278_20087 .sqs-block {
  3734.    justify-content: flex-start;
  3735.  }
  3736.  
  3737.  .fe-block-yui_3_17_2_1_1718252774278_20087 .sqs-block-alignment-wrapper {
  3738.    align-items: flex-start;
  3739.  }
  3740.  
  3741.  @media (min-width: 768px) {
  3742.    .fe-block-yui_3_17_2_1_1718252774278_20087 {
  3743.      grid-area: 4/2/10/14;
  3744.      z-index: 3;
  3745.  
  3746.      
  3747.        
  3748.      
  3749.    }
  3750.  
  3751.    .fe-block-yui_3_17_2_1_1718252774278_20087 .sqs-block {
  3752.      justify-content: flex-start;
  3753.    }
  3754.  
  3755.    .fe-block-yui_3_17_2_1_1718252774278_20087 .sqs-block-alignment-wrapper {
  3756.      align-items: flex-start;
  3757.    }
  3758.  }
  3759.  
  3760.  .fe-block-yui_3_17_2_1_1717650238425_14446 {
  3761.    grid-area: 18/2/20/10;
  3762.    z-index: 2;
  3763.  
  3764.    @media (max-width: 767px) {
  3765.      
  3766.        
  3767.      
  3768.    }
  3769.  }
  3770.  
  3771.  .fe-block-yui_3_17_2_1_1717650238425_14446 .sqs-block {
  3772.    justify-content: flex-start;
  3773.  }
  3774.  
  3775.  .fe-block-yui_3_17_2_1_1717650238425_14446 .sqs-block-alignment-wrapper {
  3776.    align-items: flex-start;
  3777.  }
  3778.  
  3779.  @media (min-width: 768px) {
  3780.    .fe-block-yui_3_17_2_1_1717650238425_14446 {
  3781.      grid-area: 14/2/29/14;
  3782.      z-index: 2;
  3783.  
  3784.      
  3785.        
  3786.      
  3787.    }
  3788.  
  3789.    .fe-block-yui_3_17_2_1_1717650238425_14446 .sqs-block {
  3790.      justify-content: flex-start;
  3791.    }
  3792.  
  3793.    .fe-block-yui_3_17_2_1_1717650238425_14446 .sqs-block-alignment-wrapper {
  3794.      align-items: flex-start;
  3795.    }
  3796.  }
  3797.  
  3798. </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">
  3799.  
  3800.  
  3801.  
  3802.  
  3803.  
  3804.  
  3805.  
  3806. <div class="
  3807.  sqs-gallery-container
  3808.  sqs-gallery-block-grid
  3809.  sqs-gallery-aspect-ratio-square
  3810.  sqs-gallery-thumbnails-per-row-4
  3811.  
  3812.  
  3813.  
  3814.  
  3815.    
  3816.    
  3817.  
  3818.  sqs-gallery-block-show-meta
  3819.  
  3820.  
  3821.  
  3822.  
  3823.  
  3824.  
  3825.  
  3826.  block-animation-none
  3827.  clear"
  3828.  
  3829.  
  3830. >
  3831.  <div class="sqs-gallery">
  3832.    
  3833.      
  3834.  
  3835.        
  3836.  
  3837.        
  3838.  
  3839.        
  3840.          
  3841.            <div class="slide" data-type="image" data-animation-role="image">
  3842.              <div class="margin-wrapper">
  3843.                
  3844.                <a
  3845.                  
  3846.                    
  3847.                      role="presentation"
  3848.                    
  3849.                  
  3850.  
  3851.                  class="
  3852.                    image-slide-anchor
  3853.                    
  3854.                    content-fill
  3855.                  "
  3856.                >
  3857.                  
  3858.                  <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" />
  3859.                </a>
  3860.                
  3861.              </div>
  3862.            </div>
  3863.          
  3864.  
  3865.          
  3866.        
  3867.  
  3868.      
  3869.  
  3870.        
  3871.  
  3872.        
  3873.  
  3874.        
  3875.          
  3876.            <div class="slide" data-type="image" data-animation-role="image">
  3877.              <div class="margin-wrapper">
  3878.                
  3879.                <a
  3880.                  
  3881.                    
  3882.                      role="presentation"
  3883.                    
  3884.                  
  3885.  
  3886.                  class="
  3887.                    image-slide-anchor
  3888.                    
  3889.                    content-fill
  3890.                  "
  3891.                >
  3892.                  
  3893.                  <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" />
  3894.                </a>
  3895.                
  3896.              </div>
  3897.            </div>
  3898.          
  3899.  
  3900.          
  3901.        
  3902.  
  3903.      
  3904.  
  3905.        
  3906.  
  3907.        
  3908.  
  3909.        
  3910.          
  3911.            <div class="slide" data-type="image" data-animation-role="image">
  3912.              <div class="margin-wrapper">
  3913.                
  3914.                <a
  3915.                  
  3916.                    
  3917.                      role="presentation"
  3918.                    
  3919.                  
  3920.  
  3921.                  class="
  3922.                    image-slide-anchor
  3923.                    
  3924.                    content-fill
  3925.                  "
  3926.                >
  3927.                  
  3928.                  <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" />
  3929.                </a>
  3930.                
  3931.              </div>
  3932.            </div>
  3933.          
  3934.  
  3935.          
  3936.        
  3937.  
  3938.      
  3939.  
  3940.        
  3941.  
  3942.        
  3943.  
  3944.        
  3945.          
  3946.            <div class="slide" data-type="image" data-animation-role="image">
  3947.              <div class="margin-wrapper">
  3948.                
  3949.                <a
  3950.                  
  3951.                    
  3952.                      role="presentation"
  3953.                    
  3954.                  
  3955.  
  3956.                  class="
  3957.                    image-slide-anchor
  3958.                    
  3959.                    content-fill
  3960.                  "
  3961.                >
  3962.                  
  3963.                  <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" />
  3964.                </a>
  3965.                
  3966.              </div>
  3967.            </div>
  3968.          
  3969.  
  3970.          
  3971.        
  3972.  
  3973.      
  3974.  
  3975.        
  3976.  
  3977.        
  3978.  
  3979.        
  3980.          
  3981.            <div class="slide" data-type="image" data-animation-role="image">
  3982.              <div class="margin-wrapper">
  3983.                
  3984.                <a
  3985.                  
  3986.                    
  3987.                      role="presentation"
  3988.                    
  3989.                  
  3990.  
  3991.                  class="
  3992.                    image-slide-anchor
  3993.                    
  3994.                    content-fill
  3995.                  "
  3996.                >
  3997.                  
  3998.                  <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" />
  3999.                </a>
  4000.                
  4001.              </div>
  4002.            </div>
  4003.          
  4004.  
  4005.          
  4006.        
  4007.  
  4008.      
  4009.  
  4010.        
  4011.  
  4012.        
  4013.  
  4014.        
  4015.          
  4016.            <div class="slide" data-type="image" data-animation-role="image">
  4017.              <div class="margin-wrapper">
  4018.                
  4019.                <a
  4020.                  
  4021.                    
  4022.                      role="presentation"
  4023.                    
  4024.                  
  4025.  
  4026.                  class="
  4027.                    image-slide-anchor
  4028.                    
  4029.                    content-fill
  4030.                  "
  4031.                >
  4032.                  
  4033.                  <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" />
  4034.                </a>
  4035.                
  4036.              </div>
  4037.            </div>
  4038.          
  4039.  
  4040.          
  4041.        
  4042.  
  4043.      
  4044.  
  4045.        
  4046.  
  4047.        
  4048.  
  4049.        
  4050.          
  4051.            <div class="slide" data-type="image" data-animation-role="image">
  4052.              <div class="margin-wrapper">
  4053.                
  4054.                <a
  4055.                  
  4056.                    
  4057.                      role="presentation"
  4058.                    
  4059.                  
  4060.  
  4061.                  class="
  4062.                    image-slide-anchor
  4063.                    
  4064.                    content-fill
  4065.                  "
  4066.                >
  4067.                  
  4068.                  <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" />
  4069.                </a>
  4070.                
  4071.              </div>
  4072.            </div>
  4073.          
  4074.  
  4075.          
  4076.        
  4077.  
  4078.      
  4079.  
  4080.        
  4081.  
  4082.        
  4083.  
  4084.        
  4085.          
  4086.            <div class="slide" data-type="image" data-animation-role="image">
  4087.              <div class="margin-wrapper">
  4088.                
  4089.                <a
  4090.                  
  4091.                    
  4092.                      role="presentation"
  4093.                    
  4094.                  
  4095.  
  4096.                  class="
  4097.                    image-slide-anchor
  4098.                    
  4099.                    content-fill
  4100.                  "
  4101.                >
  4102.                  
  4103.                  <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" />
  4104.                </a>
  4105.                
  4106.              </div>
  4107.            </div>
  4108.          
  4109.  
  4110.          
  4111.        
  4112.  
  4113.      
  4114.  
  4115.        
  4116.  
  4117.        
  4118.  
  4119.        
  4120.          
  4121.            <div class="slide" data-type="image" data-animation-role="image">
  4122.              <div class="margin-wrapper">
  4123.                
  4124.                <a
  4125.                  
  4126.                    
  4127.                      role="presentation"
  4128.                    
  4129.                  
  4130.  
  4131.                  class="
  4132.                    image-slide-anchor
  4133.                    
  4134.                    content-fill
  4135.                  "
  4136.                >
  4137.                  
  4138.                  <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" />
  4139.                </a>
  4140.                
  4141.              </div>
  4142.            </div>
  4143.          
  4144.  
  4145.          
  4146.        
  4147.  
  4148.      
  4149.  
  4150.        
  4151.  
  4152.        
  4153.  
  4154.        
  4155.          
  4156.            <div class="slide" data-type="image" data-animation-role="image">
  4157.              <div class="margin-wrapper">
  4158.                
  4159.                <a
  4160.                  
  4161.                    
  4162.                      role="presentation"
  4163.                    
  4164.                  
  4165.  
  4166.                  class="
  4167.                    image-slide-anchor
  4168.                    
  4169.                    content-fill
  4170.                  "
  4171.                >
  4172.                  
  4173.                  <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" />
  4174.                </a>
  4175.                
  4176.              </div>
  4177.            </div>
  4178.          
  4179.  
  4180.          
  4181.        
  4182.  
  4183.      
  4184.  
  4185.        
  4186.  
  4187.        
  4188.  
  4189.        
  4190.          
  4191.            <div class="slide" data-type="image" data-animation-role="image">
  4192.              <div class="margin-wrapper">
  4193.                
  4194.                <a
  4195.                  
  4196.                    
  4197.                      role="presentation"
  4198.                    
  4199.                  
  4200.  
  4201.                  class="
  4202.                    image-slide-anchor
  4203.                    
  4204.                    content-fill
  4205.                  "
  4206.                >
  4207.                  
  4208.                  <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" />
  4209.                </a>
  4210.                
  4211.              </div>
  4212.            </div>
  4213.          
  4214.  
  4215.          
  4216.        
  4217.  
  4218.      
  4219.    
  4220.  </div>
  4221.  
  4222.  
  4223.  
  4224. </div>
  4225.  
  4226.  
  4227.  
  4228.  
  4229. <style type="text/css" id="design-grid-css">
  4230. #block-yui_3_17_2_1_1658895487437_133502 .sqs-gallery-block-grid .sqs-gallery-design-grid { margin-right: -20px; }
  4231. #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; }
  4232. </style>
  4233.  
  4234.  
  4235.  
  4236. </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">
  4237.  
  4238. <div class="sqs-html-content">
  4239.  <h1 style="white-space:pre-wrap;">Interior Door &amp; Closet Company</h1>
  4240. </div>
  4241.  
  4242.  
  4243.  
  4244.  
  4245.  
  4246.  
  4247.  
  4248.  
  4249.  
  4250.  
  4251.  
  4252.  
  4253.  
  4254.  
  4255.  
  4256.  
  4257.  
  4258.  
  4259.  
  4260.  
  4261.  
  4262.  
  4263.  
  4264.  
  4265.  
  4266. </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">
  4267.  
  4268. <div class="sqs-html-content">
  4269.  <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>
  4270. </div>
  4271.  
  4272.  
  4273.  
  4274.  
  4275.  
  4276.  
  4277.  
  4278.  
  4279.  
  4280.  
  4281.  
  4282.  
  4283.  
  4284.  
  4285.  
  4286.  
  4287.  
  4288.  
  4289.  
  4290.  
  4291.  
  4292.  
  4293.  
  4294.  
  4295.  
  4296. </div></div></div></div></div>
  4297.    </div>
  4298.  
  4299.  </div>
  4300.  
  4301. </section>
  4302.  
  4303.  
  4304.    
  4305.    
  4306.  
  4307.  
  4308.  
  4309.  
  4310.  
  4311.  
  4312. <section
  4313.  data-test="page-section"
  4314.  
  4315.  data-section-theme="dark-bold"
  4316.  class='page-section
  4317.    
  4318.      full-bleed-section
  4319.      layout-engine-section
  4320.    
  4321.    background-width--full-bleed
  4322.    
  4323.      
  4324.        section-height--custom
  4325.      
  4326.    
  4327.    
  4328.      content-width--wide
  4329.    
  4330.    horizontal-alignment--center
  4331.    vertical-alignment--middle
  4332.    
  4333.      
  4334.    
  4335.    
  4336.    dark-bold'
  4337.  
  4338.  data-section-id="62e7a6759f6aeb2bb6a015ff"
  4339.  
  4340.  data-controller="SectionWrapperController"
  4341.  data-current-styles="{
  4342. &quot;imageOverlayOpacity&quot;: 0.15,
  4343. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  4344. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  4345. &quot;customSectionHeight&quot;: 0,
  4346. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  4347. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  4348. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  4349. &quot;customContentWidth&quot;: 50,
  4350. &quot;backgroundColor&quot;: &quot;&quot;,
  4351. &quot;sectionTheme&quot;: &quot;dark-bold&quot;,
  4352. &quot;sectionAnimation&quot;: &quot;none&quot;,
  4353. &quot;backgroundMode&quot;: &quot;image&quot;,
  4354. &quot;imageEffect&quot;: &quot;none&quot;
  4355. }"
  4356.  data-current-context="{
  4357. &quot;video&quot;: {
  4358. &quot;playbackSpeed&quot;: 0.5,
  4359. &quot;filter&quot;: 1,
  4360. &quot;filterStrength&quot;: 0,
  4361. &quot;zoom&quot;: 0,
  4362. &quot;videoSourceProvider&quot;: &quot;none&quot;
  4363. },
  4364. &quot;backgroundImageId&quot;: null,
  4365. &quot;backgroundMediaEffect&quot;: null,
  4366. &quot;divider&quot;: null,
  4367. &quot;typeName&quot;: &quot;page&quot;
  4368. }"
  4369.  data-animation="none"
  4370.  data-fluid-engine-section
  4371.  
  4372.  
  4373.  
  4374. >
  4375.  <div
  4376.    class="section-border"
  4377.    
  4378.  >
  4379.    <div class="section-background">
  4380.    
  4381.      
  4382.    
  4383.    </div>
  4384.  </div>
  4385.  <div
  4386.    class='content-wrapper'
  4387.    style='
  4388.      
  4389.        
  4390.          
  4391.          
  4392.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  4393.        
  4394.      
  4395.    '
  4396.  >
  4397.    <div
  4398.      class="content"
  4399.      
  4400.    >
  4401.      
  4402.      
  4403.      
  4404.      
  4405.      
  4406.      
  4407.      
  4408.      
  4409.      <div data-fluid-engine="true"><style>
  4410.  
  4411. .fe-62e7a675bd678f7ed99d3821 {
  4412.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 27.0px);
  4413.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (27.0px * (8 - 1)) ) / 8 );
  4414.  
  4415.  display: grid;
  4416.  position: relative;
  4417.  grid-area: 1/1/-1/-1;
  4418.  grid-template-rows: repeat(14,minmax(24px, auto));
  4419.  grid-template-columns:
  4420.    minmax(var(--grid-gutter), 1fr)
  4421.    repeat(8, minmax(0, var(--cell-max-width)))
  4422.    minmax(var(--grid-gutter), 1fr);
  4423.  row-gap: 11.0px;
  4424.  column-gap: 27.0px;
  4425. }
  4426.  
  4427. @media (min-width: 768px) {
  4428.  .background-width--inset .fe-62e7a675bd678f7ed99d3821 {
  4429.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  4430.  }
  4431.  
  4432.  .fe-62e7a675bd678f7ed99d3821 {
  4433.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 27.0px);
  4434.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (27.0px * (24 - 1)) ) / 24 );
  4435.    --inset-padding: 0vw;
  4436.  
  4437.    --row-height-scaling-factor: 0.0215;
  4438.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  4439.  
  4440.    grid-template-rows: repeat(10,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  4441.    grid-template-columns:
  4442.      minmax(var(--grid-gutter), 1fr)
  4443.      repeat(24, minmax(0, var(--cell-max-width)))
  4444.      minmax(var(--grid-gutter), 1fr);
  4445.  }
  4446. }
  4447.  
  4448.  
  4449.  .fe-block-yui_3_17_2_1_1659333611813_982208 {
  4450.    grid-area: 2/2/4/10;
  4451.    z-index: 2;
  4452.  
  4453.    @media (max-width: 767px) {
  4454.      
  4455.    }
  4456.  }
  4457.  
  4458.  .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block {
  4459.    justify-content: flex-start;
  4460.  }
  4461.  
  4462.  .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block-alignment-wrapper {
  4463.    align-items: flex-start;
  4464.  }
  4465.  
  4466.  @media (min-width: 768px) {
  4467.    .fe-block-yui_3_17_2_1_1659333611813_982208 {
  4468.      grid-area: 4/9/6/19;
  4469.      z-index: 2;
  4470.  
  4471.      
  4472.    }
  4473.  
  4474.    .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block {
  4475.      justify-content: flex-start;
  4476.    }
  4477.  
  4478.    .fe-block-yui_3_17_2_1_1659333611813_982208 .sqs-block-alignment-wrapper {
  4479.      align-items: flex-start;
  4480.    }
  4481.  }
  4482.  
  4483.  .fe-block-yui_3_17_2_1_1659352525951_1011477 {
  4484.    grid-area: 4/3/7/5;
  4485.    z-index: 3;
  4486.  
  4487.    @media (max-width: 767px) {
  4488.      
  4489.    }
  4490.  }
  4491.  
  4492.  .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block {
  4493.    justify-content: center;
  4494.  }
  4495.  
  4496.  .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block-alignment-wrapper {
  4497.    align-items: center;
  4498.  }
  4499.  
  4500.  @media (min-width: 768px) {
  4501.    .fe-block-yui_3_17_2_1_1659352525951_1011477 {
  4502.      grid-area: 6/5/9/7;
  4503.      z-index: 3;
  4504.  
  4505.      
  4506.    }
  4507.  
  4508.    .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block {
  4509.      justify-content: center;
  4510.    }
  4511.  
  4512.    .fe-block-yui_3_17_2_1_1659352525951_1011477 .sqs-block-alignment-wrapper {
  4513.      align-items: center;
  4514.    }
  4515.  }
  4516.  
  4517.  .fe-block-yui_3_17_2_1_1659352525951_1023202 {
  4518.    grid-area: 4/5/7/7;
  4519.    z-index: 4;
  4520.  
  4521.    @media (max-width: 767px) {
  4522.      
  4523.    }
  4524.  }
  4525.  
  4526.  .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block {
  4527.    justify-content: center;
  4528.  }
  4529.  
  4530.  .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block-alignment-wrapper {
  4531.    align-items: center;
  4532.  }
  4533.  
  4534.  @media (min-width: 768px) {
  4535.    .fe-block-yui_3_17_2_1_1659352525951_1023202 {
  4536.      grid-area: 6/7/9/9;
  4537.      z-index: 4;
  4538.  
  4539.      
  4540.    }
  4541.  
  4542.    .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block {
  4543.      justify-content: center;
  4544.    }
  4545.  
  4546.    .fe-block-yui_3_17_2_1_1659352525951_1023202 .sqs-block-alignment-wrapper {
  4547.      align-items: center;
  4548.    }
  4549.  }
  4550.  
  4551.  .fe-block-yui_3_17_2_1_1659352525951_1031494 {
  4552.    grid-area: 4/7/7/9;
  4553.    z-index: 5;
  4554.  
  4555.    @media (max-width: 767px) {
  4556.      
  4557.    }
  4558.  }
  4559.  
  4560.  .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block {
  4561.    justify-content: center;
  4562.  }
  4563.  
  4564.  .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block-alignment-wrapper {
  4565.    align-items: center;
  4566.  }
  4567.  
  4568.  @media (min-width: 768px) {
  4569.    .fe-block-yui_3_17_2_1_1659352525951_1031494 {
  4570.      grid-area: 6/9/9/11;
  4571.      z-index: 5;
  4572.  
  4573.      
  4574.    }
  4575.  
  4576.    .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block {
  4577.      justify-content: center;
  4578.    }
  4579.  
  4580.    .fe-block-yui_3_17_2_1_1659352525951_1031494 .sqs-block-alignment-wrapper {
  4581.      align-items: center;
  4582.    }
  4583.  }
  4584.  
  4585.  .fe-block-yui_3_17_2_1_1659352525951_1061854 {
  4586.    grid-area: 7/7/10/9;
  4587.    z-index: 8;
  4588.  
  4589.    @media (max-width: 767px) {
  4590.      
  4591.    }
  4592.  }
  4593.  
  4594.  .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block {
  4595.    justify-content: center;
  4596.  }
  4597.  
  4598.  .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block-alignment-wrapper {
  4599.    align-items: center;
  4600.  }
  4601.  
  4602.  @media (min-width: 768px) {
  4603.    .fe-block-yui_3_17_2_1_1659352525951_1061854 {
  4604.      grid-area: 6/15/9/17;
  4605.      z-index: 8;
  4606.  
  4607.      
  4608.    }
  4609.  
  4610.    .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block {
  4611.      justify-content: center;
  4612.    }
  4613.  
  4614.    .fe-block-yui_3_17_2_1_1659352525951_1061854 .sqs-block-alignment-wrapper {
  4615.      align-items: center;
  4616.    }
  4617.  }
  4618.  
  4619.  .fe-block-yui_3_17_2_1_1659352525951_1048412 {
  4620.    grid-area: 7/3/10/5;
  4621.    z-index: 6;
  4622.  
  4623.    @media (max-width: 767px) {
  4624.      
  4625.    }
  4626.  }
  4627.  
  4628.  .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block {
  4629.    justify-content: center;
  4630.  }
  4631.  
  4632.  .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block-alignment-wrapper {
  4633.    align-items: center;
  4634.  }
  4635.  
  4636.  @media (min-width: 768px) {
  4637.    .fe-block-yui_3_17_2_1_1659352525951_1048412 {
  4638.      grid-area: 6/11/9/13;
  4639.      z-index: 6;
  4640.  
  4641.      
  4642.    }
  4643.  
  4644.    .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block {
  4645.      justify-content: center;
  4646.    }
  4647.  
  4648.    .fe-block-yui_3_17_2_1_1659352525951_1048412 .sqs-block-alignment-wrapper {
  4649.      align-items: center;
  4650.    }
  4651.  }
  4652.  
  4653.  .fe-block-yui_3_17_2_1_1659352525951_1055917 {
  4654.    grid-area: 7/5/10/7;
  4655.    z-index: 7;
  4656.  
  4657.    @media (max-width: 767px) {
  4658.      
  4659.    }
  4660.  }
  4661.  
  4662.  .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block {
  4663.    justify-content: center;
  4664.  }
  4665.  
  4666.  .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block-alignment-wrapper {
  4667.    align-items: center;
  4668.  }
  4669.  
  4670.  @media (min-width: 768px) {
  4671.    .fe-block-yui_3_17_2_1_1659352525951_1055917 {
  4672.      grid-area: 6/13/9/15;
  4673.      z-index: 7;
  4674.  
  4675.      
  4676.    }
  4677.  
  4678.    .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block {
  4679.      justify-content: center;
  4680.    }
  4681.  
  4682.    .fe-block-yui_3_17_2_1_1659352525951_1055917 .sqs-block-alignment-wrapper {
  4683.      align-items: center;
  4684.    }
  4685.  }
  4686.  
  4687.  .fe-block-yui_3_17_2_1_1659352525951_1089293 {
  4688.    grid-area: 10/7/13/9;
  4689.    z-index: 11;
  4690.  
  4691.    @media (max-width: 767px) {
  4692.      
  4693.    }
  4694.  }
  4695.  
  4696.  .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block {
  4697.    justify-content: center;
  4698.  }
  4699.  
  4700.  .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block-alignment-wrapper {
  4701.    align-items: center;
  4702.  }
  4703.  
  4704.  @media (min-width: 768px) {
  4705.    .fe-block-yui_3_17_2_1_1659352525951_1089293 {
  4706.      grid-area: 6/21/9/23;
  4707.      z-index: 11;
  4708.  
  4709.      
  4710.    }
  4711.  
  4712.    .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block {
  4713.      justify-content: center;
  4714.    }
  4715.  
  4716.    .fe-block-yui_3_17_2_1_1659352525951_1089293 .sqs-block-alignment-wrapper {
  4717.      align-items: center;
  4718.    }
  4719.  }
  4720.  
  4721.  .fe-block-yui_3_17_2_1_1659352525951_1068577 {
  4722.    grid-area: 10/3/13/5;
  4723.    z-index: 9;
  4724.  
  4725.    @media (max-width: 767px) {
  4726.      
  4727.    }
  4728.  }
  4729.  
  4730.  .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block {
  4731.    justify-content: center;
  4732.  }
  4733.  
  4734.  .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block-alignment-wrapper {
  4735.    align-items: center;
  4736.  }
  4737.  
  4738.  @media (min-width: 768px) {
  4739.    .fe-block-yui_3_17_2_1_1659352525951_1068577 {
  4740.      grid-area: 6/17/9/19;
  4741.      z-index: 9;
  4742.  
  4743.      
  4744.    }
  4745.  
  4746.    .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block {
  4747.      justify-content: center;
  4748.    }
  4749.  
  4750.    .fe-block-yui_3_17_2_1_1659352525951_1068577 .sqs-block-alignment-wrapper {
  4751.      align-items: center;
  4752.    }
  4753.  }
  4754.  
  4755.  .fe-block-yui_3_17_2_1_1659352525951_1081200 {
  4756.    grid-area: 10/5/13/7;
  4757.    z-index: 10;
  4758.  
  4759.    @media (max-width: 767px) {
  4760.      
  4761.    }
  4762.  }
  4763.  
  4764.  .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block {
  4765.    justify-content: center;
  4766.  }
  4767.  
  4768.  .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block-alignment-wrapper {
  4769.    align-items: center;
  4770.  }
  4771.  
  4772.  @media (min-width: 768px) {
  4773.    .fe-block-yui_3_17_2_1_1659352525951_1081200 {
  4774.      grid-area: 6/19/9/21;
  4775.      z-index: 10;
  4776.  
  4777.      
  4778.    }
  4779.  
  4780.    .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block {
  4781.      justify-content: center;
  4782.    }
  4783.  
  4784.    .fe-block-yui_3_17_2_1_1659352525951_1081200 .sqs-block-alignment-wrapper {
  4785.      align-items: center;
  4786.    }
  4787.  }
  4788.  
  4789. </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">
  4790.  
  4791. <div class="sqs-html-content">
  4792.  <h2 style="text-align:center;white-space:pre-wrap;">Trusted by</h2>
  4793. </div>
  4794.  
  4795.  
  4796.  
  4797.  
  4798.  
  4799.  
  4800.  
  4801.  
  4802.  
  4803.  
  4804.  
  4805.  
  4806.  
  4807.  
  4808.  
  4809.  
  4810.  
  4811.  
  4812.  
  4813.  
  4814.  
  4815.  
  4816.  
  4817.  
  4818.  
  4819. </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">
  4820.  
  4821.  
  4822.  
  4823.  
  4824.  
  4825.  
  4826.  
  4827.  
  4828.  
  4829.  
  4830.  
  4831.  
  4832.  
  4833.  
  4834.  
  4835.  
  4836.  
  4837.  
  4838.  
  4839.  
  4840.  
  4841.  
  4842.  
  4843.  
  4844.  
  4845.  
  4846.  
  4847.  
  4848.  
  4849.  
  4850.  
  4851.  
  4852.  
  4853.  
  4854.  
  4855.  
  4856.  
  4857.  
  4858.  
  4859.  
  4860.  
  4861.  
  4862.  
  4863.  
  4864.    
  4865.  
  4866.    <div
  4867.      class="
  4868.        image-block-outer-wrapper
  4869.        layout-caption-below
  4870.        design-layout-fluid
  4871.        image-position-center
  4872.        combination-animation-site-default
  4873.        individual-animation-site-default
  4874.      "
  4875.      data-test="image-block-fluid-outer-wrapper"
  4876.    >
  4877.      <div
  4878.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  4879.        data-animation-role="image"
  4880.        
  4881.  
  4882.  
  4883.      >
  4884.        <div
  4885.          class="fluid-image-container sqs-image-content"
  4886.          
  4887.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  4888.        >
  4889.          
  4890.  
  4891.          
  4892.          
  4893.  
  4894.          
  4895.            
  4896.              <div class="content-fit">
  4897.                
  4898.            
  4899.            
  4900.            
  4901.            
  4902.            
  4903.            
  4904.            <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">
  4905.  
  4906.            
  4907.              
  4908.            
  4909.            <div class="fluidImageOverlay"></div>
  4910.          
  4911.              </div>
  4912.            
  4913.          
  4914.  
  4915.        </div>
  4916.      </div>
  4917.    </div>
  4918.    <style>
  4919.      .sqs-block-image .sqs-block-content {
  4920.        height: 100%;
  4921.        width: 100%;
  4922.      }
  4923.  
  4924.      
  4925.        .fe-block-yui_3_17_2_1_1659352525951_1011477 .fluidImageOverlay {
  4926.          position: absolute;
  4927.          top: 0;
  4928.          left: 0;
  4929.          width: 100%;
  4930.          height: 100%;
  4931.          mix-blend-mode: ;
  4932.          
  4933.            
  4934.            
  4935.          
  4936.          
  4937.            opacity: 0;
  4938.          
  4939.        }
  4940.      
  4941.    </style>
  4942.  
  4943.  
  4944.  
  4945.  
  4946.  
  4947.  
  4948. </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">
  4949.  
  4950.  
  4951.  
  4952.  
  4953.  
  4954.  
  4955.  
  4956.  
  4957.  
  4958.  
  4959.  
  4960.  
  4961.  
  4962.  
  4963.  
  4964.  
  4965.  
  4966.  
  4967.  
  4968.  
  4969.  
  4970.  
  4971.  
  4972.  
  4973.  
  4974.  
  4975.  
  4976.  
  4977.  
  4978.  
  4979.  
  4980.  
  4981.  
  4982.  
  4983.  
  4984.  
  4985.  
  4986.  
  4987.  
  4988.  
  4989.  
  4990.  
  4991.  
  4992.  
  4993.    
  4994.  
  4995.    <div
  4996.      class="
  4997.        image-block-outer-wrapper
  4998.        layout-caption-below
  4999.        design-layout-fluid
  5000.        image-position-center
  5001.        combination-animation-site-default
  5002.        individual-animation-site-default
  5003.      "
  5004.      data-test="image-block-fluid-outer-wrapper"
  5005.    >
  5006.      <div
  5007.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5008.        data-animation-role="image"
  5009.        
  5010.  
  5011.  
  5012.      >
  5013.        <div
  5014.          class="fluid-image-container sqs-image-content"
  5015.          
  5016.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5017.        >
  5018.          
  5019.  
  5020.          
  5021.          
  5022.  
  5023.          
  5024.            
  5025.              <div class="content-fit">
  5026.                
  5027.            
  5028.            
  5029.            
  5030.            
  5031.            
  5032.            
  5033.            <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">
  5034.  
  5035.            
  5036.              
  5037.            
  5038.            <div class="fluidImageOverlay"></div>
  5039.          
  5040.              </div>
  5041.            
  5042.          
  5043.  
  5044.        </div>
  5045.      </div>
  5046.    </div>
  5047.    <style>
  5048.      .sqs-block-image .sqs-block-content {
  5049.        height: 100%;
  5050.        width: 100%;
  5051.      }
  5052.  
  5053.      
  5054.        .fe-block-yui_3_17_2_1_1659352525951_1023202 .fluidImageOverlay {
  5055.          position: absolute;
  5056.          top: 0;
  5057.          left: 0;
  5058.          width: 100%;
  5059.          height: 100%;
  5060.          mix-blend-mode: ;
  5061.          
  5062.            
  5063.            
  5064.          
  5065.          
  5066.            opacity: 0;
  5067.          
  5068.        }
  5069.      
  5070.    </style>
  5071.  
  5072.  
  5073.  
  5074.  
  5075.  
  5076.  
  5077. </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">
  5078.  
  5079.  
  5080.  
  5081.  
  5082.  
  5083.  
  5084.  
  5085.  
  5086.  
  5087.  
  5088.  
  5089.  
  5090.  
  5091.  
  5092.  
  5093.  
  5094.  
  5095.  
  5096.  
  5097.  
  5098.  
  5099.  
  5100.  
  5101.  
  5102.  
  5103.  
  5104.  
  5105.  
  5106.  
  5107.  
  5108.  
  5109.  
  5110.  
  5111.  
  5112.  
  5113.  
  5114.  
  5115.  
  5116.  
  5117.  
  5118.  
  5119.  
  5120.  
  5121.  
  5122.    
  5123.  
  5124.    <div
  5125.      class="
  5126.        image-block-outer-wrapper
  5127.        layout-caption-below
  5128.        design-layout-fluid
  5129.        image-position-center
  5130.        combination-animation-site-default
  5131.        individual-animation-site-default
  5132.      "
  5133.      data-test="image-block-fluid-outer-wrapper"
  5134.    >
  5135.      <div
  5136.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5137.        data-animation-role="image"
  5138.        
  5139.  
  5140.  
  5141.      >
  5142.        <div
  5143.          class="fluid-image-container sqs-image-content"
  5144.          
  5145.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5146.        >
  5147.          
  5148.  
  5149.          
  5150.          
  5151.  
  5152.          
  5153.            
  5154.              <div class="content-fit">
  5155.                
  5156.            
  5157.            
  5158.            
  5159.            
  5160.            
  5161.            
  5162.            <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">
  5163.  
  5164.            
  5165.              
  5166.            
  5167.            <div class="fluidImageOverlay"></div>
  5168.          
  5169.              </div>
  5170.            
  5171.          
  5172.  
  5173.        </div>
  5174.      </div>
  5175.    </div>
  5176.    <style>
  5177.      .sqs-block-image .sqs-block-content {
  5178.        height: 100%;
  5179.        width: 100%;
  5180.      }
  5181.  
  5182.      
  5183.        .fe-block-yui_3_17_2_1_1659352525951_1031494 .fluidImageOverlay {
  5184.          position: absolute;
  5185.          top: 0;
  5186.          left: 0;
  5187.          width: 100%;
  5188.          height: 100%;
  5189.          mix-blend-mode: ;
  5190.          
  5191.            
  5192.            
  5193.          
  5194.          
  5195.            opacity: 0;
  5196.          
  5197.        }
  5198.      
  5199.    </style>
  5200.  
  5201.  
  5202.  
  5203.  
  5204.  
  5205.  
  5206. </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">
  5207.  
  5208.  
  5209.  
  5210.  
  5211.  
  5212.  
  5213.  
  5214.  
  5215.  
  5216.  
  5217.  
  5218.  
  5219.  
  5220.  
  5221.  
  5222.  
  5223.  
  5224.  
  5225.  
  5226.  
  5227.  
  5228.  
  5229.  
  5230.  
  5231.  
  5232.  
  5233.  
  5234.  
  5235.  
  5236.  
  5237.  
  5238.  
  5239.  
  5240.  
  5241.  
  5242.  
  5243.  
  5244.  
  5245.  
  5246.  
  5247.  
  5248.  
  5249.  
  5250.  
  5251.    
  5252.  
  5253.    <div
  5254.      class="
  5255.        image-block-outer-wrapper
  5256.        layout-caption-below
  5257.        design-layout-fluid
  5258.        image-position-center
  5259.        combination-animation-site-default
  5260.        individual-animation-site-default
  5261.      "
  5262.      data-test="image-block-fluid-outer-wrapper"
  5263.    >
  5264.      <div
  5265.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5266.        data-animation-role="image"
  5267.        
  5268.  
  5269.  
  5270.      >
  5271.        <div
  5272.          class="fluid-image-container sqs-image-content"
  5273.          
  5274.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5275.        >
  5276.          
  5277.  
  5278.          
  5279.          
  5280.  
  5281.          
  5282.            
  5283.              <div class="content-fit">
  5284.                
  5285.            
  5286.            
  5287.            
  5288.            
  5289.            
  5290.            
  5291.            <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">
  5292.  
  5293.            
  5294.              
  5295.            
  5296.            <div class="fluidImageOverlay"></div>
  5297.          
  5298.              </div>
  5299.            
  5300.          
  5301.  
  5302.        </div>
  5303.      </div>
  5304.    </div>
  5305.    <style>
  5306.      .sqs-block-image .sqs-block-content {
  5307.        height: 100%;
  5308.        width: 100%;
  5309.      }
  5310.  
  5311.      
  5312.        .fe-block-yui_3_17_2_1_1659352525951_1061854 .fluidImageOverlay {
  5313.          position: absolute;
  5314.          top: 0;
  5315.          left: 0;
  5316.          width: 100%;
  5317.          height: 100%;
  5318.          mix-blend-mode: ;
  5319.          
  5320.            
  5321.            
  5322.          
  5323.          
  5324.            opacity: 0;
  5325.          
  5326.        }
  5327.      
  5328.    </style>
  5329.  
  5330.  
  5331.  
  5332.  
  5333.  
  5334.  
  5335. </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">
  5336.  
  5337.  
  5338.  
  5339.  
  5340.  
  5341.  
  5342.  
  5343.  
  5344.  
  5345.  
  5346.  
  5347.  
  5348.  
  5349.  
  5350.  
  5351.  
  5352.  
  5353.  
  5354.  
  5355.  
  5356.  
  5357.  
  5358.  
  5359.  
  5360.  
  5361.  
  5362.  
  5363.  
  5364.  
  5365.  
  5366.  
  5367.  
  5368.  
  5369.  
  5370.  
  5371.  
  5372.  
  5373.  
  5374.  
  5375.  
  5376.  
  5377.  
  5378.  
  5379.  
  5380.    
  5381.  
  5382.    <div
  5383.      class="
  5384.        image-block-outer-wrapper
  5385.        layout-caption-below
  5386.        design-layout-fluid
  5387.        image-position-center
  5388.        combination-animation-site-default
  5389.        individual-animation-site-default
  5390.      "
  5391.      data-test="image-block-fluid-outer-wrapper"
  5392.    >
  5393.      <div
  5394.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5395.        data-animation-role="image"
  5396.        
  5397.  
  5398.  
  5399.      >
  5400.        <div
  5401.          class="fluid-image-container sqs-image-content"
  5402.          
  5403.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5404.        >
  5405.          
  5406.  
  5407.          
  5408.          
  5409.  
  5410.          
  5411.            
  5412.              <div class="content-fit">
  5413.                
  5414.            
  5415.            
  5416.            
  5417.            
  5418.            
  5419.            
  5420.            <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">
  5421.  
  5422.            
  5423.              
  5424.            
  5425.            <div class="fluidImageOverlay"></div>
  5426.          
  5427.              </div>
  5428.            
  5429.          
  5430.  
  5431.        </div>
  5432.      </div>
  5433.    </div>
  5434.    <style>
  5435.      .sqs-block-image .sqs-block-content {
  5436.        height: 100%;
  5437.        width: 100%;
  5438.      }
  5439.  
  5440.      
  5441.        .fe-block-yui_3_17_2_1_1659352525951_1048412 .fluidImageOverlay {
  5442.          position: absolute;
  5443.          top: 0;
  5444.          left: 0;
  5445.          width: 100%;
  5446.          height: 100%;
  5447.          mix-blend-mode: ;
  5448.          
  5449.            
  5450.            
  5451.          
  5452.          
  5453.            opacity: 0;
  5454.          
  5455.        }
  5456.      
  5457.    </style>
  5458.  
  5459.  
  5460.  
  5461.  
  5462.  
  5463.  
  5464. </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">
  5465.  
  5466.  
  5467.  
  5468.  
  5469.  
  5470.  
  5471.  
  5472.  
  5473.  
  5474.  
  5475.  
  5476.  
  5477.  
  5478.  
  5479.  
  5480.  
  5481.  
  5482.  
  5483.  
  5484.  
  5485.  
  5486.  
  5487.  
  5488.  
  5489.  
  5490.  
  5491.  
  5492.  
  5493.  
  5494.  
  5495.  
  5496.  
  5497.  
  5498.  
  5499.  
  5500.  
  5501.  
  5502.  
  5503.  
  5504.  
  5505.  
  5506.  
  5507.  
  5508.  
  5509.    
  5510.  
  5511.    <div
  5512.      class="
  5513.        image-block-outer-wrapper
  5514.        layout-caption-below
  5515.        design-layout-fluid
  5516.        image-position-center
  5517.        combination-animation-site-default
  5518.        individual-animation-site-default
  5519.      "
  5520.      data-test="image-block-fluid-outer-wrapper"
  5521.    >
  5522.      <div
  5523.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5524.        data-animation-role="image"
  5525.        
  5526.  
  5527.  
  5528.      >
  5529.        <div
  5530.          class="fluid-image-container sqs-image-content"
  5531.          
  5532.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5533.        >
  5534.          
  5535.  
  5536.          
  5537.          
  5538.  
  5539.          
  5540.            
  5541.              <div class="content-fit">
  5542.                
  5543.            
  5544.            
  5545.            
  5546.            
  5547.            
  5548.            
  5549.            <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">
  5550.  
  5551.            
  5552.              
  5553.            
  5554.            <div class="fluidImageOverlay"></div>
  5555.          
  5556.              </div>
  5557.            
  5558.          
  5559.  
  5560.        </div>
  5561.      </div>
  5562.    </div>
  5563.    <style>
  5564.      .sqs-block-image .sqs-block-content {
  5565.        height: 100%;
  5566.        width: 100%;
  5567.      }
  5568.  
  5569.      
  5570.        .fe-block-yui_3_17_2_1_1659352525951_1055917 .fluidImageOverlay {
  5571.          position: absolute;
  5572.          top: 0;
  5573.          left: 0;
  5574.          width: 100%;
  5575.          height: 100%;
  5576.          mix-blend-mode: ;
  5577.          
  5578.            
  5579.            
  5580.          
  5581.          
  5582.            opacity: 0;
  5583.          
  5584.        }
  5585.      
  5586.    </style>
  5587.  
  5588.  
  5589.  
  5590.  
  5591.  
  5592.  
  5593. </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">
  5594.  
  5595.  
  5596.  
  5597.  
  5598.  
  5599.  
  5600.  
  5601.  
  5602.  
  5603.  
  5604.  
  5605.  
  5606.  
  5607.  
  5608.  
  5609.  
  5610.  
  5611.  
  5612.  
  5613.  
  5614.  
  5615.  
  5616.  
  5617.  
  5618.  
  5619.  
  5620.  
  5621.  
  5622.  
  5623.  
  5624.  
  5625.  
  5626.  
  5627.  
  5628.  
  5629.  
  5630.  
  5631.  
  5632.  
  5633.  
  5634.  
  5635.  
  5636.  
  5637.  
  5638.    
  5639.  
  5640.    <div
  5641.      class="
  5642.        image-block-outer-wrapper
  5643.        layout-caption-below
  5644.        design-layout-fluid
  5645.        image-position-center
  5646.        combination-animation-site-default
  5647.        individual-animation-site-default
  5648.      "
  5649.      data-test="image-block-fluid-outer-wrapper"
  5650.    >
  5651.      <div
  5652.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5653.        data-animation-role="image"
  5654.        
  5655.  
  5656.  
  5657.      >
  5658.        <div
  5659.          class="fluid-image-container sqs-image-content"
  5660.          
  5661.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5662.        >
  5663.          
  5664.  
  5665.          
  5666.          
  5667.  
  5668.          
  5669.            
  5670.              <div class="content-fit">
  5671.                
  5672.            
  5673.            
  5674.            
  5675.            
  5676.            
  5677.            
  5678.            <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">
  5679.  
  5680.            
  5681.              
  5682.            
  5683.            <div class="fluidImageOverlay"></div>
  5684.          
  5685.              </div>
  5686.            
  5687.          
  5688.  
  5689.        </div>
  5690.      </div>
  5691.    </div>
  5692.    <style>
  5693.      .sqs-block-image .sqs-block-content {
  5694.        height: 100%;
  5695.        width: 100%;
  5696.      }
  5697.  
  5698.      
  5699.        .fe-block-yui_3_17_2_1_1659352525951_1089293 .fluidImageOverlay {
  5700.          position: absolute;
  5701.          top: 0;
  5702.          left: 0;
  5703.          width: 100%;
  5704.          height: 100%;
  5705.          mix-blend-mode: ;
  5706.          
  5707.            
  5708.            
  5709.          
  5710.          
  5711.            opacity: 0;
  5712.          
  5713.        }
  5714.      
  5715.    </style>
  5716.  
  5717.  
  5718.  
  5719.  
  5720.  
  5721.  
  5722. </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">
  5723.  
  5724.  
  5725.  
  5726.  
  5727.  
  5728.  
  5729.  
  5730.  
  5731.  
  5732.  
  5733.  
  5734.  
  5735.  
  5736.  
  5737.  
  5738.  
  5739.  
  5740.  
  5741.  
  5742.  
  5743.  
  5744.  
  5745.  
  5746.  
  5747.  
  5748.  
  5749.  
  5750.  
  5751.  
  5752.  
  5753.  
  5754.  
  5755.  
  5756.  
  5757.  
  5758.  
  5759.  
  5760.  
  5761.  
  5762.  
  5763.  
  5764.  
  5765.  
  5766.  
  5767.    
  5768.  
  5769.    <div
  5770.      class="
  5771.        image-block-outer-wrapper
  5772.        layout-caption-below
  5773.        design-layout-fluid
  5774.        image-position-center
  5775.        combination-animation-site-default
  5776.        individual-animation-site-default
  5777.      "
  5778.      data-test="image-block-fluid-outer-wrapper"
  5779.    >
  5780.      <div
  5781.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5782.        data-animation-role="image"
  5783.        
  5784.  
  5785.  
  5786.      >
  5787.        <div
  5788.          class="fluid-image-container sqs-image-content"
  5789.          
  5790.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5791.        >
  5792.          
  5793.  
  5794.          
  5795.          
  5796.  
  5797.          
  5798.            
  5799.              <div class="content-fit">
  5800.                
  5801.            
  5802.            
  5803.            
  5804.            
  5805.            
  5806.            
  5807.            <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">
  5808.  
  5809.            
  5810.              
  5811.            
  5812.            <div class="fluidImageOverlay"></div>
  5813.          
  5814.              </div>
  5815.            
  5816.          
  5817.  
  5818.        </div>
  5819.      </div>
  5820.    </div>
  5821.    <style>
  5822.      .sqs-block-image .sqs-block-content {
  5823.        height: 100%;
  5824.        width: 100%;
  5825.      }
  5826.  
  5827.      
  5828.        .fe-block-yui_3_17_2_1_1659352525951_1068577 .fluidImageOverlay {
  5829.          position: absolute;
  5830.          top: 0;
  5831.          left: 0;
  5832.          width: 100%;
  5833.          height: 100%;
  5834.          mix-blend-mode: ;
  5835.          
  5836.            
  5837.            
  5838.          
  5839.          
  5840.            opacity: 0;
  5841.          
  5842.        }
  5843.      
  5844.    </style>
  5845.  
  5846.  
  5847.  
  5848.  
  5849.  
  5850.  
  5851. </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">
  5852.  
  5853.  
  5854.  
  5855.  
  5856.  
  5857.  
  5858.  
  5859.  
  5860.  
  5861.  
  5862.  
  5863.  
  5864.  
  5865.  
  5866.  
  5867.  
  5868.  
  5869.  
  5870.  
  5871.  
  5872.  
  5873.  
  5874.  
  5875.  
  5876.  
  5877.  
  5878.  
  5879.  
  5880.  
  5881.  
  5882.  
  5883.  
  5884.  
  5885.  
  5886.  
  5887.  
  5888.  
  5889.  
  5890.  
  5891.  
  5892.  
  5893.  
  5894.  
  5895.  
  5896.    
  5897.  
  5898.    <div
  5899.      class="
  5900.        image-block-outer-wrapper
  5901.        layout-caption-below
  5902.        design-layout-fluid
  5903.        image-position-center
  5904.        combination-animation-site-default
  5905.        individual-animation-site-default
  5906.      "
  5907.      data-test="image-block-fluid-outer-wrapper"
  5908.    >
  5909.      <div
  5910.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  5911.        data-animation-role="image"
  5912.        
  5913.  
  5914.  
  5915.      >
  5916.        <div
  5917.          class="fluid-image-container sqs-image-content"
  5918.          
  5919.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  5920.        >
  5921.          
  5922.  
  5923.          
  5924.          
  5925.  
  5926.          
  5927.            
  5928.              <div class="content-fit">
  5929.                
  5930.            
  5931.            
  5932.            
  5933.            
  5934.            
  5935.            
  5936.            <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">
  5937.  
  5938.            
  5939.              
  5940.            
  5941.            <div class="fluidImageOverlay"></div>
  5942.          
  5943.              </div>
  5944.            
  5945.          
  5946.  
  5947.        </div>
  5948.      </div>
  5949.    </div>
  5950.    <style>
  5951.      .sqs-block-image .sqs-block-content {
  5952.        height: 100%;
  5953.        width: 100%;
  5954.      }
  5955.  
  5956.      
  5957.        .fe-block-yui_3_17_2_1_1659352525951_1081200 .fluidImageOverlay {
  5958.          position: absolute;
  5959.          top: 0;
  5960.          left: 0;
  5961.          width: 100%;
  5962.          height: 100%;
  5963.          mix-blend-mode: ;
  5964.          
  5965.            
  5966.            
  5967.          
  5968.          
  5969.            opacity: 0;
  5970.          
  5971.        }
  5972.      
  5973.    </style>
  5974.  
  5975.  
  5976.  
  5977.  
  5978.  
  5979.  
  5980. </div></div></div></div></div>
  5981.    </div>
  5982.  
  5983.  </div>
  5984.  
  5985. </section>
  5986.  
  5987.  
  5988.    
  5989.    
  5990.  
  5991.  
  5992.  
  5993.  
  5994.  
  5995.  
  5996. <section
  5997.  data-test="page-section"
  5998.  
  5999.  data-section-theme="white"
  6000.  class='page-section
  6001.    
  6002.      full-bleed-section
  6003.      layout-engine-section
  6004.    
  6005.    background-width--full-bleed
  6006.    
  6007.      
  6008.        section-height--custom
  6009.      
  6010.    
  6011.    
  6012.      content-width--wide
  6013.    
  6014.    horizontal-alignment--center
  6015.    vertical-alignment--middle
  6016.    
  6017.      
  6018.    
  6019.    
  6020.    white'
  6021.  
  6022.  data-section-id="62e74fee9f6aeb2bb6997590"
  6023.  
  6024.  data-controller="SectionWrapperController"
  6025.  data-current-styles="{
  6026. &quot;imageOverlayOpacity&quot;: 0.15,
  6027. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  6028. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  6029. &quot;customSectionHeight&quot;: 0,
  6030. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  6031. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  6032. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  6033. &quot;customContentWidth&quot;: 50,
  6034. &quot;sectionTheme&quot;: &quot;white&quot;,
  6035. &quot;sectionAnimation&quot;: &quot;none&quot;,
  6036. &quot;backgroundMode&quot;: &quot;image&quot;
  6037. }"
  6038.  data-current-context="{
  6039. &quot;video&quot;: {
  6040. &quot;playbackSpeed&quot;: 0.5,
  6041. &quot;filter&quot;: 1,
  6042. &quot;filterStrength&quot;: 0,
  6043. &quot;zoom&quot;: 0,
  6044. &quot;videoSourceProvider&quot;: &quot;none&quot;
  6045. },
  6046. &quot;backgroundImageId&quot;: null,
  6047. &quot;backgroundMediaEffect&quot;: null,
  6048. &quot;divider&quot;: null,
  6049. &quot;typeName&quot;: &quot;page&quot;
  6050. }"
  6051.  data-animation="none"
  6052.  data-fluid-engine-section
  6053.  
  6054.  
  6055.  
  6056. >
  6057.  <div
  6058.    class="section-border"
  6059.    
  6060.  >
  6061.    <div class="section-background">
  6062.    
  6063.      
  6064.    
  6065.    </div>
  6066.  </div>
  6067.  <div
  6068.    class='content-wrapper'
  6069.    style='
  6070.      
  6071.        
  6072.          
  6073.          
  6074.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  6075.        
  6076.      
  6077.    '
  6078.  >
  6079.    <div
  6080.      class="content"
  6081.      
  6082.    >
  6083.      
  6084.      
  6085.      
  6086.      
  6087.      
  6088.      
  6089.      
  6090.      
  6091.      <div data-fluid-engine="true"><style>
  6092.  
  6093. .fe-62e74fee9f6aeb2bb699758f {
  6094.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  6095.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  6096.  
  6097.  display: grid;
  6098.  position: relative;
  6099.  grid-area: 1/1/-1/-1;
  6100.  grid-template-rows: repeat(39,minmax(24px, auto));
  6101.  grid-template-columns:
  6102.    minmax(var(--grid-gutter), 1fr)
  6103.    repeat(8, minmax(0, var(--cell-max-width)))
  6104.    minmax(var(--grid-gutter), 1fr);
  6105.  row-gap: 0.0px;
  6106.  column-gap: 0.0px;
  6107. }
  6108.  
  6109. @media (min-width: 768px) {
  6110.  .background-width--inset .fe-62e74fee9f6aeb2bb699758f {
  6111.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  6112.  }
  6113.  
  6114.  .fe-62e74fee9f6aeb2bb699758f {
  6115.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  6116.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  6117.    --inset-padding: 0vw;
  6118.  
  6119.    --row-height-scaling-factor: 0.0215;
  6120.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  6121.  
  6122.    grid-template-rows: repeat(25,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  6123.    grid-template-columns:
  6124.      minmax(var(--grid-gutter), 1fr)
  6125.      repeat(24, minmax(0, var(--cell-max-width)))
  6126.      minmax(var(--grid-gutter), 1fr);
  6127.  }
  6128. }
  6129.  
  6130.  
  6131.  .fe-block-984b0e07179ef614a1c6 {
  6132.    grid-area: 3/3/14/9;
  6133.    z-index: 0;
  6134.  
  6135.    @media (max-width: 767px) {
  6136.      
  6137.    }
  6138.  }
  6139.  
  6140.  .fe-block-984b0e07179ef614a1c6 .sqs-block {
  6141.    justify-content: center;
  6142.  }
  6143.  
  6144.  .fe-block-984b0e07179ef614a1c6 .sqs-block-alignment-wrapper {
  6145.    align-items: center;
  6146.  }
  6147.  
  6148.  @media (min-width: 768px) {
  6149.    .fe-block-984b0e07179ef614a1c6 {
  6150.      grid-area: 4/3/20/13;
  6151.      z-index: 0;
  6152.  
  6153.      
  6154.    }
  6155.  
  6156.    .fe-block-984b0e07179ef614a1c6 .sqs-block {
  6157.      justify-content: center;
  6158.    }
  6159.  
  6160.    .fe-block-984b0e07179ef614a1c6 .sqs-block-alignment-wrapper {
  6161.      align-items: center;
  6162.    }
  6163.  }
  6164.  
  6165.  .fe-block-871a96805dbbbcacb711 {
  6166.    grid-area: 16/2/35/10;
  6167.    z-index: 4;
  6168.  
  6169.    @media (max-width: 767px) {
  6170.      
  6171.    }
  6172.  }
  6173.  
  6174.  .fe-block-871a96805dbbbcacb711 .sqs-block {
  6175.    justify-content: flex-start;
  6176.  }
  6177.  
  6178.  .fe-block-871a96805dbbbcacb711 .sqs-block-alignment-wrapper {
  6179.    align-items: flex-start;
  6180.  }
  6181.  
  6182.  @media (min-width: 768px) {
  6183.    .fe-block-871a96805dbbbcacb711 {
  6184.      grid-area: 3/15/23/25;
  6185.      z-index: 4;
  6186.  
  6187.      
  6188.    }
  6189.  
  6190.    .fe-block-871a96805dbbbcacb711 .sqs-block {
  6191.      justify-content: flex-start;
  6192.    }
  6193.  
  6194.    .fe-block-871a96805dbbbcacb711 .sqs-block-alignment-wrapper {
  6195.      align-items: flex-start;
  6196.    }
  6197.  }
  6198.  
  6199.  .fe-block-yui_3_17_2_1_1659325685751_93644 {
  6200.    grid-area: 36/4/38/8;
  6201.    z-index: 5;
  6202.  
  6203.    @media (max-width: 767px) {
  6204.      
  6205.    }
  6206.  }
  6207.  
  6208.  .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block {
  6209.    justify-content: center;
  6210.  }
  6211.  
  6212.  .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block-alignment-wrapper {
  6213.    align-items: center;
  6214.  }
  6215.  
  6216.  @media (min-width: 768px) {
  6217.    .fe-block-yui_3_17_2_1_1659325685751_93644 {
  6218.      grid-area: 24/15/26/20;
  6219.      z-index: 5;
  6220.  
  6221.      
  6222.    }
  6223.  
  6224.    .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block {
  6225.      justify-content: center;
  6226.    }
  6227.  
  6228.    .fe-block-yui_3_17_2_1_1659325685751_93644 .sqs-block-alignment-wrapper {
  6229.      align-items: center;
  6230.    }
  6231.  }
  6232.  
  6233. </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">
  6234.  
  6235.  
  6236.  
  6237.  
  6238.  
  6239.  
  6240.  
  6241.  
  6242.  
  6243.  
  6244.  
  6245.  
  6246.  
  6247.  
  6248.  
  6249.  
  6250.  
  6251.  
  6252.  
  6253.  
  6254.  
  6255.  
  6256.  
  6257.  
  6258.  
  6259.  
  6260.  
  6261.  
  6262.  
  6263.  
  6264.  
  6265.  
  6266.  
  6267.  
  6268.  
  6269.  
  6270.  
  6271.  
  6272.  
  6273.  
  6274.  
  6275.  
  6276.  
  6277.  
  6278.    
  6279.  
  6280.    <div
  6281.      class="
  6282.        image-block-outer-wrapper
  6283.        layout-caption-below
  6284.        design-layout-fluid
  6285.        image-position-center
  6286.        combination-animation-site-default
  6287.        individual-animation-site-default
  6288.      "
  6289.      data-test="image-block-fluid-outer-wrapper"
  6290.    >
  6291.      <div
  6292.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  6293.        data-animation-role="image"
  6294.        
  6295.  
  6296.  
  6297.      >
  6298.        <div
  6299.          class="fluid-image-container sqs-image-content"
  6300.          
  6301.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  6302.        >
  6303.          
  6304.  
  6305.          
  6306.          
  6307.  
  6308.          
  6309.            
  6310.              <div class="content-fill">
  6311.                
  6312.            
  6313.            
  6314.            
  6315.            
  6316.            
  6317.            
  6318.            <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">
  6319.  
  6320.            
  6321.              
  6322.            
  6323.            <div class="fluidImageOverlay"></div>
  6324.          
  6325.              </div>
  6326.            
  6327.          
  6328.  
  6329.        </div>
  6330.      </div>
  6331.    </div>
  6332.    <style>
  6333.      .sqs-block-image .sqs-block-content {
  6334.        height: 100%;
  6335.        width: 100%;
  6336.      }
  6337.  
  6338.      
  6339.        .fe-block-984b0e07179ef614a1c6 .fluidImageOverlay {
  6340.          position: absolute;
  6341.          top: 0;
  6342.          left: 0;
  6343.          width: 100%;
  6344.          height: 100%;
  6345.          mix-blend-mode: ;
  6346.          
  6347.            
  6348.            
  6349.          
  6350.          
  6351.            opacity: 0;
  6352.          
  6353.        }
  6354.      
  6355.    </style>
  6356.  
  6357.  
  6358.  
  6359.  
  6360.  
  6361.  
  6362. </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">
  6363.  
  6364. <div class="sqs-html-content">
  6365.  <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>
  6366. </div>
  6367.  
  6368.  
  6369.  
  6370.  
  6371.  
  6372.  
  6373.  
  6374.  
  6375.  
  6376.  
  6377.  
  6378.  
  6379.  
  6380.  
  6381.  
  6382.  
  6383.  
  6384.  
  6385.  
  6386.  
  6387.  
  6388.  
  6389.  
  6390.  
  6391.  
  6392. </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1659325685751_93644"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" id="block-yui_3_17_2_1_1659325685751_93644"><div class="sqs-block-content">
  6393.  
  6394. <div
  6395.  class="sqs-block-button-container sqs-block-button-container--center"
  6396.  data-animation-role="button"
  6397.  data-alignment="center"
  6398.  data-button-size="medium"
  6399.  data-button-type="primary"
  6400. >
  6401.  <a
  6402.    href="/about"
  6403.    class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
  6404.    
  6405.  >
  6406.    Learn more
  6407.  </a>
  6408. </div>
  6409. </div></div></div></div></div>
  6410.    </div>
  6411.  
  6412.  </div>
  6413.  
  6414. </section>
  6415.  
  6416.  
  6417.    
  6418.    
  6419.  
  6420.  
  6421.  
  6422.  
  6423.  
  6424.  
  6425. <section
  6426.  data-test="page-section"
  6427.  
  6428.  data-section-theme=""
  6429.  class='page-section
  6430.    
  6431.      full-bleed-section
  6432.      layout-engine-section
  6433.    
  6434.    background-width--full-bleed
  6435.    
  6436.      
  6437.        section-height--custom
  6438.      
  6439.    
  6440.    
  6441.      content-width--wide
  6442.    
  6443.    horizontal-alignment--center
  6444.    vertical-alignment--middle
  6445.    
  6446.      
  6447.    
  6448.    
  6449.    '
  6450.  
  6451.  data-section-id="62e7a3ed1b6952301a9c9121"
  6452.  
  6453.  data-controller="SectionWrapperController"
  6454.  data-current-styles="{
  6455. &quot;imageOverlayOpacity&quot;: 0.15,
  6456. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  6457. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  6458. &quot;customSectionHeight&quot;: 0,
  6459. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  6460. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  6461. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  6462. &quot;customContentWidth&quot;: 50,
  6463. &quot;backgroundColor&quot;: &quot;&quot;,
  6464. &quot;sectionTheme&quot;: &quot;&quot;,
  6465. &quot;sectionAnimation&quot;: &quot;none&quot;,
  6466. &quot;backgroundMode&quot;: &quot;image&quot;
  6467. }"
  6468.  data-current-context="{
  6469. &quot;video&quot;: {
  6470. &quot;playbackSpeed&quot;: 0.5,
  6471. &quot;filter&quot;: 1,
  6472. &quot;filterStrength&quot;: 0,
  6473. &quot;zoom&quot;: 0,
  6474. &quot;videoSourceProvider&quot;: &quot;none&quot;
  6475. },
  6476. &quot;backgroundImageId&quot;: null,
  6477. &quot;backgroundMediaEffect&quot;: null,
  6478. &quot;divider&quot;: null,
  6479. &quot;typeName&quot;: &quot;page&quot;
  6480. }"
  6481.  data-animation="none"
  6482.  data-fluid-engine-section
  6483.  
  6484.  
  6485.  
  6486. >
  6487.  <div
  6488.    class="section-border"
  6489.    
  6490.  >
  6491.    <div class="section-background">
  6492.    
  6493.      
  6494.    
  6495.    </div>
  6496.  </div>
  6497.  <div
  6498.    class='content-wrapper'
  6499.    style='
  6500.      
  6501.        
  6502.          
  6503.          
  6504.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  6505.        
  6506.      
  6507.    '
  6508.  >
  6509.    <div
  6510.      class="content"
  6511.      
  6512.    >
  6513.      
  6514.      
  6515.      
  6516.      
  6517.      
  6518.      
  6519.      
  6520.      
  6521.      <div data-fluid-engine="true"><style>
  6522.  
  6523. .fe-62e7a3ede8fd9f480aa82d1e {
  6524.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  6525.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
  6526.  
  6527.  display: grid;
  6528.  position: relative;
  6529.  grid-area: 1/1/-1/-1;
  6530.  grid-template-rows: repeat(8,minmax(24px, auto));
  6531.  grid-template-columns:
  6532.    minmax(var(--grid-gutter), 1fr)
  6533.    repeat(8, minmax(0, var(--cell-max-width)))
  6534.    minmax(var(--grid-gutter), 1fr);
  6535.  row-gap: 11.0px;
  6536.  column-gap: 11.0px;
  6537. }
  6538.  
  6539. @media (min-width: 768px) {
  6540.  .background-width--inset .fe-62e7a3ede8fd9f480aa82d1e {
  6541.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  6542.  }
  6543.  
  6544.  .fe-62e7a3ede8fd9f480aa82d1e {
  6545.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
  6546.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
  6547.    --inset-padding: 0vw;
  6548.  
  6549.    --row-height-scaling-factor: 0.0215;
  6550.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  6551.  
  6552.    grid-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  6553.    grid-template-columns:
  6554.      minmax(var(--grid-gutter), 1fr)
  6555.      repeat(24, minmax(0, var(--cell-max-width)))
  6556.      minmax(var(--grid-gutter), 1fr);
  6557.  }
  6558. }
  6559.  
  6560.  
  6561.  .fe-block-yui_3_17_2_1_1669253304833_25089 {
  6562.    grid-area: 2/2/8/10;
  6563.    z-index: 9;
  6564.  
  6565.    @media (max-width: 767px) {
  6566.      
  6567.    }
  6568.  }
  6569.  
  6570.  .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block {
  6571.    justify-content: flex-start;
  6572.  }
  6573.  
  6574.  .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block-alignment-wrapper {
  6575.    align-items: flex-start;
  6576.  }
  6577.  
  6578.  @media (min-width: 768px) {
  6579.    .fe-block-yui_3_17_2_1_1669253304833_25089 {
  6580.      grid-area: 2/2/7/26;
  6581.      z-index: 2;
  6582.  
  6583.      
  6584.    }
  6585.  
  6586.    .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block {
  6587.      justify-content: flex-start;
  6588.    }
  6589.  
  6590.    .fe-block-yui_3_17_2_1_1669253304833_25089 .sqs-block-alignment-wrapper {
  6591.      align-items: flex-start;
  6592.    }
  6593.  }
  6594.  
  6595. </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">
  6596.  
  6597. <div class="sqs-html-content">
  6598.  <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>
  6599. </div>
  6600.  
  6601.  
  6602.  
  6603.  
  6604.  
  6605.  
  6606.  
  6607.  
  6608.  
  6609.  
  6610.  
  6611.  
  6612.  
  6613.  
  6614.  
  6615.  
  6616.  
  6617.  
  6618.  
  6619.  
  6620.  
  6621.  
  6622.  
  6623.  
  6624.  
  6625. </div></div></div></div></div>
  6626.    </div>
  6627.  
  6628.  </div>
  6629.  
  6630. </section>
  6631.  
  6632.  
  6633.    
  6634.    
  6635.  
  6636.  
  6637.  
  6638.  
  6639.  
  6640.  
  6641. <section
  6642.  data-test="page-section"
  6643.  
  6644.  data-section-theme=""
  6645.  class='page-section
  6646.    
  6647.      full-bleed-section
  6648.      layout-engine-section
  6649.    
  6650.    background-width--full-bleed
  6651.    
  6652.      section-height--small
  6653.    
  6654.    
  6655.      content-width--wide
  6656.    
  6657.    horizontal-alignment--center
  6658.    vertical-alignment--middle
  6659.    
  6660.      
  6661.    
  6662.    
  6663.    '
  6664.  
  6665.  data-section-id="6583b51d6b120402505a4b9d"
  6666.  
  6667.  data-controller="SectionWrapperController"
  6668.  data-current-styles="{
  6669. &quot;imageOverlayOpacity&quot;: 0.15,
  6670. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  6671. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  6672. &quot;customSectionHeight&quot;: 1,
  6673. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  6674. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  6675. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  6676. &quot;customContentWidth&quot;: 50,
  6677. &quot;sectionTheme&quot;: &quot;&quot;,
  6678. &quot;sectionAnimation&quot;: &quot;none&quot;,
  6679. &quot;backgroundMode&quot;: &quot;image&quot;
  6680. }"
  6681.  data-current-context="{
  6682. &quot;video&quot;: {
  6683. &quot;playbackSpeed&quot;: 0.5,
  6684. &quot;filter&quot;: 2,
  6685. &quot;filterStrength&quot;: 0,
  6686. &quot;zoom&quot;: 0,
  6687. &quot;videoSourceProvider&quot;: &quot;none&quot;
  6688. },
  6689. &quot;backgroundImageId&quot;: null,
  6690. &quot;backgroundMediaEffect&quot;: {
  6691. &quot;type&quot;: &quot;none&quot;
  6692. },
  6693. &quot;divider&quot;: {
  6694. &quot;enabled&quot;: false
  6695. },
  6696. &quot;typeName&quot;: &quot;page&quot;
  6697. }"
  6698.  data-animation="none"
  6699.  data-fluid-engine-section
  6700.  
  6701.  
  6702.    
  6703.  
  6704.  
  6705. >
  6706.  <div
  6707.    class="section-border"
  6708.    
  6709.  >
  6710.    <div class="section-background">
  6711.    
  6712.      
  6713.    
  6714.    </div>
  6715.  </div>
  6716.  <div
  6717.    class='content-wrapper'
  6718.    style='
  6719.      
  6720.        
  6721.      
  6722.    '
  6723.  >
  6724.    <div
  6725.      class="content"
  6726.      
  6727.    >
  6728.      
  6729.      
  6730.      
  6731.      
  6732.      
  6733.      
  6734.      
  6735.      
  6736.      <div data-fluid-engine="true"><style>
  6737.  
  6738. .fe-6583b51d6b120402505a4b9c {
  6739.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  6740.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  6741.  
  6742.  display: grid;
  6743.  position: relative;
  6744.  grid-area: 1/1/-1/-1;
  6745.  grid-template-rows: repeat(29,minmax(24px, auto));
  6746.  grid-template-columns:
  6747.    minmax(var(--grid-gutter), 1fr)
  6748.    repeat(8, minmax(0, var(--cell-max-width)))
  6749.    minmax(var(--grid-gutter), 1fr);
  6750.  row-gap: 0.0px;
  6751.  column-gap: 0.0px;
  6752. }
  6753.  
  6754. @media (min-width: 768px) {
  6755.  .background-width--inset .fe-6583b51d6b120402505a4b9c {
  6756.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  6757.  }
  6758.  
  6759.  .fe-6583b51d6b120402505a4b9c {
  6760.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  6761.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  6762.    --inset-padding: 0vw;
  6763.  
  6764.    --row-height-scaling-factor: 0.0215;
  6765.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  6766.  
  6767.    grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  6768.    grid-template-columns:
  6769.      minmax(var(--grid-gutter), 1fr)
  6770.      repeat(24, minmax(0, var(--cell-max-width)))
  6771.      minmax(var(--grid-gutter), 1fr);
  6772.  }
  6773. }
  6774.  
  6775.  
  6776.  .fe-block-40514c877c684bb79c95 {
  6777.    grid-area: 1/2/13/10;
  6778.    z-index: 0;
  6779.  
  6780.    @media (max-width: 767px) {
  6781.      
  6782.    }
  6783.  }
  6784.  
  6785.  .fe-block-40514c877c684bb79c95 .sqs-block {
  6786.    justify-content: center;
  6787.  }
  6788.  
  6789.  .fe-block-40514c877c684bb79c95 .sqs-block-alignment-wrapper {
  6790.    align-items: center;
  6791.  }
  6792.  
  6793.  @media (min-width: 768px) {
  6794.    .fe-block-40514c877c684bb79c95 {
  6795.      grid-area: 1/2/17/13;
  6796.      z-index: 0;
  6797.  
  6798.      
  6799.    }
  6800.  
  6801.    .fe-block-40514c877c684bb79c95 .sqs-block {
  6802.      justify-content: center;
  6803.    }
  6804.  
  6805.    .fe-block-40514c877c684bb79c95 .sqs-block-alignment-wrapper {
  6806.      align-items: center;
  6807.    }
  6808.  }
  6809.  
  6810.  .fe-block-2ef339939ac1139a2039 {
  6811.    grid-area: 14/2/16/10;
  6812.    z-index: 1;
  6813.  
  6814.    @media (max-width: 767px) {
  6815.      
  6816.    }
  6817.  }
  6818.  
  6819.  .fe-block-2ef339939ac1139a2039 .sqs-block {
  6820.    justify-content: flex-start;
  6821.  }
  6822.  
  6823.  .fe-block-2ef339939ac1139a2039 .sqs-block-alignment-wrapper {
  6824.    align-items: flex-start;
  6825.  }
  6826.  
  6827.  @media (min-width: 768px) {
  6828.    .fe-block-2ef339939ac1139a2039 {
  6829.      grid-area: 3/16/5/26;
  6830.      z-index: 2;
  6831.  
  6832.      
  6833.    }
  6834.  
  6835.    .fe-block-2ef339939ac1139a2039 .sqs-block {
  6836.      justify-content: center;
  6837.    }
  6838.  
  6839.    .fe-block-2ef339939ac1139a2039 .sqs-block-alignment-wrapper {
  6840.      align-items: center;
  6841.    }
  6842.  }
  6843.  
  6844.  .fe-block-c763194e44af980b8a1d {
  6845.    grid-area: 16/2/26/10;
  6846.    z-index: 2;
  6847.  
  6848.    @media (max-width: 767px) {
  6849.      
  6850.    }
  6851.  }
  6852.  
  6853.  .fe-block-c763194e44af980b8a1d .sqs-block {
  6854.    justify-content: center;
  6855.  }
  6856.  
  6857.  .fe-block-c763194e44af980b8a1d .sqs-block-alignment-wrapper {
  6858.    align-items: center;
  6859.  }
  6860.  
  6861.  @media (min-width: 768px) {
  6862.    .fe-block-c763194e44af980b8a1d {
  6863.      grid-area: 5/16/14/26;
  6864.      z-index: 1;
  6865.  
  6866.      
  6867.    }
  6868.  
  6869.    .fe-block-c763194e44af980b8a1d .sqs-block {
  6870.      justify-content: center;
  6871.    }
  6872.  
  6873.    .fe-block-c763194e44af980b8a1d .sqs-block-alignment-wrapper {
  6874.      align-items: center;
  6875.    }
  6876.  }
  6877.  
  6878.  .fe-block-f039704eb8709e5bf895 {
  6879.    grid-area: 27/4/29/8;
  6880.    z-index: 3;
  6881.  
  6882.    @media (max-width: 767px) {
  6883.      
  6884.    }
  6885.  }
  6886.  
  6887.  .fe-block-f039704eb8709e5bf895 .sqs-block {
  6888.    justify-content: center;
  6889.  }
  6890.  
  6891.  .fe-block-f039704eb8709e5bf895 .sqs-block-alignment-wrapper {
  6892.    align-items: center;
  6893.  }
  6894.  
  6895.  @media (min-width: 768px) {
  6896.    .fe-block-f039704eb8709e5bf895 {
  6897.      grid-area: 15/16/17/20;
  6898.      z-index: 3;
  6899.  
  6900.      
  6901.    }
  6902.  
  6903.    .fe-block-f039704eb8709e5bf895 .sqs-block {
  6904.      justify-content: center;
  6905.    }
  6906.  
  6907.    .fe-block-f039704eb8709e5bf895 .sqs-block-alignment-wrapper {
  6908.      align-items: center;
  6909.    }
  6910.  }
  6911.  
  6912. </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">
  6913.  
  6914.  
  6915.  
  6916.  
  6917.  
  6918.  
  6919.  
  6920.  
  6921.  
  6922.  
  6923.  
  6924.  
  6925.  
  6926.  
  6927.  
  6928.  
  6929.  
  6930.  
  6931.  
  6932.  
  6933.  
  6934.  
  6935.  
  6936.  
  6937.  
  6938.  
  6939.  
  6940.  
  6941.  
  6942.  
  6943.  
  6944.  
  6945.  
  6946.  
  6947.  
  6948.  
  6949.  
  6950.  
  6951.  
  6952.  
  6953.  
  6954.  
  6955.  
  6956.  
  6957.    
  6958.  
  6959.    <div
  6960.      class="
  6961.        image-block-outer-wrapper
  6962.        layout-caption-below
  6963.        design-layout-fluid
  6964.        image-position-left
  6965.        combination-animation-none
  6966.        individual-animation-none
  6967.      "
  6968.      data-test="image-block-fluid-outer-wrapper"
  6969.    >
  6970.      <div
  6971.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  6972.        data-animation-role="image"
  6973.        
  6974.  
  6975.  
  6976.      >
  6977.        <div
  6978.          class="fluid-image-container sqs-image-content"
  6979.          
  6980.          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%;"
  6981.        >
  6982.          
  6983.  
  6984.          
  6985.          
  6986.  
  6987.          
  6988.            
  6989.              <div class="content-fill">
  6990.                
  6991.            
  6992.            
  6993.            
  6994.            
  6995.            
  6996.            
  6997.            <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">
  6998.  
  6999.            
  7000.              
  7001.            
  7002.            <div class="fluidImageOverlay"></div>
  7003.          
  7004.              </div>
  7005.            
  7006.          
  7007.  
  7008.        </div>
  7009.      </div>
  7010.    </div>
  7011.    <style>
  7012.      .sqs-block-image .sqs-block-content {
  7013.        height: 100%;
  7014.        width: 100%;
  7015.      }
  7016.  
  7017.      
  7018.        .fe-block-40514c877c684bb79c95 .fluidImageOverlay {
  7019.          position: absolute;
  7020.          top: 0;
  7021.          left: 0;
  7022.          width: 100%;
  7023.          height: 100%;
  7024.          mix-blend-mode: normal;
  7025.          
  7026.            
  7027.            
  7028.          
  7029.          
  7030.            opacity: 0;
  7031.          
  7032.        }
  7033.      
  7034.    </style>
  7035.  
  7036.  
  7037.  
  7038.  
  7039.  
  7040.  
  7041. </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">
  7042.  
  7043. <div class="sqs-html-content">
  7044.  <h2 style="white-space:pre-wrap;"><a href="/interior-doors">Interior Doors</a></h2>
  7045. </div>
  7046.  
  7047.  
  7048.  
  7049.  
  7050.  
  7051.  
  7052.  
  7053.  
  7054.  
  7055.  
  7056.  
  7057.  
  7058.  
  7059.  
  7060.  
  7061.  
  7062.  
  7063.  
  7064.  
  7065.  
  7066.  
  7067.  
  7068.  
  7069.  
  7070.  
  7071. </div></div></div><div class="fe-block fe-block-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">
  7072.  
  7073. <div class="sqs-html-content">
  7074.  <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>
  7075. </div>
  7076.  
  7077.  
  7078.  
  7079.  
  7080.  
  7081.  
  7082.  
  7083.  
  7084.  
  7085.  
  7086.  
  7087.  
  7088.  
  7089.  
  7090.  
  7091.  
  7092.  
  7093.  
  7094.  
  7095.  
  7096.  
  7097.  
  7098.  
  7099.  
  7100.  
  7101. </div></div></div><div class="fe-block fe-block-f039704eb8709e5bf895"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" id="block-f039704eb8709e5bf895"><div class="sqs-block-content">
  7102.  
  7103. <div
  7104.  class="sqs-block-button-container sqs-block-button-container--left"
  7105.  data-animation-role="button"
  7106.  data-alignment="left"
  7107.  data-button-size="large"
  7108.  data-button-type="secondary"
  7109. >
  7110.  <a
  7111.    href="/interior-doors"
  7112.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  7113.    
  7114.  >
  7115.    See More
  7116.  </a>
  7117. </div>
  7118. </div></div></div></div></div>
  7119.    </div>
  7120.  
  7121.  </div>
  7122.  
  7123. </section>
  7124.  
  7125.  
  7126.    
  7127.    
  7128.  
  7129.  
  7130.  
  7131.  
  7132.  
  7133.  
  7134. <section
  7135.  data-test="page-section"
  7136.  
  7137.  data-section-theme=""
  7138.  class='page-section
  7139.    
  7140.      full-bleed-section
  7141.      layout-engine-section
  7142.    
  7143.    background-width--full-bleed
  7144.    
  7145.      section-height--small
  7146.    
  7147.    
  7148.      content-width--wide
  7149.    
  7150.    horizontal-alignment--center
  7151.    vertical-alignment--middle
  7152.    
  7153.      
  7154.    
  7155.    
  7156.    '
  7157.  
  7158.  data-section-id="6583b684bd1abf4ed651bd60"
  7159.  
  7160.  data-controller="SectionWrapperController"
  7161.  data-current-styles="{
  7162. &quot;imageOverlayOpacity&quot;: 0.15,
  7163. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  7164. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  7165. &quot;customSectionHeight&quot;: 1,
  7166. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  7167. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  7168. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  7169. &quot;customContentWidth&quot;: 50,
  7170. &quot;sectionTheme&quot;: &quot;&quot;,
  7171. &quot;sectionAnimation&quot;: &quot;none&quot;,
  7172. &quot;backgroundMode&quot;: &quot;image&quot;
  7173. }"
  7174.  data-current-context="{
  7175. &quot;video&quot;: {
  7176. &quot;playbackSpeed&quot;: 0.5,
  7177. &quot;filter&quot;: 2,
  7178. &quot;filterStrength&quot;: 0,
  7179. &quot;zoom&quot;: 0,
  7180. &quot;videoSourceProvider&quot;: &quot;none&quot;
  7181. },
  7182. &quot;backgroundImageId&quot;: null,
  7183. &quot;backgroundMediaEffect&quot;: {
  7184. &quot;type&quot;: &quot;none&quot;
  7185. },
  7186. &quot;divider&quot;: {
  7187. &quot;enabled&quot;: false
  7188. },
  7189. &quot;typeName&quot;: &quot;page&quot;
  7190. }"
  7191.  data-animation="none"
  7192.  data-fluid-engine-section
  7193.  
  7194.  
  7195.    
  7196.  
  7197.  
  7198. >
  7199.  <div
  7200.    class="section-border"
  7201.    
  7202.  >
  7203.    <div class="section-background">
  7204.    
  7205.      
  7206.    
  7207.    </div>
  7208.  </div>
  7209.  <div
  7210.    class='content-wrapper'
  7211.    style='
  7212.      
  7213.        
  7214.      
  7215.    '
  7216.  >
  7217.    <div
  7218.      class="content"
  7219.      
  7220.    >
  7221.      
  7222.      
  7223.      
  7224.      
  7225.      
  7226.      
  7227.      
  7228.      
  7229.      <div data-fluid-engine="true"><style>
  7230.  
  7231. .fe-6583b684bd1abf4ed651bd5f {
  7232.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  7233.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  7234.  
  7235.  display: grid;
  7236.  position: relative;
  7237.  grid-area: 1/1/-1/-1;
  7238.  grid-template-rows: repeat(40,minmax(24px, auto));
  7239.  grid-template-columns:
  7240.    minmax(var(--grid-gutter), 1fr)
  7241.    repeat(8, minmax(0, var(--cell-max-width)))
  7242.    minmax(var(--grid-gutter), 1fr);
  7243.  row-gap: 0.0px;
  7244.  column-gap: 0.0px;
  7245. }
  7246.  
  7247. @media (min-width: 768px) {
  7248.  .background-width--inset .fe-6583b684bd1abf4ed651bd5f {
  7249.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  7250.  }
  7251.  
  7252.  .fe-6583b684bd1abf4ed651bd5f {
  7253.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  7254.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  7255.    --inset-padding: 0vw;
  7256.  
  7257.    --row-height-scaling-factor: 0.0215;
  7258.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  7259.  
  7260.    grid-template-rows: repeat(23,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  7261.    grid-template-columns:
  7262.      minmax(var(--grid-gutter), 1fr)
  7263.      repeat(24, minmax(0, var(--cell-max-width)))
  7264.      minmax(var(--grid-gutter), 1fr);
  7265.  }
  7266. }
  7267.  
  7268.  
  7269.  .fe-block-d9c6ec5beae85e113a28 {
  7270.    grid-area: 2/2/14/10;
  7271.    z-index: 0;
  7272.  
  7273.    @media (max-width: 767px) {
  7274.      
  7275.    }
  7276.  }
  7277.  
  7278.  .fe-block-d9c6ec5beae85e113a28 .sqs-block {
  7279.    justify-content: center;
  7280.  }
  7281.  
  7282.  .fe-block-d9c6ec5beae85e113a28 .sqs-block-alignment-wrapper {
  7283.    align-items: center;
  7284.  }
  7285.  
  7286.  @media (min-width: 768px) {
  7287.    .fe-block-d9c6ec5beae85e113a28 {
  7288.      grid-area: 3/15/22/26;
  7289.      z-index: 0;
  7290.  
  7291.      
  7292.    }
  7293.  
  7294.    .fe-block-d9c6ec5beae85e113a28 .sqs-block {
  7295.      justify-content: center;
  7296.    }
  7297.  
  7298.    .fe-block-d9c6ec5beae85e113a28 .sqs-block-alignment-wrapper {
  7299.      align-items: center;
  7300.    }
  7301.  }
  7302.  
  7303.  .fe-block-b294a91f7b71a139cea1 {
  7304.    grid-area: 15/2/17/10;
  7305.    z-index: 1;
  7306.  
  7307.    @media (max-width: 767px) {
  7308.      
  7309.    }
  7310.  }
  7311.  
  7312.  .fe-block-b294a91f7b71a139cea1 .sqs-block {
  7313.    justify-content: flex-start;
  7314.  }
  7315.  
  7316.  .fe-block-b294a91f7b71a139cea1 .sqs-block-alignment-wrapper {
  7317.    align-items: flex-start;
  7318.  }
  7319.  
  7320.  @media (min-width: 768px) {
  7321.    .fe-block-b294a91f7b71a139cea1 {
  7322.      grid-area: 1/2/3/12;
  7323.      z-index: 2;
  7324.  
  7325.      
  7326.    }
  7327.  
  7328.    .fe-block-b294a91f7b71a139cea1 .sqs-block {
  7329.      justify-content: center;
  7330.    }
  7331.  
  7332.    .fe-block-b294a91f7b71a139cea1 .sqs-block-alignment-wrapper {
  7333.      align-items: center;
  7334.    }
  7335.  }
  7336.  
  7337.  .fe-block-51dfbf95068125a15c49 {
  7338.    grid-area: 17/2/37/10;
  7339.    z-index: 2;
  7340.  
  7341.    @media (max-width: 767px) {
  7342.      
  7343.    }
  7344.  }
  7345.  
  7346.  .fe-block-51dfbf95068125a15c49 .sqs-block {
  7347.    justify-content: center;
  7348.  }
  7349.  
  7350.  .fe-block-51dfbf95068125a15c49 .sqs-block-alignment-wrapper {
  7351.    align-items: center;
  7352.  }
  7353.  
  7354.  @media (min-width: 768px) {
  7355.    .fe-block-51dfbf95068125a15c49 {
  7356.      grid-area: 4/2/21/12;
  7357.      z-index: 1;
  7358.  
  7359.      
  7360.    }
  7361.  
  7362.    .fe-block-51dfbf95068125a15c49 .sqs-block {
  7363.      justify-content: center;
  7364.    }
  7365.  
  7366.    .fe-block-51dfbf95068125a15c49 .sqs-block-alignment-wrapper {
  7367.      align-items: center;
  7368.    }
  7369.  }
  7370.  
  7371.  .fe-block-4496c3091f71f3a5081b {
  7372.    grid-area: 38/4/40/8;
  7373.    z-index: 3;
  7374.  
  7375.    @media (max-width: 767px) {
  7376.      
  7377.    }
  7378.  }
  7379.  
  7380.  .fe-block-4496c3091f71f3a5081b .sqs-block {
  7381.    justify-content: center;
  7382.  }
  7383.  
  7384.  .fe-block-4496c3091f71f3a5081b .sqs-block-alignment-wrapper {
  7385.    align-items: center;
  7386.  }
  7387.  
  7388.  @media (min-width: 768px) {
  7389.    .fe-block-4496c3091f71f3a5081b {
  7390.      grid-area: 22/2/24/6;
  7391.      z-index: 3;
  7392.  
  7393.      
  7394.    }
  7395.  
  7396.    .fe-block-4496c3091f71f3a5081b .sqs-block {
  7397.      justify-content: center;
  7398.    }
  7399.  
  7400.    .fe-block-4496c3091f71f3a5081b .sqs-block-alignment-wrapper {
  7401.      align-items: center;
  7402.    }
  7403.  }
  7404.  
  7405. </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">
  7406.  
  7407.  
  7408.  
  7409.  
  7410.  
  7411.  
  7412.  
  7413.  
  7414.  
  7415.  
  7416.  
  7417.  
  7418.  
  7419.  
  7420.  
  7421.  
  7422.  
  7423.  
  7424.  
  7425.  
  7426.  
  7427.  
  7428.  
  7429.  
  7430.  
  7431.  
  7432.  
  7433.  
  7434.  
  7435.  
  7436.  
  7437.  
  7438.  
  7439.  
  7440.  
  7441.  
  7442.  
  7443.  
  7444.  
  7445.  
  7446.  
  7447.  
  7448.  
  7449.  
  7450.    
  7451.  
  7452.    <div
  7453.      class="
  7454.        image-block-outer-wrapper
  7455.        layout-caption-below
  7456.        design-layout-fluid
  7457.        image-position-left
  7458.        combination-animation-none
  7459.        individual-animation-none
  7460.      "
  7461.      data-test="image-block-fluid-outer-wrapper"
  7462.    >
  7463.      <div
  7464.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  7465.        data-animation-role="image"
  7466.        
  7467.  
  7468.  
  7469.      >
  7470.        <div
  7471.          class="fluid-image-container sqs-image-content"
  7472.          
  7473.          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%;"
  7474.        >
  7475.          
  7476.  
  7477.          
  7478.          
  7479.  
  7480.          
  7481.            
  7482.              <div class="content-fill">
  7483.                
  7484.            
  7485.            
  7486.            
  7487.            
  7488.            
  7489.            
  7490.            <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">
  7491.  
  7492.            
  7493.              
  7494.            
  7495.            <div class="fluidImageOverlay"></div>
  7496.          
  7497.              </div>
  7498.            
  7499.          
  7500.  
  7501.        </div>
  7502.      </div>
  7503.    </div>
  7504.    <style>
  7505.      .sqs-block-image .sqs-block-content {
  7506.        height: 100%;
  7507.        width: 100%;
  7508.      }
  7509.  
  7510.      
  7511.        .fe-block-d9c6ec5beae85e113a28 .fluidImageOverlay {
  7512.          position: absolute;
  7513.          top: 0;
  7514.          left: 0;
  7515.          width: 100%;
  7516.          height: 100%;
  7517.          mix-blend-mode: normal;
  7518.          
  7519.            
  7520.            
  7521.          
  7522.          
  7523.            opacity: 0;
  7524.          
  7525.        }
  7526.      
  7527.    </style>
  7528.  
  7529.  
  7530.  
  7531.  
  7532.  
  7533.  
  7534. </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">
  7535.  
  7536. <div class="sqs-html-content">
  7537.  <h2 style="white-space:pre-wrap;"><a href="/closet-doors">Closet Doors</a></h2>
  7538. </div>
  7539.  
  7540.  
  7541.  
  7542.  
  7543.  
  7544.  
  7545.  
  7546.  
  7547.  
  7548.  
  7549.  
  7550.  
  7551.  
  7552.  
  7553.  
  7554.  
  7555.  
  7556.  
  7557.  
  7558.  
  7559.  
  7560.  
  7561.  
  7562.  
  7563.  
  7564. </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">
  7565.  
  7566. <div class="sqs-html-content">
  7567.  <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>
  7568. </div>
  7569.  
  7570.  
  7571.  
  7572.  
  7573.  
  7574.  
  7575.  
  7576.  
  7577.  
  7578.  
  7579.  
  7580.  
  7581.  
  7582.  
  7583.  
  7584.  
  7585.  
  7586.  
  7587.  
  7588.  
  7589.  
  7590.  
  7591.  
  7592.  
  7593.  
  7594. </div></div></div><div class="fe-block fe-block-4496c3091f71f3a5081b"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" id="block-4496c3091f71f3a5081b"><div class="sqs-block-content">
  7595.  
  7596. <div
  7597.  class="sqs-block-button-container sqs-block-button-container--left"
  7598.  data-animation-role="button"
  7599.  data-alignment="left"
  7600.  data-button-size="large"
  7601.  data-button-type="secondary"
  7602. >
  7603.  <a
  7604.    href="/closet-doors"
  7605.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  7606.    
  7607.  >
  7608.    See More
  7609.  </a>
  7610. </div>
  7611. </div></div></div></div></div>
  7612.    </div>
  7613.  
  7614.  </div>
  7615.  
  7616. </section>
  7617.  
  7618.  
  7619.    
  7620.    
  7621.  
  7622.  
  7623.  
  7624.  
  7625.  
  7626.  
  7627. <section
  7628.  data-test="page-section"
  7629.  
  7630.  data-section-theme=""
  7631.  class='page-section
  7632.    
  7633.      full-bleed-section
  7634.      layout-engine-section
  7635.    
  7636.    background-width--full-bleed
  7637.    
  7638.      section-height--small
  7639.    
  7640.    
  7641.      content-width--wide
  7642.    
  7643.    horizontal-alignment--center
  7644.    vertical-alignment--middle
  7645.    
  7646.      
  7647.    
  7648.    
  7649.    '
  7650.  
  7651.  data-section-id="6583b8846906431c717c5758"
  7652.  
  7653.  data-controller="SectionWrapperController"
  7654.  data-current-styles="{
  7655. &quot;imageOverlayOpacity&quot;: 0.15,
  7656. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  7657. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  7658. &quot;customSectionHeight&quot;: 1,
  7659. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  7660. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  7661. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  7662. &quot;customContentWidth&quot;: 50,
  7663. &quot;sectionTheme&quot;: &quot;&quot;,
  7664. &quot;sectionAnimation&quot;: &quot;none&quot;,
  7665. &quot;backgroundMode&quot;: &quot;image&quot;
  7666. }"
  7667.  data-current-context="{
  7668. &quot;video&quot;: {
  7669. &quot;playbackSpeed&quot;: 0.5,
  7670. &quot;filter&quot;: 2,
  7671. &quot;filterStrength&quot;: 0,
  7672. &quot;zoom&quot;: 0,
  7673. &quot;videoSourceProvider&quot;: &quot;none&quot;
  7674. },
  7675. &quot;backgroundImageId&quot;: null,
  7676. &quot;backgroundMediaEffect&quot;: {
  7677. &quot;type&quot;: &quot;none&quot;
  7678. },
  7679. &quot;divider&quot;: {
  7680. &quot;enabled&quot;: false
  7681. },
  7682. &quot;typeName&quot;: &quot;page&quot;
  7683. }"
  7684.  data-animation="none"
  7685.  data-fluid-engine-section
  7686.  
  7687.  
  7688.    
  7689.  
  7690.  
  7691. >
  7692.  <div
  7693.    class="section-border"
  7694.    
  7695.  >
  7696.    <div class="section-background">
  7697.    
  7698.      
  7699.    
  7700.    </div>
  7701.  </div>
  7702.  <div
  7703.    class='content-wrapper'
  7704.    style='
  7705.      
  7706.        
  7707.      
  7708.    '
  7709.  >
  7710.    <div
  7711.      class="content"
  7712.      
  7713.    >
  7714.      
  7715.      
  7716.      
  7717.      
  7718.      
  7719.      
  7720.      
  7721.      
  7722.      <div data-fluid-engine="true"><style>
  7723.  
  7724. .fe-6583b8846906431c717c5757 {
  7725.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  7726.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  7727.  
  7728.  display: grid;
  7729.  position: relative;
  7730.  grid-area: 1/1/-1/-1;
  7731.  grid-template-rows: repeat(29,minmax(24px, auto));
  7732.  grid-template-columns:
  7733.    minmax(var(--grid-gutter), 1fr)
  7734.    repeat(8, minmax(0, var(--cell-max-width)))
  7735.    minmax(var(--grid-gutter), 1fr);
  7736.  row-gap: 0.0px;
  7737.  column-gap: 0.0px;
  7738. }
  7739.  
  7740. @media (min-width: 768px) {
  7741.  .background-width--inset .fe-6583b8846906431c717c5757 {
  7742.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  7743.  }
  7744.  
  7745.  .fe-6583b8846906431c717c5757 {
  7746.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  7747.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  7748.    --inset-padding: 0vw;
  7749.  
  7750.    --row-height-scaling-factor: 0.0215;
  7751.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  7752.  
  7753.    grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  7754.    grid-template-columns:
  7755.      minmax(var(--grid-gutter), 1fr)
  7756.      repeat(24, minmax(0, var(--cell-max-width)))
  7757.      minmax(var(--grid-gutter), 1fr);
  7758.  }
  7759. }
  7760.  
  7761.  
  7762.  .fe-block-24aad8a09ffeaa035b77 {
  7763.    grid-area: 1/2/13/10;
  7764.    z-index: 0;
  7765.  
  7766.    @media (max-width: 767px) {
  7767.      
  7768.    }
  7769.  }
  7770.  
  7771.  .fe-block-24aad8a09ffeaa035b77 .sqs-block {
  7772.    justify-content: center;
  7773.  }
  7774.  
  7775.  .fe-block-24aad8a09ffeaa035b77 .sqs-block-alignment-wrapper {
  7776.    align-items: center;
  7777.  }
  7778.  
  7779.  @media (min-width: 768px) {
  7780.    .fe-block-24aad8a09ffeaa035b77 {
  7781.      grid-area: 1/2/17/13;
  7782.      z-index: 0;
  7783.  
  7784.      
  7785.    }
  7786.  
  7787.    .fe-block-24aad8a09ffeaa035b77 .sqs-block {
  7788.      justify-content: center;
  7789.    }
  7790.  
  7791.    .fe-block-24aad8a09ffeaa035b77 .sqs-block-alignment-wrapper {
  7792.      align-items: center;
  7793.    }
  7794.  }
  7795.  
  7796.  .fe-block-6491a29f1677ec200bff {
  7797.    grid-area: 14/2/16/10;
  7798.    z-index: 1;
  7799.  
  7800.    @media (max-width: 767px) {
  7801.      
  7802.    }
  7803.  }
  7804.  
  7805.  .fe-block-6491a29f1677ec200bff .sqs-block {
  7806.    justify-content: flex-start;
  7807.  }
  7808.  
  7809.  .fe-block-6491a29f1677ec200bff .sqs-block-alignment-wrapper {
  7810.    align-items: flex-start;
  7811.  }
  7812.  
  7813.  @media (min-width: 768px) {
  7814.    .fe-block-6491a29f1677ec200bff {
  7815.      grid-area: 3/16/5/26;
  7816.      z-index: 2;
  7817.  
  7818.      
  7819.    }
  7820.  
  7821.    .fe-block-6491a29f1677ec200bff .sqs-block {
  7822.      justify-content: center;
  7823.    }
  7824.  
  7825.    .fe-block-6491a29f1677ec200bff .sqs-block-alignment-wrapper {
  7826.      align-items: center;
  7827.    }
  7828.  }
  7829.  
  7830.  .fe-block-d2c045beb6342913e606 {
  7831.    grid-area: 16/2/26/10;
  7832.    z-index: 2;
  7833.  
  7834.    @media (max-width: 767px) {
  7835.      
  7836.    }
  7837.  }
  7838.  
  7839.  .fe-block-d2c045beb6342913e606 .sqs-block {
  7840.    justify-content: center;
  7841.  }
  7842.  
  7843.  .fe-block-d2c045beb6342913e606 .sqs-block-alignment-wrapper {
  7844.    align-items: center;
  7845.  }
  7846.  
  7847.  @media (min-width: 768px) {
  7848.    .fe-block-d2c045beb6342913e606 {
  7849.      grid-area: 5/16/12/26;
  7850.      z-index: 1;
  7851.  
  7852.      
  7853.    }
  7854.  
  7855.    .fe-block-d2c045beb6342913e606 .sqs-block {
  7856.      justify-content: center;
  7857.    }
  7858.  
  7859.    .fe-block-d2c045beb6342913e606 .sqs-block-alignment-wrapper {
  7860.      align-items: center;
  7861.    }
  7862.  }
  7863.  
  7864.  .fe-block-870ef85e8566c3630d7a {
  7865.    grid-area: 27/4/29/8;
  7866.    z-index: 3;
  7867.  
  7868.    @media (max-width: 767px) {
  7869.      
  7870.    }
  7871.  }
  7872.  
  7873.  .fe-block-870ef85e8566c3630d7a .sqs-block {
  7874.    justify-content: center;
  7875.  }
  7876.  
  7877.  .fe-block-870ef85e8566c3630d7a .sqs-block-alignment-wrapper {
  7878.    align-items: center;
  7879.  }
  7880.  
  7881.  @media (min-width: 768px) {
  7882.    .fe-block-870ef85e8566c3630d7a {
  7883.      grid-area: 13/16/15/20;
  7884.      z-index: 3;
  7885.  
  7886.      
  7887.    }
  7888.  
  7889.    .fe-block-870ef85e8566c3630d7a .sqs-block {
  7890.      justify-content: center;
  7891.    }
  7892.  
  7893.    .fe-block-870ef85e8566c3630d7a .sqs-block-alignment-wrapper {
  7894.      align-items: center;
  7895.    }
  7896.  }
  7897.  
  7898. </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">
  7899.  
  7900.  
  7901.  
  7902.  
  7903.  
  7904.  
  7905.  
  7906.  
  7907.  
  7908.  
  7909.  
  7910.  
  7911.  
  7912.  
  7913.  
  7914.  
  7915.  
  7916.  
  7917.  
  7918.  
  7919.  
  7920.  
  7921.  
  7922.  
  7923.  
  7924.  
  7925.  
  7926.  
  7927.  
  7928.  
  7929.  
  7930.  
  7931.  
  7932.  
  7933.  
  7934.  
  7935.  
  7936.  
  7937.  
  7938.  
  7939.  
  7940.  
  7941.  
  7942.  
  7943.    
  7944.  
  7945.    <div
  7946.      class="
  7947.        image-block-outer-wrapper
  7948.        layout-caption-below
  7949.        design-layout-fluid
  7950.        image-position-left
  7951.        combination-animation-none
  7952.        individual-animation-none
  7953.      "
  7954.      data-test="image-block-fluid-outer-wrapper"
  7955.    >
  7956.      <div
  7957.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  7958.        data-animation-role="image"
  7959.        
  7960.  
  7961.  
  7962.      >
  7963.        <div
  7964.          class="fluid-image-container sqs-image-content"
  7965.          
  7966.          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%;"
  7967.        >
  7968.          
  7969.  
  7970.          
  7971.          
  7972.  
  7973.          
  7974.            
  7975.              <div class="content-fill">
  7976.                
  7977.            
  7978.            
  7979.            
  7980.            
  7981.            
  7982.            
  7983.            <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">
  7984.  
  7985.            
  7986.              
  7987.            
  7988.            <div class="fluidImageOverlay"></div>
  7989.          
  7990.              </div>
  7991.            
  7992.          
  7993.  
  7994.        </div>
  7995.      </div>
  7996.    </div>
  7997.    <style>
  7998.      .sqs-block-image .sqs-block-content {
  7999.        height: 100%;
  8000.        width: 100%;
  8001.      }
  8002.  
  8003.      
  8004.        .fe-block-24aad8a09ffeaa035b77 .fluidImageOverlay {
  8005.          position: absolute;
  8006.          top: 0;
  8007.          left: 0;
  8008.          width: 100%;
  8009.          height: 100%;
  8010.          mix-blend-mode: normal;
  8011.          
  8012.            
  8013.            
  8014.          
  8015.          
  8016.            opacity: 0;
  8017.          
  8018.        }
  8019.      
  8020.    </style>
  8021.  
  8022.  
  8023.  
  8024.  
  8025.  
  8026.  
  8027. </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">
  8028.  
  8029. <div class="sqs-html-content">
  8030.  <h2 style="white-space:pre-wrap;"><a href="/organizers">Closet Organizers</a></h2>
  8031. </div>
  8032.  
  8033.  
  8034.  
  8035.  
  8036.  
  8037.  
  8038.  
  8039.  
  8040.  
  8041.  
  8042.  
  8043.  
  8044.  
  8045.  
  8046.  
  8047.  
  8048.  
  8049.  
  8050.  
  8051.  
  8052.  
  8053.  
  8054.  
  8055.  
  8056.  
  8057. </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">
  8058.  
  8059. <div class="sqs-html-content">
  8060.  <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>
  8061. </div>
  8062.  
  8063.  
  8064.  
  8065.  
  8066.  
  8067.  
  8068.  
  8069.  
  8070.  
  8071.  
  8072.  
  8073.  
  8074.  
  8075.  
  8076.  
  8077.  
  8078.  
  8079.  
  8080.  
  8081.  
  8082.  
  8083.  
  8084.  
  8085.  
  8086.  
  8087. </div></div></div><div class="fe-block fe-block-870ef85e8566c3630d7a"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" id="block-870ef85e8566c3630d7a"><div class="sqs-block-content">
  8088.  
  8089. <div
  8090.  class="sqs-block-button-container sqs-block-button-container--left"
  8091.  data-animation-role="button"
  8092.  data-alignment="left"
  8093.  data-button-size="large"
  8094.  data-button-type="secondary"
  8095. >
  8096.  <a
  8097.    href="/organizers"
  8098.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  8099.    
  8100.  >
  8101.    See More
  8102.  </a>
  8103. </div>
  8104. </div></div></div></div></div>
  8105.    </div>
  8106.  
  8107.  </div>
  8108.  
  8109. </section>
  8110.  
  8111.  
  8112.    
  8113.    
  8114.  
  8115.  
  8116.  
  8117.  
  8118.  
  8119.  
  8120. <section
  8121.  data-test="page-section"
  8122.  
  8123.  data-section-theme=""
  8124.  class='page-section
  8125.    
  8126.      full-bleed-section
  8127.      layout-engine-section
  8128.    
  8129.    background-width--full-bleed
  8130.    
  8131.      section-height--small
  8132.    
  8133.    
  8134.      content-width--wide
  8135.    
  8136.    horizontal-alignment--center
  8137.    vertical-alignment--middle
  8138.    
  8139.      
  8140.    
  8141.    
  8142.    '
  8143.  
  8144.  data-section-id="6583b8ddbb89131305299612"
  8145.  
  8146.  data-controller="SectionWrapperController"
  8147.  data-current-styles="{
  8148. &quot;imageOverlayOpacity&quot;: 0.15,
  8149. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  8150. &quot;sectionHeight&quot;: &quot;section-height--small&quot;,
  8151. &quot;customSectionHeight&quot;: 1,
  8152. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  8153. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  8154. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  8155. &quot;customContentWidth&quot;: 50,
  8156. &quot;sectionTheme&quot;: &quot;&quot;,
  8157. &quot;sectionAnimation&quot;: &quot;none&quot;,
  8158. &quot;backgroundMode&quot;: &quot;image&quot;
  8159. }"
  8160.  data-current-context="{
  8161. &quot;video&quot;: {
  8162. &quot;playbackSpeed&quot;: 0.5,
  8163. &quot;filter&quot;: 2,
  8164. &quot;filterStrength&quot;: 0,
  8165. &quot;zoom&quot;: 0,
  8166. &quot;videoSourceProvider&quot;: &quot;none&quot;
  8167. },
  8168. &quot;backgroundImageId&quot;: null,
  8169. &quot;backgroundMediaEffect&quot;: {
  8170. &quot;type&quot;: &quot;none&quot;
  8171. },
  8172. &quot;divider&quot;: {
  8173. &quot;enabled&quot;: false
  8174. },
  8175. &quot;typeName&quot;: &quot;page&quot;
  8176. }"
  8177.  data-animation="none"
  8178.  data-fluid-engine-section
  8179.  
  8180.  
  8181.    
  8182.  
  8183.  
  8184. >
  8185.  <div
  8186.    class="section-border"
  8187.    
  8188.  >
  8189.    <div class="section-background">
  8190.    
  8191.      
  8192.    
  8193.    </div>
  8194.  </div>
  8195.  <div
  8196.    class='content-wrapper'
  8197.    style='
  8198.      
  8199.        
  8200.      
  8201.    '
  8202.  >
  8203.    <div
  8204.      class="content"
  8205.      
  8206.    >
  8207.      
  8208.      
  8209.      
  8210.      
  8211.      
  8212.      
  8213.      
  8214.      
  8215.      <div data-fluid-engine="true"><style>
  8216.  
  8217. .fe-6583b8ddbb89131305299611 {
  8218.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  8219.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  8220.  
  8221.  display: grid;
  8222.  position: relative;
  8223.  grid-area: 1/1/-1/-1;
  8224.  grid-template-rows: repeat(28,minmax(24px, auto));
  8225.  grid-template-columns:
  8226.    minmax(var(--grid-gutter), 1fr)
  8227.    repeat(8, minmax(0, var(--cell-max-width)))
  8228.    minmax(var(--grid-gutter), 1fr);
  8229.  row-gap: 0.0px;
  8230.  column-gap: 0.0px;
  8231. }
  8232.  
  8233. @media (min-width: 768px) {
  8234.  .background-width--inset .fe-6583b8ddbb89131305299611 {
  8235.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  8236.  }
  8237.  
  8238.  .fe-6583b8ddbb89131305299611 {
  8239.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  8240.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  8241.    --inset-padding: 0vw;
  8242.  
  8243.    --row-height-scaling-factor: 0.0215;
  8244.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  8245.  
  8246.    grid-template-rows: repeat(18,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  8247.    grid-template-columns:
  8248.      minmax(var(--grid-gutter), 1fr)
  8249.      repeat(24, minmax(0, var(--cell-max-width)))
  8250.      minmax(var(--grid-gutter), 1fr);
  8251.  }
  8252. }
  8253.  
  8254.  
  8255.  .fe-block-1de84f6338eaa3aea2ad {
  8256.    grid-area: 1/2/13/10;
  8257.    z-index: 0;
  8258.  
  8259.    @media (max-width: 767px) {
  8260.      
  8261.    }
  8262.  }
  8263.  
  8264.  .fe-block-1de84f6338eaa3aea2ad .sqs-block {
  8265.    justify-content: center;
  8266.  }
  8267.  
  8268.  .fe-block-1de84f6338eaa3aea2ad .sqs-block-alignment-wrapper {
  8269.    align-items: center;
  8270.  }
  8271.  
  8272.  @media (min-width: 768px) {
  8273.    .fe-block-1de84f6338eaa3aea2ad {
  8274.      grid-area: 1/15/19/26;
  8275.      z-index: 0;
  8276.  
  8277.      
  8278.    }
  8279.  
  8280.    .fe-block-1de84f6338eaa3aea2ad .sqs-block {
  8281.      justify-content: center;
  8282.    }
  8283.  
  8284.    .fe-block-1de84f6338eaa3aea2ad .sqs-block-alignment-wrapper {
  8285.      align-items: center;
  8286.    }
  8287.  }
  8288.  
  8289.  .fe-block-15510a96d83c9d1dfa70 {
  8290.    grid-area: 14/2/16/10;
  8291.    z-index: 1;
  8292.  
  8293.    @media (max-width: 767px) {
  8294.      
  8295.    }
  8296.  }
  8297.  
  8298.  .fe-block-15510a96d83c9d1dfa70 .sqs-block {
  8299.    justify-content: flex-start;
  8300.  }
  8301.  
  8302.  .fe-block-15510a96d83c9d1dfa70 .sqs-block-alignment-wrapper {
  8303.    align-items: flex-start;
  8304.  }
  8305.  
  8306.  @media (min-width: 768px) {
  8307.    .fe-block-15510a96d83c9d1dfa70 {
  8308.      grid-area: 3/2/5/12;
  8309.      z-index: 2;
  8310.  
  8311.      
  8312.    }
  8313.  
  8314.    .fe-block-15510a96d83c9d1dfa70 .sqs-block {
  8315.      justify-content: center;
  8316.    }
  8317.  
  8318.    .fe-block-15510a96d83c9d1dfa70 .sqs-block-alignment-wrapper {
  8319.      align-items: center;
  8320.    }
  8321.  }
  8322.  
  8323.  .fe-block-e32682811787f275842c {
  8324.    grid-area: 16/2/25/10;
  8325.    z-index: 2;
  8326.  
  8327.    @media (max-width: 767px) {
  8328.      
  8329.    }
  8330.  }
  8331.  
  8332.  .fe-block-e32682811787f275842c .sqs-block {
  8333.    justify-content: center;
  8334.  }
  8335.  
  8336.  .fe-block-e32682811787f275842c .sqs-block-alignment-wrapper {
  8337.    align-items: center;
  8338.  }
  8339.  
  8340.  @media (min-width: 768px) {
  8341.    .fe-block-e32682811787f275842c {
  8342.      grid-area: 5/2/13/12;
  8343.      z-index: 1;
  8344.  
  8345.      
  8346.    }
  8347.  
  8348.    .fe-block-e32682811787f275842c .sqs-block {
  8349.      justify-content: center;
  8350.    }
  8351.  
  8352.    .fe-block-e32682811787f275842c .sqs-block-alignment-wrapper {
  8353.      align-items: center;
  8354.    }
  8355.  }
  8356.  
  8357.  .fe-block-98d6a723c4b469b2416e {
  8358.    grid-area: 26/4/28/8;
  8359.    z-index: 3;
  8360.  
  8361.    @media (max-width: 767px) {
  8362.      
  8363.    }
  8364.  }
  8365.  
  8366.  .fe-block-98d6a723c4b469b2416e .sqs-block {
  8367.    justify-content: center;
  8368.  }
  8369.  
  8370.  .fe-block-98d6a723c4b469b2416e .sqs-block-alignment-wrapper {
  8371.    align-items: center;
  8372.  }
  8373.  
  8374.  @media (min-width: 768px) {
  8375.    .fe-block-98d6a723c4b469b2416e {
  8376.      grid-area: 14/2/16/6;
  8377.      z-index: 3;
  8378.  
  8379.      
  8380.    }
  8381.  
  8382.    .fe-block-98d6a723c4b469b2416e .sqs-block {
  8383.      justify-content: center;
  8384.    }
  8385.  
  8386.    .fe-block-98d6a723c4b469b2416e .sqs-block-alignment-wrapper {
  8387.      align-items: center;
  8388.    }
  8389.  }
  8390.  
  8391. </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">
  8392.  
  8393.  
  8394.  
  8395.  
  8396.  
  8397.  
  8398.  
  8399.  
  8400.  
  8401.  
  8402.  
  8403.  
  8404.  
  8405.  
  8406.  
  8407.  
  8408.  
  8409.  
  8410.  
  8411.  
  8412.  
  8413.  
  8414.  
  8415.  
  8416.  
  8417.  
  8418.  
  8419.  
  8420.  
  8421.  
  8422.  
  8423.  
  8424.  
  8425.  
  8426.  
  8427.  
  8428.  
  8429.  
  8430.  
  8431.  
  8432.  
  8433.  
  8434.  
  8435.  
  8436.    
  8437.  
  8438.    <div
  8439.      class="
  8440.        image-block-outer-wrapper
  8441.        layout-caption-below
  8442.        design-layout-fluid
  8443.        image-position-left
  8444.        combination-animation-none
  8445.        individual-animation-none
  8446.      "
  8447.      data-test="image-block-fluid-outer-wrapper"
  8448.    >
  8449.      <div
  8450.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  8451.        data-animation-role="image"
  8452.        
  8453.  
  8454.  
  8455.      >
  8456.        <div
  8457.          class="fluid-image-container sqs-image-content"
  8458.          
  8459.          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%;"
  8460.        >
  8461.          
  8462.  
  8463.          
  8464.          
  8465.  
  8466.          
  8467.            
  8468.              <div class="content-fill">
  8469.                
  8470.            
  8471.            
  8472.            
  8473.            
  8474.            
  8475.            
  8476.            <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">
  8477.  
  8478.            
  8479.              
  8480.            
  8481.            <div class="fluidImageOverlay"></div>
  8482.          
  8483.              </div>
  8484.            
  8485.          
  8486.  
  8487.        </div>
  8488.      </div>
  8489.    </div>
  8490.    <style>
  8491.      .sqs-block-image .sqs-block-content {
  8492.        height: 100%;
  8493.        width: 100%;
  8494.      }
  8495.  
  8496.      
  8497.        .fe-block-1de84f6338eaa3aea2ad .fluidImageOverlay {
  8498.          position: absolute;
  8499.          top: 0;
  8500.          left: 0;
  8501.          width: 100%;
  8502.          height: 100%;
  8503.          mix-blend-mode: normal;
  8504.          
  8505.            
  8506.            
  8507.          
  8508.          
  8509.            opacity: 0;
  8510.          
  8511.        }
  8512.      
  8513.    </style>
  8514.  
  8515.  
  8516.  
  8517.  
  8518.  
  8519.  
  8520. </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">
  8521.  
  8522. <div class="sqs-html-content">
  8523.  <h2 style="white-space:pre-wrap;"><a href="/barn-doors">Barn Doors</a></h2>
  8524. </div>
  8525.  
  8526.  
  8527.  
  8528.  
  8529.  
  8530.  
  8531.  
  8532.  
  8533.  
  8534.  
  8535.  
  8536.  
  8537.  
  8538.  
  8539.  
  8540.  
  8541.  
  8542.  
  8543.  
  8544.  
  8545.  
  8546.  
  8547.  
  8548.  
  8549.  
  8550. </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">
  8551.  
  8552. <div class="sqs-html-content">
  8553.  <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>
  8554. </div>
  8555.  
  8556.  
  8557.  
  8558.  
  8559.  
  8560.  
  8561.  
  8562.  
  8563.  
  8564.  
  8565.  
  8566.  
  8567.  
  8568.  
  8569.  
  8570.  
  8571.  
  8572.  
  8573.  
  8574.  
  8575.  
  8576.  
  8577.  
  8578.  
  8579.  
  8580. </div></div></div><div class="fe-block fe-block-98d6a723c4b469b2416e"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" id="block-98d6a723c4b469b2416e"><div class="sqs-block-content">
  8581.  
  8582. <div
  8583.  class="sqs-block-button-container sqs-block-button-container--left"
  8584.  data-animation-role="button"
  8585.  data-alignment="left"
  8586.  data-button-size="large"
  8587.  data-button-type="secondary"
  8588. >
  8589.  <a
  8590.    href="/barn-doors"
  8591.    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
  8592.    
  8593.  >
  8594.    See More
  8595.  </a>
  8596. </div>
  8597. </div></div></div></div></div>
  8598.    </div>
  8599.  
  8600.  </div>
  8601.  
  8602. </section>
  8603.  
  8604.  
  8605.    
  8606.    
  8607.  
  8608.  
  8609.  
  8610.  
  8611.  
  8612.  
  8613. <section
  8614.  data-test="page-section"
  8615.  
  8616.  data-section-theme=""
  8617.  class='page-section
  8618.    
  8619.      full-bleed-section
  8620.      layout-engine-section
  8621.    
  8622.    background-width--full-bleed
  8623.    
  8624.      
  8625.        section-height--custom
  8626.      
  8627.    
  8628.    
  8629.      content-width--wide
  8630.    
  8631.    horizontal-alignment--center
  8632.    vertical-alignment--middle
  8633.    
  8634.      
  8635.    
  8636.    
  8637.    '
  8638.  
  8639.  data-section-id="63763b67271fd25596ed9afe"
  8640.  
  8641.  data-controller="SectionWrapperController"
  8642.  data-current-styles="{
  8643. &quot;imageOverlayOpacity&quot;: 0.15,
  8644. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  8645. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  8646. &quot;customSectionHeight&quot;: 0,
  8647. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  8648. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  8649. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  8650. &quot;customContentWidth&quot;: 50,
  8651. &quot;backgroundColor&quot;: &quot;&quot;,
  8652. &quot;sectionTheme&quot;: &quot;&quot;,
  8653. &quot;sectionAnimation&quot;: &quot;none&quot;,
  8654. &quot;backgroundMode&quot;: &quot;image&quot;
  8655. }"
  8656.  data-current-context="{
  8657. &quot;video&quot;: {
  8658. &quot;playbackSpeed&quot;: 0.5,
  8659. &quot;filter&quot;: 1,
  8660. &quot;filterStrength&quot;: 0,
  8661. &quot;zoom&quot;: 0,
  8662. &quot;videoSourceProvider&quot;: &quot;none&quot;
  8663. },
  8664. &quot;backgroundImageId&quot;: null,
  8665. &quot;backgroundMediaEffect&quot;: {
  8666. &quot;type&quot;: &quot;none&quot;
  8667. },
  8668. &quot;divider&quot;: null,
  8669. &quot;typeName&quot;: &quot;page&quot;
  8670. }"
  8671.  data-animation="none"
  8672.  data-fluid-engine-section
  8673.  
  8674.  
  8675.  
  8676. >
  8677.  <div
  8678.    class="section-border"
  8679.    
  8680.  >
  8681.    <div class="section-background">
  8682.    
  8683.      
  8684.    
  8685.    </div>
  8686.  </div>
  8687.  <div
  8688.    class='content-wrapper'
  8689.    style='
  8690.      
  8691.        
  8692.          
  8693.          
  8694.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  8695.        
  8696.      
  8697.    '
  8698.  >
  8699.    <div
  8700.      class="content"
  8701.      
  8702.    >
  8703.      
  8704.      
  8705.      
  8706.      
  8707.      
  8708.      
  8709.      
  8710.      
  8711.      <div data-fluid-engine="true"><style>
  8712.  
  8713. .fe-63763b680e981f5974c9c2a8 {
  8714.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  8715.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
  8716.  
  8717.  display: grid;
  8718.  position: relative;
  8719.  grid-area: 1/1/-1/-1;
  8720.  grid-template-rows: repeat(14,minmax(24px, auto));
  8721.  grid-template-columns:
  8722.    minmax(var(--grid-gutter), 1fr)
  8723.    repeat(8, minmax(0, var(--cell-max-width)))
  8724.    minmax(var(--grid-gutter), 1fr);
  8725.  row-gap: 11.0px;
  8726.  column-gap: 11.0px;
  8727. }
  8728.  
  8729. @media (min-width: 768px) {
  8730.  .background-width--inset .fe-63763b680e981f5974c9c2a8 {
  8731.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  8732.  }
  8733.  
  8734.  .fe-63763b680e981f5974c9c2a8 {
  8735.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
  8736.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
  8737.    --inset-padding: 0vw;
  8738.  
  8739.    --row-height-scaling-factor: 0.0215;
  8740.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  8741.  
  8742.    grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  8743.    grid-template-columns:
  8744.      minmax(var(--grid-gutter), 1fr)
  8745.      repeat(24, minmax(0, var(--cell-max-width)))
  8746.      minmax(var(--grid-gutter), 1fr);
  8747.  }
  8748. }
  8749.  
  8750.  
  8751.  .fe-block-yui_3_17_2_1_1668691615261_33471 {
  8752.    grid-area: 2/2/15/10;
  8753.    z-index: 1;
  8754.  
  8755.    @media (max-width: 767px) {
  8756.      
  8757.    }
  8758.  }
  8759.  
  8760.  .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block {
  8761.    justify-content: flex-start;
  8762.  }
  8763.  
  8764.  .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block-alignment-wrapper {
  8765.    align-items: flex-start;
  8766.  }
  8767.  
  8768.  @media (min-width: 768px) {
  8769.    .fe-block-yui_3_17_2_1_1668691615261_33471 {
  8770.      grid-area: 3/2/14/26;
  8771.      z-index: 1;
  8772.  
  8773.      
  8774.    }
  8775.  
  8776.    .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block {
  8777.      justify-content: flex-start;
  8778.    }
  8779.  
  8780.    .fe-block-yui_3_17_2_1_1668691615261_33471 .sqs-block-alignment-wrapper {
  8781.      align-items: flex-start;
  8782.    }
  8783.  }
  8784.  
  8785. </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">
  8786.  
  8787. <div class="sqs-html-content">
  8788.  <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>
  8789. </div>
  8790.  
  8791.  
  8792.  
  8793.  
  8794.  
  8795.  
  8796.  
  8797.  
  8798.  
  8799.  
  8800.  
  8801.  
  8802.  
  8803.  
  8804.  
  8805.  
  8806.  
  8807.  
  8808.  
  8809.  
  8810.  
  8811.  
  8812.  
  8813.  
  8814.  
  8815. </div></div></div></div></div>
  8816.    </div>
  8817.  
  8818.  </div>
  8819.  
  8820. </section>
  8821.  
  8822.  
  8823.    
  8824.    
  8825.  
  8826.  
  8827.  
  8828.  
  8829.  
  8830.  
  8831. <section
  8832.  data-test="page-section"
  8833.  
  8834.  data-section-theme="dark"
  8835.  class='page-section
  8836.    
  8837.      user-items-list-section
  8838.      full-bleed-section
  8839.    
  8840.    
  8841.    
  8842.      
  8843.    
  8844.    
  8845.      
  8846.    
  8847.    
  8848.    
  8849.    
  8850.    
  8851.    dark'
  8852.  
  8853.  data-section-id="62e7b6368b3184307aa195d5"
  8854.  
  8855.  data-controller="SectionWrapperController"
  8856.  data-current-styles="{
  8857. &quot;imageFocalPoint&quot;: {
  8858. &quot;x&quot;: 0.5,
  8859. &quot;y&quot;: 0.5
  8860. },
  8861. &quot;imageOverlayOpacity&quot;: 0.3,
  8862. &quot;backgroundColor&quot;: &quot;white&quot;,
  8863. &quot;sectionTheme&quot;: &quot;dark&quot;,
  8864. &quot;imageEffect&quot;: &quot;none&quot;,
  8865. &quot;backgroundMode&quot;: &quot;generative&quot;,
  8866. &quot;backgroundImage&quot;: null
  8867. }"
  8868.  data-current-context="{
  8869. &quot;video&quot;: {
  8870. &quot;filter&quot;: 1,
  8871. &quot;videoFallbackContentItem&quot;: null,
  8872. &quot;nativeVideoContentItem&quot;: null,
  8873. &quot;videoSourceProvider&quot;: &quot;none&quot;
  8874. },
  8875. &quot;backgroundImageId&quot;: null,
  8876. &quot;backgroundMediaEffect&quot;: {
  8877. &quot;type&quot;: &quot;none&quot;
  8878. },
  8879. &quot;divider&quot;: {
  8880. &quot;enabled&quot;: false
  8881. },
  8882. &quot;typeName&quot;: &quot;page&quot;
  8883. }"
  8884.  data-animation=""
  8885.  
  8886.  data-json-schema-section
  8887.  
  8888.  
  8889. >
  8890.  <div
  8891.    class="section-border"
  8892.    
  8893.  >
  8894.    <div class="section-background">
  8895.    
  8896.      
  8897.    
  8898.    </div>
  8899.  </div>
  8900.  <div
  8901.    class='content-wrapper'
  8902.    style='
  8903.      
  8904.        
  8905.      
  8906.    '
  8907.  >
  8908.    <div
  8909.      class="content"
  8910.      
  8911.    >
  8912.      
  8913.      
  8914.      
  8915.      
  8916.      
  8917.      
  8918.      
  8919.        
  8920.  
  8921.  
  8922.  
  8923.  
  8924.  
  8925.  
  8926.  
  8927.  
  8928.  
  8929.  
  8930.  
  8931.  
  8932.  
  8933.  
  8934.  
  8935.  
  8936.  
  8937.  
  8938. <div
  8939.  class="user-items-list"
  8940.  style="
  8941.    min-height: 100px;
  8942.    padding-top: 3.3vmax;
  8943.    padding-bottom: 3.3vmax;
  8944.    "
  8945.  data-card-theme=""
  8946.  data-section-id="user-items-list"
  8947.  data-section-title-enabled="true"
  8948.  data-space-below-section-title-value="40"
  8949.  data-space-below-section-title-unit="px"
  8950.  data-layout-width="inset"
  8951. >
  8952.  
  8953.    
  8954.    <div class="list-section-title"
  8955.      id="62e7b6368b3184307aa195d5"
  8956.      style= "padding-bottom: 40px;"
  8957.      data-section-title-alignment="center"
  8958.    >
  8959.      <p class="" style="white-space:pre-wrap;">Testimonials</p>
  8960.    </div>
  8961.  
  8962.  
  8963.  
  8964.  
  8965.  
  8966.  
  8967.  
  8968.    
  8969.  
  8970.  
  8971.  
  8972.  
  8973.  
  8974.  
  8975.  
  8976.  
  8977.  
  8978.  
  8979.  
  8980.  
  8981.  
  8982.  
  8983.  
  8984.  
  8985.  
  8986.  
  8987.  
  8988.  
  8989.  
  8990.  
  8991.  
  8992.  
  8993.  
  8994.  
  8995.  
  8996.  
  8997.  
  8998.  
  8999.  
  9000.  
  9001.  
  9002.  
  9003.  
  9004.  
  9005.  
  9006.  
  9007.  
  9008.  
  9009.  
  9010.  
  9011.  
  9012.  
  9013.  
  9014.  
  9015.  
  9016.  
  9017. <style>
  9018.  .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] .list-item-content__title {
  9019.    font-size: 1.2rem;
  9020.  }
  9021.  .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] .list-item-content__description {
  9022.    font-size: 0.9rem;
  9023.  }
  9024.  .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] .list-item-content__button {
  9025.    font-size: 0.8rem;
  9026.  }
  9027.  
  9028.  @supports (--test-custom-property: true) {
  9029.    .user-items-list-item-container[data-section-id="62e7b6368b3184307aa195d5"] {
  9030.      --title-font-size-value: 1.2;
  9031.      --body-font-size-value: 0.9;
  9032.      --button-font-size-value: 0.8;
  9033.    }
  9034.  }
  9035. </style>
  9036.  
  9037.  
  9038. <div
  9039.  class="
  9040.    user-items-list-item-container
  9041.    user-items-list-carousel
  9042.  "
  9043.  data-controller="UserItemsListCarousel"
  9044.  data-max-columns="2"
  9045.  data-show-adjacent-slides="false"
  9046.  data-space-between-slides-value="20"
  9047.  data-space-between-slides-unit="px"
  9048.  data-media-aspect-ratio="circle"
  9049.  data-is-infinite-enabled="true"
  9050.  data-navigation-controls="arrows"
  9051.  data-navigation-placement="bottom"
  9052.  data-navigation-alignment="center"
  9053.  data-alignment-vertical="top"
  9054.  data-section-id="62e7b6368b3184307aa195d5"
  9055.  data-current-context="{
  9056. &quot;userItems&quot;: [ {
  9057. &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;,
  9058. &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;,
  9059. &quot;button&quot;: {
  9060. &quot;buttonText&quot;: &quot;Make It&quot;,
  9061. &quot;buttonLink&quot;: &quot;#&quot;
  9062. },
  9063. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195cb&quot;,
  9064. &quot;image&quot;: {
  9065. &quot;id&quot;: &quot;62e7b6368b3184307aa195cb&quot;,
  9066. &quot;recordType&quot;: 2,
  9067. &quot;addedOn&quot;: 1656693471823,
  9068. &quot;updatedOn&quot;: 1656694079038,
  9069. &quot;starred&quot;: false,
  9070. &quot;passthrough&quot;: false,
  9071. &quot;workflowState&quot;: 1,
  9072. &quot;publishOn&quot;: 1656693471823,
  9073. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9074. &quot;systemDataId&quot;: &quot;1615225337376-36JM1AX4C0NIC32WNXXU&quot;,
  9075. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9076. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9077. &quot;filename&quot;: &quot;Rectangle 26.jpg&quot;,
  9078. &quot;mediaFocalPoint&quot;: {
  9079. &quot;x&quot;: 0.5,
  9080. &quot;y&quot;: 0.5,
  9081. &quot;source&quot;: 3
  9082. },
  9083. &quot;colorData&quot;: {
  9084. &quot;topLeftAverage&quot;: &quot;969994&quot;,
  9085. &quot;topRightAverage&quot;: &quot;584435&quot;,
  9086. &quot;bottomLeftAverage&quot;: &quot;7e756e&quot;,
  9087. &quot;bottomRightAverage&quot;: &quot;75736e&quot;,
  9088. &quot;centerAverage&quot;: &quot;af8572&quot;,
  9089. &quot;suggestedBgColor&quot;: &quot;989e9a&quot;
  9090. },
  9091. &quot;urlId&quot;: &quot;vrfn569cj6y6y8c243elk4vp2k0dmi-j64e7&quot;,
  9092. &quot;title&quot;: &quot;&quot;,
  9093. &quot;body&quot;: null,
  9094. &quot;likeCount&quot;: 0,
  9095. &quot;commentCount&quot;: 0,
  9096. &quot;publicCommentCount&quot;: 0,
  9097. &quot;commentState&quot;: 2,
  9098. &quot;unsaved&quot;: false,
  9099. &quot;author&quot;: {
  9100. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9101. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  9102. &quot;firstName&quot;: &quot;Marlon&quot;,
  9103. &quot;lastName&quot;: &quot;Alcantara&quot;,
  9104. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  9105. &quot;bio&quot;: &quot;&quot;,
  9106. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;
  9107. },
  9108. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225337376-36JM1AX4C0NIC32WNXXU/Rectangle+26.jpg&quot;,
  9109. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  9110. &quot;items&quot;: [ ],
  9111. &quot;pushedServices&quot;: { },
  9112. &quot;pendingPushedServices&quot;: { },
  9113. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  9114. &quot;recordTypeLabel&quot;: &quot;image&quot;
  9115. }
  9116. }, {
  9117. &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;,
  9118. &quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;~ David J.&lt;\/p&gt;&quot;,
  9119. &quot;button&quot;: {
  9120. &quot;buttonText&quot;: &quot;Make It&quot;
  9121. },
  9122. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195ce&quot;,
  9123. &quot;image&quot;: {
  9124. &quot;id&quot;: &quot;62e7b6368b3184307aa195ce&quot;,
  9125. &quot;recordType&quot;: 2,
  9126. &quot;addedOn&quot;: 1656693504842,
  9127. &quot;updatedOn&quot;: 1656694079047,
  9128. &quot;starred&quot;: false,
  9129. &quot;passthrough&quot;: false,
  9130. &quot;workflowState&quot;: 1,
  9131. &quot;publishOn&quot;: 1656693504842,
  9132. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9133. &quot;systemDataId&quot;: &quot;1615225123989-3AGGEWNOKB8XK6YRH6A9&quot;,
  9134. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9135. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9136. &quot;filename&quot;: &quot;Rectangle 25.jpg&quot;,
  9137. &quot;mediaFocalPoint&quot;: {
  9138. &quot;x&quot;: 0.5,
  9139. &quot;y&quot;: 0.5,
  9140. &quot;source&quot;: 3
  9141. },
  9142. &quot;colorData&quot;: {
  9143. &quot;topLeftAverage&quot;: &quot;c5c7c6&quot;,
  9144. &quot;topRightAverage&quot;: &quot;d2d6d9&quot;,
  9145. &quot;bottomLeftAverage&quot;: &quot;9ea4a6&quot;,
  9146. &quot;bottomRightAverage&quot;: &quot;9fa9af&quot;,
  9147. &quot;centerAverage&quot;: &quot;bf907e&quot;,
  9148. &quot;suggestedBgColor&quot;: &quot;c5c7c6&quot;
  9149. },
  9150. &quot;urlId&quot;: &quot;jugvkzkjivzvtpqal7ancp1db8ky1v-d8xyl&quot;,
  9151. &quot;title&quot;: &quot;&quot;,
  9152. &quot;body&quot;: null,
  9153. &quot;likeCount&quot;: 0,
  9154. &quot;commentCount&quot;: 0,
  9155. &quot;publicCommentCount&quot;: 0,
  9156. &quot;commentState&quot;: 2,
  9157. &quot;unsaved&quot;: false,
  9158. &quot;author&quot;: {
  9159. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9160. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  9161. &quot;firstName&quot;: &quot;Marlon&quot;,
  9162. &quot;lastName&quot;: &quot;Alcantara&quot;,
  9163. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  9164. &quot;bio&quot;: &quot;&quot;,
  9165. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;
  9166. },
  9167. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225123989-3AGGEWNOKB8XK6YRH6A9/Rectangle+25.jpg&quot;,
  9168. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  9169. &quot;items&quot;: [ ],
  9170. &quot;pushedServices&quot;: { },
  9171. &quot;pendingPushedServices&quot;: { },
  9172. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  9173. &quot;recordTypeLabel&quot;: &quot;image&quot;
  9174. }
  9175. }, {
  9176. &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;,
  9177. &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;,
  9178. &quot;button&quot;: {
  9179. &quot;buttonText&quot;: &quot;Make It&quot;
  9180. },
  9181. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195d1&quot;,
  9182. &quot;image&quot;: {
  9183. &quot;id&quot;: &quot;62e7b6368b3184307aa195d1&quot;,
  9184. &quot;recordType&quot;: 2,
  9185. &quot;addedOn&quot;: 1656693525362,
  9186. &quot;updatedOn&quot;: 1656694079054,
  9187. &quot;starred&quot;: false,
  9188. &quot;passthrough&quot;: false,
  9189. &quot;workflowState&quot;: 1,
  9190. &quot;publishOn&quot;: 1656693525362,
  9191. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9192. &quot;systemDataId&quot;: &quot;1615225350677-B3YBA0I530Q8W9125BX3&quot;,
  9193. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9194. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9195. &quot;filename&quot;: &quot;Rectangle 27.jpg&quot;,
  9196. &quot;mediaFocalPoint&quot;: {
  9197. &quot;x&quot;: 0.5,
  9198. &quot;y&quot;: 0.5,
  9199. &quot;source&quot;: 3
  9200. },
  9201. &quot;colorData&quot;: {
  9202. &quot;topLeftAverage&quot;: &quot;868e7e&quot;,
  9203. &quot;topRightAverage&quot;: &quot;475538&quot;,
  9204. &quot;bottomLeftAverage&quot;: &quot;9e988a&quot;,
  9205. &quot;bottomRightAverage&quot;: &quot;586047&quot;,
  9206. &quot;centerAverage&quot;: &quot;cea194&quot;,
  9207. &quot;suggestedBgColor&quot;: &quot;848c7d&quot;
  9208. },
  9209. &quot;urlId&quot;: &quot;ras78oa5af9eea07ppvxpljawj6nio-792ab&quot;,
  9210. &quot;title&quot;: &quot;&quot;,
  9211. &quot;body&quot;: null,
  9212. &quot;likeCount&quot;: 0,
  9213. &quot;commentCount&quot;: 0,
  9214. &quot;publicCommentCount&quot;: 0,
  9215. &quot;commentState&quot;: 2,
  9216. &quot;unsaved&quot;: false,
  9217. &quot;author&quot;: {
  9218. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9219. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  9220. &quot;firstName&quot;: &quot;Marlon&quot;,
  9221. &quot;lastName&quot;: &quot;Alcantara&quot;,
  9222. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  9223. &quot;bio&quot;: &quot;&quot;,
  9224. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;
  9225. },
  9226. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225350677-B3YBA0I530Q8W9125BX3/Rectangle+27.jpg&quot;,
  9227. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  9228. &quot;items&quot;: [ ],
  9229. &quot;pushedServices&quot;: { },
  9230. &quot;pendingPushedServices&quot;: { },
  9231. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  9232. &quot;recordTypeLabel&quot;: &quot;image&quot;
  9233. }
  9234. }, {
  9235. &quot;title&quot;: &quot;\&quot;We were happy with everyone we met from your company and especially pleased with our new doors.\&quot;&quot;,
  9236. &quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;~ Doug K.&lt;\/p&gt;&quot;,
  9237. &quot;button&quot;: {
  9238. &quot;buttonText&quot;: &quot;Make It&quot;
  9239. },
  9240. &quot;imageId&quot;: &quot;62e7b6368b3184307aa195d4&quot;,
  9241. &quot;image&quot;: {
  9242. &quot;id&quot;: &quot;62e7b6368b3184307aa195d4&quot;,
  9243. &quot;recordType&quot;: 2,
  9244. &quot;addedOn&quot;: 1656693557279,
  9245. &quot;updatedOn&quot;: 1656694079062,
  9246. &quot;starred&quot;: false,
  9247. &quot;passthrough&quot;: false,
  9248. &quot;workflowState&quot;: 1,
  9249. &quot;publishOn&quot;: 1656693557279,
  9250. &quot;authorId&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9251. &quot;systemDataId&quot;: &quot;1615225322403-8M32U1NK41JYCCJQCWP7&quot;,
  9252. &quot;systemDataVariants&quot;: &quot;1525x1144,100w,300w,500w,750w,1000w,1500w&quot;,
  9253. &quot;systemDataSourceType&quot;: &quot;JPG&quot;,
  9254. &quot;filename&quot;: &quot;Rectangle 25.jpg&quot;,
  9255. &quot;mediaFocalPoint&quot;: {
  9256. &quot;x&quot;: 0.5,
  9257. &quot;y&quot;: 0.5,
  9258. &quot;source&quot;: 3
  9259. },
  9260. &quot;colorData&quot;: {
  9261. &quot;topLeftAverage&quot;: &quot;c5c7c6&quot;,
  9262. &quot;topRightAverage&quot;: &quot;d2d6d9&quot;,
  9263. &quot;bottomLeftAverage&quot;: &quot;9ea4a6&quot;,
  9264. &quot;bottomRightAverage&quot;: &quot;9ea8b0&quot;,
  9265. &quot;centerAverage&quot;: &quot;c18f7d&quot;,
  9266. &quot;suggestedBgColor&quot;: &quot;c5c7c6&quot;
  9267. },
  9268. &quot;urlId&quot;: &quot;n2z4r6bf1ghjzh8mhpzriaca2op5u6-s5ff2&quot;,
  9269. &quot;title&quot;: &quot;&quot;,
  9270. &quot;body&quot;: null,
  9271. &quot;likeCount&quot;: 0,
  9272. &quot;commentCount&quot;: 0,
  9273. &quot;publicCommentCount&quot;: 0,
  9274. &quot;commentState&quot;: 2,
  9275. &quot;unsaved&quot;: false,
  9276. &quot;author&quot;: {
  9277. &quot;id&quot;: &quot;62185d4e5cb42f3af0545b4c&quot;,
  9278. &quot;displayName&quot;: &quot;Marlon Alcantara&quot;,
  9279. &quot;firstName&quot;: &quot;Marlon&quot;,
  9280. &quot;lastName&quot;: &quot;Alcantara&quot;,
  9281. &quot;avatarUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;,
  9282. &quot;bio&quot;: &quot;&quot;,
  9283. &quot;avatarAssetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/62185d4e5cb42f3af0545b4c/2d228884e0034f3dab7ae680480ef6bd/2d228884e0034f3dab7ae680480ef6bd.jpeg?format=300w&quot;
  9284. },
  9285. &quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225322403-8M32U1NK41JYCCJQCWP7/Rectangle+25.jpg&quot;,
  9286. &quot;contentType&quot;: &quot;image/jpeg&quot;,
  9287. &quot;items&quot;: [ ],
  9288. &quot;pushedServices&quot;: { },
  9289. &quot;pendingPushedServices&quot;: { },
  9290. &quot;originalSize&quot;: &quot;1525x1144&quot;,
  9291. &quot;recordTypeLabel&quot;: &quot;image&quot;
  9292. }
  9293. } ],
  9294. &quot;styles&quot;: {
  9295. &quot;imageFocalPoint&quot;: {
  9296. &quot;x&quot;: 0.5,
  9297. &quot;y&quot;: 0.5
  9298. },
  9299. &quot;imageOverlayOpacity&quot;: 0.3,
  9300. &quot;backgroundColor&quot;: &quot;white&quot;,
  9301. &quot;sectionTheme&quot;: &quot;dark&quot;,
  9302. &quot;imageEffect&quot;: &quot;none&quot;,
  9303. &quot;backgroundMode&quot;: &quot;generative&quot;,
  9304. &quot;backgroundImage&quot;: null
  9305. },
  9306. &quot;video&quot;: {
  9307. &quot;filter&quot;: 1,
  9308. &quot;videoFallbackContentItem&quot;: null,
  9309. &quot;nativeVideoContentItem&quot;: null,
  9310. &quot;videoSourceProvider&quot;: &quot;none&quot;
  9311. },
  9312. &quot;backgroundImageFocalPoint&quot;: null,
  9313. &quot;backgroundImageId&quot;: null,
  9314. &quot;options&quot;: {
  9315. &quot;maxColumns&quot;: 2,
  9316. &quot;isCardEnabled&quot;: true,
  9317. &quot;isMediaEnabled&quot;: false,
  9318. &quot;isTitleEnabled&quot;: true,
  9319. &quot;isBodyEnabled&quot;: true,
  9320. &quot;isButtonEnabled&quot;: false,
  9321. &quot;isShowAdjacentSlides&quot;: false,
  9322. &quot;isInfiniteEnabled&quot;: true,
  9323. &quot;isAutoplayEnabled&quot;: false,
  9324. &quot;slideDurationMs&quot;: 1000,
  9325. &quot;mediaAspectRatio&quot;: &quot;circle&quot;,
  9326. &quot;layoutWidth&quot;: &quot;inset&quot;,
  9327. &quot;mediaWidth&quot;: {
  9328. &quot;value&quot;: 30,
  9329. &quot;unit&quot;: &quot;%&quot;
  9330. },
  9331. &quot;mediaAlignment&quot;: &quot;center&quot;,
  9332. &quot;contentWidth&quot;: {
  9333. &quot;value&quot;: 100,
  9334. &quot;unit&quot;: &quot;%&quot;
  9335. },
  9336. &quot;titleAlignment&quot;: &quot;left&quot;,
  9337. &quot;bodyAlignment&quot;: &quot;left&quot;,
  9338. &quot;buttonAlignment&quot;: &quot;left&quot;,
  9339. &quot;titlePlacement&quot;: &quot;center&quot;,
  9340. &quot;bodyPlacement&quot;: &quot;center&quot;,
  9341. &quot;buttonPlacement&quot;: &quot;center&quot;,
  9342. &quot;cardVerticalAlignment&quot;: &quot;top&quot;,
  9343. &quot;contentOrder&quot;: &quot;media-first&quot;,
  9344. &quot;titleFontSize&quot;: &quot;heading-2&quot;,
  9345. &quot;bodyFontSize&quot;: &quot;paragraph-2&quot;,
  9346. &quot;buttonFontSize&quot;: &quot;button-medium&quot;,
  9347. &quot;customOptions&quot;: {
  9348. &quot;customTitleFontSize&quot;: {
  9349. &quot;value&quot;: 1.2,
  9350. &quot;unit&quot;: &quot;rem&quot;
  9351. },
  9352. &quot;customBodyFontSize&quot;: {
  9353. &quot;value&quot;: 0.9,
  9354. &quot;unit&quot;: &quot;rem&quot;
  9355. },
  9356. &quot;customButtonFontSize&quot;: {
  9357. &quot;value&quot;: 0.8,
  9358. &quot;unit&quot;: &quot;rem&quot;
  9359. }
  9360. },
  9361. &quot;verticalPaddingTop&quot;: {
  9362. &quot;value&quot;: 3.3,
  9363. &quot;unit&quot;: &quot;vmax&quot;
  9364. },
  9365. &quot;verticalPaddingBottom&quot;: {
  9366. &quot;value&quot;: 3.3,
  9367. &quot;unit&quot;: &quot;vmax&quot;
  9368. },
  9369. &quot;spaceBetweenSlides&quot;: {
  9370. &quot;value&quot;: 20,
  9371. &quot;unit&quot;: &quot;px&quot;
  9372. },
  9373. &quot;spaceBetweenContentAndMedia&quot;: {
  9374. &quot;value&quot;: 4,
  9375. &quot;unit&quot;: &quot;%&quot;
  9376. },
  9377. &quot;spaceBelowTitle&quot;: {
  9378. &quot;value&quot;: 1,
  9379. &quot;unit&quot;: &quot;%&quot;
  9380. },
  9381. &quot;spaceBelowBody&quot;: {
  9382. &quot;value&quot;: 4,
  9383. &quot;unit&quot;: &quot;%&quot;
  9384. },
  9385. &quot;cardPaddingTop&quot;: {
  9386. &quot;value&quot;: 6,
  9387. &quot;unit&quot;: &quot;%&quot;
  9388. },
  9389. &quot;cardPaddingRight&quot;: {
  9390. &quot;value&quot;: 6,
  9391. &quot;unit&quot;: &quot;%&quot;
  9392. },
  9393. &quot;cardPaddingBottom&quot;: {
  9394. &quot;value&quot;: 6,
  9395. &quot;unit&quot;: &quot;%&quot;
  9396. },
  9397. &quot;cardPaddingLeft&quot;: {
  9398. &quot;value&quot;: 6,
  9399. &quot;unit&quot;: &quot;%&quot;
  9400. },
  9401. &quot;navigationOffset&quot;: {
  9402. &quot;value&quot;: 5,
  9403. &quot;unit&quot;: &quot;vw&quot;
  9404. },
  9405. &quot;navigationControls&quot;: &quot;arrows&quot;,
  9406. &quot;navigationPlacement&quot;: &quot;bottom&quot;,
  9407. &quot;navigationAlignment&quot;: &quot;center&quot;,
  9408. &quot;spaceAboveNavigation&quot;: {
  9409. &quot;value&quot;: 30,
  9410. &quot;unit&quot;: &quot;px&quot;
  9411. },
  9412. &quot;progressIndicators&quot;: &quot;bars&quot;
  9413. },
  9414. &quot;layout&quot;: &quot;carousel&quot;,
  9415. &quot;isSectionTitleEnabled&quot;: true,
  9416. &quot;sectionTitle&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Testimonials&lt;\/p&gt;&quot;,
  9417. &quot;spaceBelowSectionTitle&quot;: {
  9418. &quot;value&quot;: 40,
  9419. &quot;unit&quot;: &quot;px&quot;
  9420. },
  9421. &quot;sectionTitleAlignment&quot;: &quot;center&quot;,
  9422. &quot;isSectionButtonEnabled&quot;: false,
  9423. &quot;sectionButton&quot;: {
  9424. &quot;buttonText&quot;: &quot;Make It&quot;,
  9425. &quot;buttonLink&quot;: &quot;#&quot;,
  9426. &quot;buttonNewWindow&quot;: false
  9427. },
  9428. &quot;sectionButtonSize&quot;: &quot;medium&quot;,
  9429. &quot;sectionButtonAlignment&quot;: &quot;center&quot;,
  9430. &quot;spaceAboveSectionButton&quot;: {
  9431. &quot;value&quot;: 40,
  9432. &quot;unit&quot;: &quot;px&quot;
  9433. }
  9434. }"
  9435.  data-media-alignment="center"
  9436.  data-title-alignment="left"
  9437.  data-body-alignment="left"
  9438.  data-button-alignment="left"
  9439.  data-title-placement="center"
  9440.  data-body-placement="center"
  9441.  data-button-placement="center"
  9442.  data-layout-width="inset"
  9443.  data-title-font-unit="rem"
  9444.  data-description-font-unit="rem"
  9445.  data-button-font-unit="rem"
  9446.  data-is-media-enabled="false"
  9447.  data-is-card-enabled="true"
  9448.  data-media-width-value="30"
  9449.  data-media-width-unit="%"
  9450.  data-content-order="media-first"
  9451.  data-space-between-columns=""
  9452.  data-vertical-padding-top-value="3.3"
  9453.  data-vertical-padding-bottom-value="3.3"
  9454.  data-vertical-padding-top-unit="vmax"
  9455.  data-vertical-padding-bottom-unit="vmax"
  9456. >
  9457.  <div
  9458.    class="user-items-list-carousel__gutter"
  9459.    role="region"
  9460.    aria-label="Carousel"
  9461.  >
  9462.    <div class="user-items-list-carousel__slideshow-holder">
  9463.  
  9464.      <div class="user-items-list-carousel__slides-revealer">
  9465.        <ul class="user-items-list-carousel__slides" style="grid-gap: 20px;">
  9466.          
  9467.            
  9468.            <li class="
  9469.                  user-items-list-carousel__slide list-item
  9470.                  
  9471.                    list-item-basic-animation
  9472.                  
  9473.                "
  9474.                style="
  9475.                
  9476.                  padding-top: 6%;
  9477.                  padding-right: 6%;
  9478.                  padding-bottom: 6%;
  9479.                  padding-left: 6%;
  9480.                
  9481.              "
  9482.              data-is-card-enabled="true"
  9483.            >
  9484.              
  9485.                
  9486.              
  9487.              <div class="list-item-content">
  9488.  
  9489.                
  9490.                  <div class="list-item-content__text-wrapper">
  9491.  
  9492.                    
  9493.                      <h2
  9494.                        class="list-item-content__title"
  9495.                        style="max-width: 100%;"
  9496.                      >"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>
  9497.                    
  9498.  
  9499.                    
  9500.                        <div class="list-item-content__description
  9501.                          
  9502.                          "
  9503.                          style="
  9504.                            margin-top: 1%;
  9505.                            max-width: 100%;
  9506.                          "
  9507.                        ><p class="" style="white-space:pre-wrap;">~ Scott &amp; Kelly S.</p></div>
  9508.                    
  9509.  
  9510.                  </div>
  9511.                
  9512.  
  9513.                
  9514.  
  9515.              </div>
  9516.            </li>
  9517.          
  9518.            
  9519.            <li class="
  9520.                  user-items-list-carousel__slide list-item
  9521.                  
  9522.                    list-item-basic-animation
  9523.                  
  9524.                "
  9525.                style="
  9526.                
  9527.                  padding-top: 6%;
  9528.                  padding-right: 6%;
  9529.                  padding-bottom: 6%;
  9530.                  padding-left: 6%;
  9531.                
  9532.              "
  9533.              data-is-card-enabled="true"
  9534.            >
  9535.              
  9536.                
  9537.              
  9538.              <div class="list-item-content">
  9539.  
  9540.                
  9541.                  <div class="list-item-content__text-wrapper">
  9542.  
  9543.                    
  9544.                      <h2
  9545.                        class="list-item-content__title"
  9546.                        style="max-width: 100%;"
  9547.                      >"I just wanted to commend you on a project well done again, let your crews know we really appreciated their efforts."</h2>
  9548.                    
  9549.  
  9550.                    
  9551.                        <div class="list-item-content__description
  9552.                          
  9553.                          "
  9554.                          style="
  9555.                            margin-top: 1%;
  9556.                            max-width: 100%;
  9557.                          "
  9558.                        ><p class="" style="white-space:pre-wrap;">~ David J.</p></div>
  9559.                    
  9560.  
  9561.                  </div>
  9562.                
  9563.  
  9564.                
  9565.  
  9566.              </div>
  9567.            </li>
  9568.          
  9569.            
  9570.            <li class="
  9571.                  user-items-list-carousel__slide list-item
  9572.                  
  9573.                    list-item-basic-animation
  9574.                  
  9575.                "
  9576.                style="
  9577.                
  9578.                  padding-top: 6%;
  9579.                  padding-right: 6%;
  9580.                  padding-bottom: 6%;
  9581.                  padding-left: 6%;
  9582.                
  9583.              "
  9584.              data-is-card-enabled="true"
  9585.            >
  9586.              
  9587.                
  9588.              
  9589.              <div class="list-item-content">
  9590.  
  9591.                
  9592.                  <div class="list-item-content__text-wrapper">
  9593.  
  9594.                    
  9595.                      <h2
  9596.                        class="list-item-content__title"
  9597.                        style="max-width: 100%;"
  9598.                      >"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>
  9599.                    
  9600.  
  9601.                    
  9602.                        <div class="list-item-content__description
  9603.                          
  9604.                          "
  9605.                          style="
  9606.                            margin-top: 1%;
  9607.                            max-width: 100%;
  9608.                          "
  9609.                        ><p class="" style="white-space:pre-wrap;">~ Lorraine &amp; Arnie M.</p></div>
  9610.                    
  9611.  
  9612.                  </div>
  9613.                
  9614.  
  9615.                
  9616.  
  9617.              </div>
  9618.            </li>
  9619.          
  9620.            
  9621.            <li class="
  9622.                  user-items-list-carousel__slide list-item
  9623.                  
  9624.                    list-item-basic-animation
  9625.                  
  9626.                "
  9627.                style="
  9628.                
  9629.                  padding-top: 6%;
  9630.                  padding-right: 6%;
  9631.                  padding-bottom: 6%;
  9632.                  padding-left: 6%;
  9633.                
  9634.              "
  9635.              data-is-card-enabled="true"
  9636.            >
  9637.              
  9638.                
  9639.              
  9640.              <div class="list-item-content">
  9641.  
  9642.                
  9643.                  <div class="list-item-content__text-wrapper">
  9644.  
  9645.                    
  9646.                      <h2
  9647.                        class="list-item-content__title"
  9648.                        style="max-width: 100%;"
  9649.                      >"We were happy with everyone we met from your company and especially pleased with our new doors."</h2>
  9650.                    
  9651.  
  9652.                    
  9653.                        <div class="list-item-content__description
  9654.                          
  9655.                          "
  9656.                          style="
  9657.                            margin-top: 1%;
  9658.                            max-width: 100%;
  9659.                          "
  9660.                        ><p class="" style="white-space:pre-wrap;">~ Doug K.</p></div>
  9661.                    
  9662.  
  9663.                  </div>
  9664.                
  9665.  
  9666.                
  9667.  
  9668.              </div>
  9669.            </li>
  9670.          
  9671.        </ul>
  9672.      </div>
  9673.  
  9674.    </div>
  9675.  
  9676.    
  9677.      
  9678.    
  9679.  
  9680.    <div class="mobile-arrows">
  9681.      <button
  9682.  class="
  9683.    mobile-arrow-button
  9684.    mobile-arrow-button--left
  9685.  "
  9686.  aria-label="
  9687.    
  9688.      Previous
  9689.    
  9690.    
  9691.  "
  9692.  data-animation-role="button"
  9693. >
  9694.  <div class="
  9695.    user-items-list-carousel__arrow-icon-background
  9696.    mobile-arrow-icon-background-area
  9697.  ">
  9698.  </div>
  9699.  <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg">
  9700.  
  9701.    
  9702.      <path class="user-items-list-carousel__arrow-icon-foreground
  9703.        mobile-arrow-icon-path"
  9704.        d="M7.87012 13L2.00021 7L7.87012 1" stroke-width="2" fill="none"
  9705.      />
  9706.      <path class="user-items-list-carousel__arrow-icon-foreground
  9707.        mobile-arrow-icon-path"
  9708.        d="M22.9653 7L3.03948 7" stroke-width="2" stroke-linecap="square" fill="none"
  9709.      />
  9710.    
  9711.  
  9712.    
  9713.  
  9714.  </svg>
  9715. </button>
  9716.  
  9717.      <button
  9718.  class="
  9719.    mobile-arrow-button
  9720.    mobile-arrow-button--right
  9721.  "
  9722.  aria-label="
  9723.    
  9724.    
  9725.      Next
  9726.    
  9727.  "
  9728.  data-animation-role="button"
  9729. >
  9730.  <div class="
  9731.    user-items-list-carousel__arrow-icon-background
  9732.    mobile-arrow-icon-background-area
  9733.  ">
  9734.  </div>
  9735.  <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg">
  9736.  
  9737.    
  9738.  
  9739.    
  9740.      <path class="user-items-list-carousel__arrow-icon-foreground
  9741.        mobile-arrow-icon-path"
  9742.        d="M16.1299 1L21.9998 7L16.1299 13" stroke-width="2" fill="none"
  9743.      />
  9744.      <path class="user-items-list-carousel__arrow-icon-foreground
  9745.        mobile-arrow-icon-path"
  9746.        d="M1.03472 7H20.9605" stroke-width="2" stroke-linecap="square" fill="none"
  9747.      />
  9748.    
  9749.  
  9750.  </svg>
  9751. </button>
  9752.  
  9753.    </div>
  9754.  
  9755.  </div>
  9756.  
  9757.  
  9758.    
  9759.      <div
  9760.        class="desktop-arrows arrows-bottom-wrapper"
  9761.        style="margin-top: 30px;"
  9762.      >
  9763.        <div class="arrows-bottom">
  9764.          <button
  9765.  class="
  9766.    user-items-list-carousel__arrow-button
  9767.    user-items-list-carousel__arrow-button--left
  9768.  "
  9769.  aria-label="
  9770.    
  9771.      Previous
  9772.    
  9773.    
  9774.  "
  9775.  data-animation-role="button"
  9776. >
  9777.  <div class="
  9778.    user-items-list-carousel__arrow-icon-background
  9779.    user-items-list-carousel__arrow-icon-background-area
  9780.  ">
  9781.  </div>
  9782.  <svg class="user-items-list-carousel__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg">
  9783.  
  9784.    
  9785.      <path class="user-items-list-carousel__arrow-icon-foreground
  9786.        user-items-list-carousel__arrow-icon-path"
  9787.        d="M9.90649 16.96L2.1221 9.17556L9.9065 1.39116"
  9788.      />
  9789.      <path class="user-items-list-carousel__arrow-icon-foreground
  9790.        user-items-list-carousel__arrow-icon-path"
  9791.        d="M42.8633 9.18125L3.37868 9.18125"
  9792.      />
  9793.    
  9794.  
  9795.    
  9796.  
  9797.  </svg>
  9798. </button>
  9799.  
  9800.          <button
  9801.  class="
  9802.    user-items-list-carousel__arrow-button
  9803.    user-items-list-carousel__arrow-button--right
  9804.  "
  9805.  aria-label="
  9806.    
  9807.    
  9808.      Next
  9809.    
  9810.  "
  9811.  data-animation-role="button"
  9812. >
  9813.  <div class="
  9814.    user-items-list-carousel__arrow-icon-background
  9815.    user-items-list-carousel__arrow-icon-background-area
  9816.  ">
  9817.  </div>
  9818.  <svg class="user-items-list-carousel__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg">
  9819.  
  9820.    
  9821.  
  9822.    
  9823.      <path class="user-items-list-carousel__arrow-icon-foreground
  9824.        user-items-list-carousel__arrow-icon-path"
  9825.        d="M34.1477 1.39111L41.9321 9.17551L34.1477 16.9599"
  9826.      />
  9827.      <path class="user-items-list-carousel__arrow-icon-foreground
  9828.        user-items-list-carousel__arrow-icon-path"
  9829.        d="M1.19088 9.16982H40.6755"
  9830.      />
  9831.    
  9832.  
  9833.  </svg>
  9834. </button>
  9835.  
  9836.        </div>
  9837.      </div>
  9838.    
  9839.  
  9840.  
  9841. </div>
  9842.  
  9843.  
  9844.  
  9845.  
  9846. </div>
  9847.  
  9848.      
  9849.      
  9850.      
  9851.    </div>
  9852.  
  9853.    <button class='background-pause-button' aria-label="Pause Background"></button>
  9854. <button class='background-pause-button paused' aria-label="Play Background"></button>
  9855.  
  9856.  
  9857.  </div>
  9858.  
  9859. </section>
  9860.  
  9861.  
  9862. </article>
  9863.  
  9864.  
  9865.          
  9866.  
  9867.          
  9868.            
  9869.          
  9870.        
  9871.      </main>
  9872.      
  9873.        <footer class="sections" id="footer-sections" data-footer-sections>
  9874.  
  9875.  
  9876.  
  9877.  
  9878.  
  9879.  
  9880.    
  9881.    
  9882.  
  9883.  
  9884.  
  9885.  
  9886.  
  9887.  
  9888. <section
  9889.  data-test="page-section"
  9890.  
  9891.  data-section-theme="dark-bold"
  9892.  class='page-section
  9893.    
  9894.      full-bleed-section
  9895.      layout-engine-section
  9896.    
  9897.    background-width--full-bleed
  9898.    
  9899.      
  9900.        section-height--custom
  9901.      
  9902.    
  9903.    
  9904.      content-width--wide
  9905.    
  9906.    horizontal-alignment--center
  9907.    vertical-alignment--middle
  9908.    
  9909.      
  9910.    
  9911.    
  9912.    dark-bold'
  9913.  
  9914.  data-section-id="62e8c575fd657a5d285fce5a"
  9915.  
  9916.  data-controller="SectionWrapperController"
  9917.  data-current-styles="{
  9918. &quot;imageOverlayOpacity&quot;: 0.15,
  9919. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  9920. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  9921. &quot;customSectionHeight&quot;: 0,
  9922. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  9923. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  9924. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  9925. &quot;customContentWidth&quot;: 50,
  9926. &quot;sectionTheme&quot;: &quot;dark-bold&quot;,
  9927. &quot;sectionAnimation&quot;: &quot;none&quot;,
  9928. &quot;backgroundMode&quot;: &quot;image&quot;
  9929. }"
  9930.  data-current-context="{
  9931. &quot;video&quot;: {
  9932. &quot;playbackSpeed&quot;: 0.5,
  9933. &quot;filter&quot;: 1,
  9934. &quot;filterStrength&quot;: 0,
  9935. &quot;zoom&quot;: 0,
  9936. &quot;videoSourceProvider&quot;: &quot;none&quot;
  9937. },
  9938. &quot;backgroundImageId&quot;: null,
  9939. &quot;backgroundMediaEffect&quot;: null,
  9940. &quot;divider&quot;: null,
  9941. &quot;typeName&quot;: &quot;page&quot;
  9942. }"
  9943.  data-animation="none"
  9944.  data-fluid-engine-section
  9945.  
  9946.  
  9947.  
  9948. >
  9949.  <div
  9950.    class="section-border"
  9951.    
  9952.  >
  9953.    <div class="section-background">
  9954.    
  9955.      
  9956.    
  9957.    </div>
  9958.  </div>
  9959.  <div
  9960.    class='content-wrapper'
  9961.    style='
  9962.      
  9963.        
  9964.          
  9965.          
  9966.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  9967.        
  9968.      
  9969.    '
  9970.  >
  9971.    <div
  9972.      class="content"
  9973.      
  9974.    >
  9975.      
  9976.      
  9977.      
  9978.      
  9979.      
  9980.      
  9981.      
  9982.      
  9983.      <div data-fluid-engine="true"><style>
  9984.  
  9985. .fe-62e8c575fd657a5d285fce59 {
  9986.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  9987.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  9988.  
  9989.  display: grid;
  9990.  position: relative;
  9991.  grid-area: 1/1/-1/-1;
  9992.  grid-template-rows: repeat(31,minmax(24px, auto));
  9993.  grid-template-columns:
  9994.    minmax(var(--grid-gutter), 1fr)
  9995.    repeat(8, minmax(0, var(--cell-max-width)))
  9996.    minmax(var(--grid-gutter), 1fr);
  9997.  row-gap: 0.0px;
  9998.  column-gap: 0.0px;
  9999. }
  10000.  
  10001. @media (min-width: 768px) {
  10002.  .background-width--inset .fe-62e8c575fd657a5d285fce59 {
  10003.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  10004.  }
  10005.  
  10006.  .fe-62e8c575fd657a5d285fce59 {
  10007.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  10008.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  10009.    --inset-padding: 0vw;
  10010.  
  10011.    --row-height-scaling-factor: 0.0215;
  10012.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  10013.  
  10014.    grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  10015.    grid-template-columns:
  10016.      minmax(var(--grid-gutter), 1fr)
  10017.      repeat(24, minmax(0, var(--cell-max-width)))
  10018.      minmax(var(--grid-gutter), 1fr);
  10019.  }
  10020. }
  10021.  
  10022.  
  10023.  .fe-block-yui_3_17_2_1_1659352525951_142917 {
  10024.    grid-area: 2/4/5/8;
  10025.    z-index: 5;
  10026.  
  10027.    @media (max-width: 767px) {
  10028.      
  10029.    }
  10030.  }
  10031.  
  10032.  .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block {
  10033.    justify-content: center;
  10034.  }
  10035.  
  10036.  .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block-alignment-wrapper {
  10037.    align-items: center;
  10038.  }
  10039.  
  10040.  @media (min-width: 768px) {
  10041.    .fe-block-yui_3_17_2_1_1659352525951_142917 {
  10042.      grid-area: 3/3/7/7;
  10043.      z-index: 5;
  10044.  
  10045.      
  10046.    }
  10047.  
  10048.    .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block {
  10049.      justify-content: center;
  10050.    }
  10051.  
  10052.    .fe-block-yui_3_17_2_1_1659352525951_142917 .sqs-block-alignment-wrapper {
  10053.      align-items: center;
  10054.    }
  10055.  }
  10056.  
  10057.  .fe-block-yui_3_17_2_1_1664442941035_10044 {
  10058.    grid-area: 5/3/8/9;
  10059.    z-index: 9;
  10060.  
  10061.    @media (max-width: 767px) {
  10062.      
  10063.    }
  10064.  }
  10065.  
  10066.  .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block {
  10067.    justify-content: flex-start;
  10068.  }
  10069.  
  10070.  .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block-alignment-wrapper {
  10071.    align-items: flex-start;
  10072.  }
  10073.  
  10074.  @media (min-width: 768px) {
  10075.    .fe-block-yui_3_17_2_1_1664442941035_10044 {
  10076.      grid-area: 7/2/10/8;
  10077.      z-index: 9;
  10078.  
  10079.      
  10080.    }
  10081.  
  10082.    .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block {
  10083.      justify-content: flex-start;
  10084.    }
  10085.  
  10086.    .fe-block-yui_3_17_2_1_1664442941035_10044 .sqs-block-alignment-wrapper {
  10087.      align-items: flex-start;
  10088.    }
  10089.  }
  10090.  
  10091.  .fe-block-yui_3_17_2_1_1659685427321_812977 {
  10092.    grid-area: 19/2/21/6;
  10093.    z-index: 8;
  10094.  
  10095.    @media (max-width: 767px) {
  10096.      
  10097.    }
  10098.  }
  10099.  
  10100.  .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block {
  10101.    justify-content: flex-start;
  10102.  }
  10103.  
  10104.  .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block-alignment-wrapper {
  10105.    align-items: flex-start;
  10106.  }
  10107.  
  10108.  @media (min-width: 768px) {
  10109.    .fe-block-yui_3_17_2_1_1659685427321_812977 {
  10110.      grid-area: 3/19/5/23;
  10111.      z-index: 8;
  10112.  
  10113.      
  10114.    }
  10115.  
  10116.    .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block {
  10117.      justify-content: flex-start;
  10118.    }
  10119.  
  10120.    .fe-block-yui_3_17_2_1_1659685427321_812977 .sqs-block-alignment-wrapper {
  10121.      align-items: flex-start;
  10122.    }
  10123.  }
  10124.  
  10125.  .fe-block-91e40b2b691f3f291ecf {
  10126.    grid-area: 8/6/18/10;
  10127.    z-index: 3;
  10128.  
  10129.    @media (max-width: 767px) {
  10130.      
  10131.    }
  10132.  }
  10133.  
  10134.  .fe-block-91e40b2b691f3f291ecf .sqs-block {
  10135.    justify-content: flex-start;
  10136.  }
  10137.  
  10138.  .fe-block-91e40b2b691f3f291ecf .sqs-block-alignment-wrapper {
  10139.    align-items: flex-start;
  10140.  }
  10141.  
  10142.  @media (min-width: 768px) {
  10143.    .fe-block-91e40b2b691f3f291ecf {
  10144.      grid-area: 3/9/14/13;
  10145.      z-index: 3;
  10146.  
  10147.      
  10148.    }
  10149.  
  10150.    .fe-block-91e40b2b691f3f291ecf .sqs-block {
  10151.      justify-content: flex-start;
  10152.    }
  10153.  
  10154.    .fe-block-91e40b2b691f3f291ecf .sqs-block-alignment-wrapper {
  10155.      align-items: flex-start;
  10156.    }
  10157.  }
  10158.  
  10159.  .fe-block-450ffe681a0cb91ba9c6 {
  10160.    grid-area: 8/2/16/6;
  10161.    z-index: 2;
  10162.  
  10163.    @media (max-width: 767px) {
  10164.      
  10165.    }
  10166.  }
  10167.  
  10168.  .fe-block-450ffe681a0cb91ba9c6 .sqs-block {
  10169.    justify-content: flex-start;
  10170.  }
  10171.  
  10172.  .fe-block-450ffe681a0cb91ba9c6 .sqs-block-alignment-wrapper {
  10173.    align-items: flex-start;
  10174.  }
  10175.  
  10176.  @media (min-width: 768px) {
  10177.    .fe-block-450ffe681a0cb91ba9c6 {
  10178.      grid-area: 3/14/12/18;
  10179.      z-index: 2;
  10180.  
  10181.      
  10182.    }
  10183.  
  10184.    .fe-block-450ffe681a0cb91ba9c6 .sqs-block {
  10185.      justify-content: flex-start;
  10186.    }
  10187.  
  10188.    .fe-block-450ffe681a0cb91ba9c6 .sqs-block-alignment-wrapper {
  10189.      align-items: flex-start;
  10190.    }
  10191.  }
  10192.  
  10193.  .fe-block-yui_3_17_2_1_1659498794382_109580 {
  10194.    grid-area: 21/2/25/8;
  10195.    z-index: 7;
  10196.  
  10197.    @media (max-width: 767px) {
  10198.      
  10199.    }
  10200.  }
  10201.  
  10202.  .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block {
  10203.    justify-content: flex-start;
  10204.  }
  10205.  
  10206.  .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block-alignment-wrapper {
  10207.    align-items: flex-start;
  10208.  }
  10209.  
  10210.  @media (min-width: 768px) {
  10211.    .fe-block-yui_3_17_2_1_1659498794382_109580 {
  10212.      grid-area: 5/19/9/26;
  10213.      z-index: 7;
  10214.  
  10215.      
  10216.    }
  10217.  
  10218.    .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block {
  10219.      justify-content: flex-start;
  10220.    }
  10221.  
  10222.    .fe-block-yui_3_17_2_1_1659498794382_109580 .sqs-block-alignment-wrapper {
  10223.      align-items: flex-start;
  10224.    }
  10225.  }
  10226.  
  10227.  .fe-block-yui_3_17_2_1_1676424978305_9765 {
  10228.    grid-area: 25/2/31/8;
  10229.    z-index: 10;
  10230.  
  10231.    @media (max-width: 767px) {
  10232.      
  10233.    }
  10234.  }
  10235.  
  10236.  .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block {
  10237.    justify-content: flex-start;
  10238.  }
  10239.  
  10240.  .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block-alignment-wrapper {
  10241.    align-items: flex-start;
  10242.  }
  10243.  
  10244.  @media (min-width: 768px) {
  10245.    .fe-block-yui_3_17_2_1_1676424978305_9765 {
  10246.      grid-area: 9/19/16/26;
  10247.      z-index: 10;
  10248.  
  10249.      
  10250.    }
  10251.  
  10252.    .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block {
  10253.      justify-content: flex-start;
  10254.    }
  10255.  
  10256.    .fe-block-yui_3_17_2_1_1676424978305_9765 .sqs-block-alignment-wrapper {
  10257.      align-items: flex-start;
  10258.    }
  10259.  }
  10260.  
  10261. </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">
  10262.  
  10263.  
  10264.  
  10265.  
  10266.  
  10267.  
  10268.  
  10269.  
  10270.  
  10271.  
  10272.  
  10273.  
  10274.  
  10275.  
  10276.  
  10277.  
  10278.  
  10279.  
  10280.  
  10281.  
  10282.  
  10283.  
  10284.  
  10285.  
  10286.  
  10287.  
  10288.  
  10289.  
  10290.  
  10291.  
  10292.  
  10293.  
  10294.  
  10295.  
  10296.  
  10297.  
  10298.  
  10299.  
  10300.  
  10301.  
  10302.  
  10303.  
  10304.  
  10305.  
  10306.    
  10307.  
  10308.    <div
  10309.      class="
  10310.        image-block-outer-wrapper
  10311.        layout-caption-below
  10312.        design-layout-fluid
  10313.        image-position-center
  10314.        combination-animation-site-default
  10315.        individual-animation-site-default
  10316.      "
  10317.      data-test="image-block-fluid-outer-wrapper"
  10318.    >
  10319.      <div
  10320.        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
  10321.        data-animation-role="image"
  10322.        
  10323.  
  10324.  
  10325.      >
  10326.        <div
  10327.          class="fluid-image-container sqs-image-content"
  10328.          
  10329.          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
  10330.        >
  10331.          
  10332.  
  10333.          
  10334.          
  10335.  
  10336.          
  10337.            <a
  10338.              class="sqs-block-image-link content-fit"
  10339.              href="/"
  10340.              
  10341.            >
  10342.              
  10343.            
  10344.            
  10345.            
  10346.            
  10347.            
  10348.            
  10349.            <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">
  10350.  
  10351.            
  10352.              
  10353.            
  10354.            <div class="fluidImageOverlay"></div>
  10355.          
  10356.            </a>
  10357.          
  10358.  
  10359.        </div>
  10360.      </div>
  10361.    </div>
  10362.    <style>
  10363.      .sqs-block-image .sqs-block-content {
  10364.        height: 100%;
  10365.        width: 100%;
  10366.      }
  10367.  
  10368.      
  10369.        .fe-block-yui_3_17_2_1_1659352525951_142917 .fluidImageOverlay {
  10370.          position: absolute;
  10371.          top: 0;
  10372.          left: 0;
  10373.          width: 100%;
  10374.          height: 100%;
  10375.          mix-blend-mode: normal;
  10376.          
  10377.            
  10378.            
  10379.          
  10380.          
  10381.            opacity: 0;
  10382.          
  10383.        }
  10384.      
  10385.    </style>
  10386.  
  10387.  
  10388.  
  10389.  
  10390.  
  10391.  
  10392. </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">
  10393.  
  10394. <div class="sqs-html-content">
  10395.  <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>
  10396. </div>
  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. </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">
  10423.  
  10424. <div class="sqs-html-content">
  10425.  <p class="" style="white-space:pre-wrap;"><strong>Contact Us</strong></p>
  10426. </div>
  10427.  
  10428.  
  10429.  
  10430.  
  10431.  
  10432.  
  10433.  
  10434.  
  10435.  
  10436.  
  10437.  
  10438.  
  10439.  
  10440.  
  10441.  
  10442.  
  10443.  
  10444.  
  10445.  
  10446.  
  10447.  
  10448.  
  10449.  
  10450.  
  10451.  
  10452. </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">
  10453.  
  10454. <div class="sqs-html-content">
  10455.  <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>
  10456. </div>
  10457.  
  10458.  
  10459.  
  10460.  
  10461.  
  10462.  
  10463.  
  10464.  
  10465.  
  10466.  
  10467.  
  10468.  
  10469.  
  10470.  
  10471.  
  10472.  
  10473.  
  10474.  
  10475.  
  10476.  
  10477.  
  10478.  
  10479.  
  10480.  
  10481.  
  10482. </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">
  10483.  
  10484. <div class="sqs-html-content">
  10485.  <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>
  10486. </div>
  10487.  
  10488.  
  10489.  
  10490.  
  10491.  
  10492.  
  10493.  
  10494.  
  10495.  
  10496.  
  10497.  
  10498.  
  10499.  
  10500.  
  10501.  
  10502.  
  10503.  
  10504.  
  10505.  
  10506.  
  10507.  
  10508.  
  10509.  
  10510.  
  10511.  
  10512. </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">
  10513.    <div class="sw-navigation-actions-footer">
  10514.        <a href="tel:(714) 895-5100" class="sw-navigation-actions-item">
  10515.            <div class="sw-navigation-actions-icon">&#9742;</div>
  10516.            <div>(714) 895-5100</div>
  10517.        </a>
  10518.    </div>
  10519.    <div class="sw-navigation-actions-footer">
  10520.        <a href="mailto:info@interiordoorandcloset.com" class="sw-navigation-actions-item">
  10521.            <div class="sw-navigation-actions-icon">&#9993;</div>
  10522.            <div>info@interiordoorandcloset.com</div>
  10523.        </a>
  10524.    </div>
  10525. </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">
  10526.  <p><strong>Office Hours</strong></p>
  10527.  <p>Mon-Fri: 9:00 am - 5:00 pm</p>
  10528.  <p>Saturday: 11:00 am - 3:00 pm</p>
  10529.  <p>Sunday: Closed</p>
  10530. </div></div></div></div></div></div>
  10531.    </div>
  10532.  
  10533.  </div>
  10534.  
  10535. </section>
  10536.  
  10537.  
  10538.    
  10539.    
  10540.  
  10541.  
  10542.  
  10543.  
  10544.  
  10545.  
  10546. <section
  10547.  data-test="page-section"
  10548.  
  10549.  data-section-theme="light"
  10550.  class='page-section
  10551.    
  10552.      full-bleed-section
  10553.      layout-engine-section
  10554.    
  10555.    background-width--full-bleed
  10556.    
  10557.      
  10558.        section-height--custom
  10559.      
  10560.    
  10561.    
  10562.      content-width--wide
  10563.    
  10564.    horizontal-alignment--center
  10565.    vertical-alignment--middle
  10566.    
  10567.      
  10568.    
  10569.    
  10570.    light'
  10571.  
  10572.  data-section-id="62e9166bd4c1314e4614cd65"
  10573.  
  10574.  data-controller="SectionWrapperController"
  10575.  data-current-styles="{
  10576. &quot;imageOverlayOpacity&quot;: 0.15,
  10577. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  10578. &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
  10579. &quot;customSectionHeight&quot;: 0,
  10580. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  10581. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  10582. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  10583. &quot;customContentWidth&quot;: 50,
  10584. &quot;backgroundColor&quot;: &quot;&quot;,
  10585. &quot;sectionTheme&quot;: &quot;light&quot;,
  10586. &quot;sectionAnimation&quot;: &quot;none&quot;,
  10587. &quot;backgroundMode&quot;: &quot;image&quot;
  10588. }"
  10589.  data-current-context="{
  10590. &quot;video&quot;: {
  10591. &quot;playbackSpeed&quot;: 0.5,
  10592. &quot;filter&quot;: 1,
  10593. &quot;filterStrength&quot;: 0,
  10594. &quot;zoom&quot;: 0,
  10595. &quot;videoSourceProvider&quot;: &quot;none&quot;
  10596. },
  10597. &quot;backgroundImageId&quot;: null,
  10598. &quot;backgroundMediaEffect&quot;: null,
  10599. &quot;divider&quot;: null,
  10600. &quot;typeName&quot;: &quot;page&quot;
  10601. }"
  10602.  data-animation="none"
  10603.  data-fluid-engine-section
  10604.  
  10605.  
  10606.  
  10607. >
  10608.  <div
  10609.    class="section-border"
  10610.    
  10611.  >
  10612.    <div class="section-background">
  10613.    
  10614.      
  10615.    
  10616.    </div>
  10617.  </div>
  10618.  <div
  10619.    class='content-wrapper'
  10620.    style='
  10621.      
  10622.        
  10623.          
  10624.          
  10625.          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
  10626.        
  10627.      
  10628.    '
  10629.  >
  10630.    <div
  10631.      class="content"
  10632.      
  10633.    >
  10634.      
  10635.      
  10636.      
  10637.      
  10638.      
  10639.      
  10640.      
  10641.      
  10642.      <div data-fluid-engine="true"><style>
  10643.  
  10644. .fe-62e9166cde02456d98a889e4 {
  10645.  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  10646.  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );
  10647.  
  10648.  display: grid;
  10649.  position: relative;
  10650.  grid-area: 1/1/-1/-1;
  10651.  grid-template-rows: repeat(7,minmax(24px, auto));
  10652.  grid-template-columns:
  10653.    minmax(var(--grid-gutter), 1fr)
  10654.    repeat(8, minmax(0, var(--cell-max-width)))
  10655.    minmax(var(--grid-gutter), 1fr);
  10656.  row-gap: 0.0px;
  10657.  column-gap: 0.0px;
  10658. }
  10659.  
  10660. @media (min-width: 768px) {
  10661.  .background-width--inset .fe-62e9166cde02456d98a889e4 {
  10662.    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  10663.  }
  10664.  
  10665.  .fe-62e9166cde02456d98a889e4 {
  10666.    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
  10667.    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
  10668.    --inset-padding: 0vw;
  10669.  
  10670.    --row-height-scaling-factor: 0.0215;
  10671.    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
  10672.  
  10673.    grid-template-rows: repeat(4,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
  10674.    grid-template-columns:
  10675.      minmax(var(--grid-gutter), 1fr)
  10676.      repeat(24, minmax(0, var(--cell-max-width)))
  10677.      minmax(var(--grid-gutter), 1fr);
  10678.  }
  10679. }
  10680.  
  10681.  
  10682.  .fe-block-yui_3_17_2_1_1659352525951_1507949 {
  10683.    grid-area: 2/2/5/10;
  10684.    z-index: 2;
  10685.  
  10686.    @media (max-width: 767px) {
  10687.      
  10688.    }
  10689.  }
  10690.  
  10691.  .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block {
  10692.    justify-content: center;
  10693.  }
  10694.  
  10695.  .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block-alignment-wrapper {
  10696.    align-items: center;
  10697.  }
  10698.  
  10699.  @media (min-width: 768px) {
  10700.    .fe-block-yui_3_17_2_1_1659352525951_1507949 {
  10701.      grid-area: 1/3/3/25;
  10702.      z-index: 2;
  10703.  
  10704.      
  10705.    }
  10706.  
  10707.    .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block {
  10708.      justify-content: center;
  10709.    }
  10710.  
  10711.    .fe-block-yui_3_17_2_1_1659352525951_1507949 .sqs-block-alignment-wrapper {
  10712.      align-items: center;
  10713.    }
  10714.  }
  10715.  
  10716.  .fe-block-yui_3_17_2_1_1659352525951_1492237 {
  10717.    grid-area: 6/2/8/10;
  10718.    z-index: 1;
  10719.  
  10720.    @media (max-width: 767px) {
  10721.      
  10722.    }
  10723.  }
  10724.  
  10725.  .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block {
  10726.    justify-content: flex-start;
  10727.  }
  10728.  
  10729.  .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block-alignment-wrapper {
  10730.    align-items: flex-start;
  10731.  }
  10732.  
  10733.  @media (min-width: 768px) {
  10734.    .fe-block-yui_3_17_2_1_1659352525951_1492237 {
  10735.      grid-area: 3/3/5/25;
  10736.      z-index: 1;
  10737.  
  10738.      
  10739.    }
  10740.  
  10741.    .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block {
  10742.      justify-content: center;
  10743.    }
  10744.  
  10745.    .fe-block-yui_3_17_2_1_1659352525951_1492237 .sqs-block-alignment-wrapper {
  10746.      align-items: center;
  10747.    }
  10748.  }
  10749.  
  10750. </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">
  10751.  
  10752. <div class="sqs-html-content">
  10753.  <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small">© 2025 Interior Door and Closet Company | License #908184</p>
  10754. </div>
  10755.  
  10756.  
  10757.  
  10758.  
  10759.  
  10760.  
  10761.  
  10762.  
  10763.  
  10764.  
  10765.  
  10766.  
  10767.  
  10768.  
  10769.  
  10770.  
  10771.  
  10772.  
  10773.  
  10774.  
  10775.  
  10776.  
  10777.  
  10778.  
  10779.  
  10780. </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">
  10781.  
  10782.  
  10783.  
  10784. <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" >
  10785.  <style>
  10786.    #block-yui_3_17_2_1_1659352525951_1492237 .social-icons-style-border .sqs-svg-icon--wrapper {
  10787.      
  10788.        box-shadow: 0 0 0 2px inset;
  10789.      
  10790.      border: none;
  10791.    }
  10792.  </style>
  10793.  <nav class="sqs-svg-icon--list">
  10794.    <a href="https://goo.gl/maps/GnSrfPScLQR2" target="_blank" class="sqs-svg-icon--wrapper url" aria-label="URL">
  10795.      <div>
  10796.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10797.          <use class="sqs-use--icon" xlink:href="#url-icon"></use>
  10798.          <use class="sqs-use--mask" xlink:href="#url-mask"></use>
  10799.        </svg>
  10800.      </div>
  10801.    </a><a href="https://www.facebook.com/interiordoorandcloset" target="_blank" class="sqs-svg-icon--wrapper facebook-unauth" aria-label="Facebook">
  10802.      <div>
  10803.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10804.          <use class="sqs-use--icon" xlink:href="#facebook-unauth-icon"></use>
  10805.          <use class="sqs-use--mask" xlink:href="#facebook-unauth-mask"></use>
  10806.        </svg>
  10807.      </div>
  10808.    </a><a href="https://www.pinterest.com/ocdoors/" target="_blank" class="sqs-svg-icon--wrapper pinterest-unauth" aria-label="Pinterest">
  10809.      <div>
  10810.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10811.          <use class="sqs-use--icon" xlink:href="#pinterest-unauth-icon"></use>
  10812.          <use class="sqs-use--mask" xlink:href="#pinterest-unauth-mask"></use>
  10813.        </svg>
  10814.      </div>
  10815.    </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">
  10816.      <div>
  10817.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10818.          <use class="sqs-use--icon" xlink:href="#linkedin-unauth-icon"></use>
  10819.          <use class="sqs-use--mask" xlink:href="#linkedin-unauth-mask"></use>
  10820.        </svg>
  10821.      </div>
  10822.    </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">
  10823.      <div>
  10824.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10825.          <use class="sqs-use--icon" xlink:href="#houzz-icon"></use>
  10826.          <use class="sqs-use--mask" xlink:href="#houzz-mask"></use>
  10827.        </svg>
  10828.      </div>
  10829.    </a><a href="https://www.instagram.com/ocdoorsandclosets/" target="_blank" class="sqs-svg-icon--wrapper instagram-unauth" aria-label="Instagram">
  10830.      <div>
  10831.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10832.          <use class="sqs-use--icon" xlink:href="#instagram-unauth-icon"></use>
  10833.          <use class="sqs-use--mask" xlink:href="#instagram-unauth-mask"></use>
  10834.        </svg>
  10835.      </div>
  10836.    </a><a href="https://www.youtube.com/@interiordoorandcloset" target="_blank" class="sqs-svg-icon--wrapper youtube-unauth" aria-label="YouTube">
  10837.      <div>
  10838.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10839.          <use class="sqs-use--icon" xlink:href="#youtube-unauth-icon"></use>
  10840.          <use class="sqs-use--mask" xlink:href="#youtube-unauth-mask"></use>
  10841.        </svg>
  10842.      </div>
  10843.    </a><a href="https://www.youtube.com/@interiordoorandcloset" target="_blank" class="sqs-svg-icon--wrapper youtube-unauth" aria-label="YouTube">
  10844.      <div>
  10845.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  10846.          <use class="sqs-use--icon" xlink:href="#youtube-unauth-icon"></use>
  10847.          <use class="sqs-use--mask" xlink:href="#youtube-unauth-mask"></use>
  10848.        </svg>
  10849.      </div>
  10850.    </a>
  10851.  </nav>
  10852. </div>
  10853. </div></div></div></div></div>
  10854.    </div>
  10855.  
  10856.  </div>
  10857.  
  10858. </section>
  10859.  
  10860.  
  10861. </footer>
  10862.  
  10863.      
  10864.    </div>
  10865.  
  10866.    <script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.8e655155a8561182f928a073b8a5d474.js" type="text/javascript"></script>
  10867.    <script src="//assets.squarewebsites.org/custom-tables/custom-table.js"></script>
  10868. <script>
  10869.  createTopAction();
  10870. </script>
  10871.  
  10872. <script>createBC();</script>
  10873.  
  10874. <!-- change blog headers from h1 to h2 on collections pages -->
  10875. <script>
  10876. document.querySelectorAll("h1.blog-title").forEach(header => {
  10877.  header.outerHTML = '<h2>' + header.innerHTML + '</h2>';
  10878. });
  10879. </script>
  10880.  
  10881. <style>
  10882. #footer-sections
  10883.  {
  10884.    z-index: 10;
  10885.  }
  10886. .sw-slider-container {
  10887.  width: 100%;
  10888.  height: 100%;
  10889.  position: relative;
  10890.  padding: 2rem 0;
  10891.  
  10892.  @media screen and (max-width:767px) {
  10893.    padding: 0rem;
  10894.  }
  10895. }
  10896.  
  10897. .sw-content-container {
  10898.    position: absolute;
  10899.    top: 0;
  10900.    left: 0;
  10901.    width: 50%;
  10902.    height: 100%;
  10903.    background-color: rgba(60, 60, 60);
  10904.    display: flex;
  10905.    justify-content: end;
  10906.    align-items: center;
  10907. }
  10908.  
  10909. .sw-content-box {
  10910.    display: flex;
  10911.    flex-direction: column;
  10912.    width: 100%;
  10913.    max-width: 80%;
  10914.    position: relative;
  10915.    padding-right: 5rem;
  10916.    color: white;
  10917. }
  10918. .sw-content-button-container {
  10919.  display: block;
  10920. }
  10921.  
  10922. .sw-content-contact-number {
  10923.  display: none;
  10924. }
  10925.  
  10926. .sw-content-header {
  10927.    padding-bottom: 0.75rem;
  10928.    margin-right: 6rem;
  10929.    border-bottom: 1px solid white;
  10930.    color: white !important;
  10931. }
  10932.  
  10933. .sw-content-text {
  10934.    font-size: 1rem;
  10935.    color: white;
  10936.    padding-top: 1.25rem;
  10937.    padding-bottom: 4rem;
  10938. }
  10939.  
  10940. .sw-content-button {
  10941.    background-color: rgba(58, 102, 173);
  10942.    border-radius: 2rem;
  10943.    font-size: 1rem;
  10944.    padding: 1rem 2rem;
  10945.    cursor: pointer;
  10946.    text-decoration: none;
  10947. }
  10948.  
  10949. .sw-image-container {
  10950.    position: absolute;
  10951.    overflow: hidden;
  10952.    top: 0;
  10953.    right: 0;
  10954.    width: 50%;
  10955.    height: 100%;
  10956.    background-color: whitesmoke;
  10957. }
  10958.  
  10959. .sw-image-slide {
  10960.    position: absolute;
  10961.    background-repeat: no-repeat;
  10962.    background-position: center;
  10963.    background-size: cover;
  10964.    width: 100%;
  10965.    height: 100%;
  10966. }
  10967.  
  10968. .sw-image-slide-show {
  10969.    display: block;
  10970. }
  10971.  
  10972. .sw-image-slide-hidden {
  10973.    display: none;
  10974. }
  10975.  
  10976. .sw-arrow-container {
  10977.    position: absolute;
  10978.    display: flex;
  10979.    flex-direction: row;
  10980.    bottom: 0;
  10981.    left: 50%;
  10982.    transform: translate(-50%, 0px);
  10983.    cursor: pointer;
  10984. }
  10985.  
  10986. .sw-arrow-next,
  10987. .sw-arrow-previous {
  10988.    width: 2.25rem;
  10989.    height: 2.25rem;
  10990.    font-size: 1.5rem;
  10991.    display: flex;
  10992.    justify-content: center;
  10993.    align-items: center;
  10994.    opacity: 0.75;
  10995.    cursor: pointer;
  10996. }
  10997.  
  10998. .sw-arrow-next:hover,
  10999. .sw-arrow-previous:hover {
  11000.    opacity: 1;
  11001.    transition: 0.25s;
  11002. }
  11003.  
  11004. .sw-arrow-previous {
  11005.    background-color: rgba(173, 205, 70);
  11006.    color: white;
  11007. }
  11008.  
  11009. .sw-arrow-next {
  11010.    background-color: rgb(58,102,173);
  11011.    color: white;
  11012. }
  11013.  
  11014. .sqs-svg-icon--wrapper:hover
  11015. {
  11016.  background-color: rgb(173,205,69) !important;
  11017. }
  11018.  
  11019. .sw-navigation-actions-footer,
  11020. .sw-navigation-actions-top
  11021. {
  11022.    display: flex;
  11023.    flex-direction: row;
  11024.    z-index: 1;
  11025. }
  11026.  
  11027. .sw-navigation-actions-top
  11028.  {
  11029.    color: white;
  11030.  }
  11031. .sw-navigation-actions-footer
  11032. {
  11033.  color: black;
  11034. }
  11035.  
  11036. .sw-navigation-actions-item
  11037. {
  11038.    margin-right: 4rem;
  11039.    display: flex;
  11040.    flex-direction: row;
  11041.    align-items: center;
  11042. }
  11043.  
  11044. .sw-navigation-actions-text
  11045. {
  11046.    color: white;
  11047. }
  11048.  
  11049. .sw-navigation-actions-icon
  11050. {
  11051.    border-radius: 100%;
  11052.    background-color: rgba(173, 205, 70);
  11053.    color: black;
  11054.    margin-right: 1rem;
  11055.    display: flex;
  11056.    justify-content: center;
  11057.    align-items: center;
  11058.    padding: 0.25rem;
  11059.  height: 24px;
  11060.  width: 24px;
  11061. }
  11062.  
  11063. .sw-navigation-contact-footer {
  11064.    display: flex;
  11065.    flex-direction: column;
  11066.    line-height: 2.5rem;
  11067. }
  11068.  
  11069. .sw-gallery-page-container {
  11070.    display: flex;
  11071.    column-gap: 0.5rem;
  11072.    justify-content: end;
  11073. }
  11074.  
  11075. .sw-gallery-page-item {
  11076.    display: flex;
  11077.    align-items: center;
  11078.    border: 1px solid rgba(60, 60, 60, 0.25);
  11079.    padding: 0 0.75rem;
  11080.    cursor: pointer;
  11081. }
  11082.  
  11083. .sw-gallery-page-filler {
  11084.    display: flex;
  11085.    align-items: center;
  11086.    padding: 0 0.75rem;
  11087. }
  11088.  
  11089. .sw-gallery-page-item-active {
  11090.    border-color : rgba(60, 60, 60, 1);
  11091. }
  11092.  
  11093. .sw-gallery-image-label
  11094. {
  11095.    position: absolute;
  11096.    bottom: 0;
  11097.    left: 0;
  11098.    width: 100%;
  11099.    background-color: rgba(0,0,0,0.5);
  11100.    color: white;
  11101.    text-align: center;
  11102.    cursor: pointer;
  11103.    text-shadow: 2px 2px #000000;
  11104.    font-size: 0.8rem;
  11105. }
  11106.  
  11107. .sw-gallery-image-number
  11108. {
  11109.    position: absolute;
  11110.    top: 0;
  11111.    left: 0;
  11112.    width: 100%;
  11113.    background-color: rgba(0,0,0,0.5);
  11114.    color: white;
  11115.    text-align: center;
  11116.    cursor: pointer;
  11117.    text-shadow: 2px 2px #000000;
  11118.    font-size: 0.8rem;
  11119. }
  11120.  
  11121. .sw-gallery-lightbox-label
  11122. {
  11123.  position: absolute;
  11124.  bottom: 0;
  11125.  left: 0;
  11126.  width: 100%;
  11127.  background-color: rgba(0,0,0,0.5);
  11128.  color: white;
  11129.  text-align: center;
  11130.  text-shadow: 2px 2px #000000;
  11131.  font-size: 2rem;
  11132. }
  11133.  
  11134.  
  11135. /* Put animations here.... */
  11136. /* in animation */
  11137. .sw-fade-in-slide {
  11138.    animation-name: sw-fade-in-slide;
  11139.    animation-duration: 1s;
  11140.    animation-fill-mode: forwards;
  11141. }
  11142.  
  11143. .sw-right-to-left-in-slide-left {
  11144.    animation-name: sw-right-to-left-in-slide-left;
  11145.    animation-duration: 0.75s;
  11146.    animation-fill-mode: forwards;
  11147. }
  11148.  
  11149. .sw-right-to-left-in-slide-right {
  11150.    animation-name: sw-right-to-left-in-slide-right;
  11151.    animation-duration: 0.75s;
  11152.    animation-fill-mode: forwards;
  11153. }
  11154.  
  11155. .sw-slide-blur-in {
  11156.    animation-name: sw-slide-blur-in;
  11157.    animation-duration: 0.75s;
  11158.    animation-timing-function: ease-out;
  11159.    animation-fill-mode: forwards;
  11160. }
  11161.  
  11162. /* out animation */
  11163. .sw-fade-out-slide {
  11164.    animation-name: sw-fade-out-slide;
  11165.    animation-duration: 1s;
  11166.    animation-fill-mode: forwards;
  11167. }
  11168.  
  11169. .sw-right-to-left-out-slide-left {
  11170.    animation-name: sw-right-to-left-out-slide-left;
  11171.    animation-duration: 0.75s;
  11172.    animation-fill-mode: forwards;
  11173. }
  11174.  
  11175. .sw-right-to-left-out-slide-right {
  11176.    animation-name: sw-right-to-left-out-slide-right;
  11177.    animation-duration: 0.75s;
  11178.    animation-fill-mode: forwards;
  11179. }
  11180.  
  11181. .sw-slide-blur-out {
  11182.    animation-name: sw-slide-blur-out;
  11183.    animation-duration: 0.75s;
  11184.    animation-timing-function: ease-out;
  11185.    animation-fill-mode: forwards;
  11186. }
  11187.  
  11188. .slide-up-content {
  11189.    animation-name: slide-up-content;
  11190.    animation-delay: 0.6s;
  11191.    animation-duration: 1s;
  11192.    animation-fill-mode: forwards;
  11193. }
  11194.  
  11195. /* Keyframes for in animation */
  11196. @keyframes sw-fade-in-slide {
  11197.    from {
  11198.        opacity: .4;
  11199.        visibility: visible;
  11200.    }
  11201.  
  11202.    to {
  11203.        opacity: 1;
  11204.        visibility: visible;
  11205.    }
  11206. }
  11207.  
  11208. @keyframes sw-right-to-left-in-slide-left {
  11209.    from {
  11210.        left: 100%;
  11211.    }
  11212.  
  11213.    to {
  11214.        left: 0%;
  11215.    }
  11216. }
  11217.  
  11218. @keyframes sw-right-to-left-in-slide-right {
  11219.    from {
  11220.        left: -100%;
  11221.    }
  11222.  
  11223.    to {
  11224.        left: 0%;
  11225.    }
  11226. }
  11227.  
  11228. @keyframes sw-slide-blur-in {
  11229.    0% {
  11230.        top: 100%;
  11231.        height: 0%;
  11232.        filter: blur(10px);
  11233.    }
  11234.  
  11235.    75% {
  11236.        height: 100%;
  11237.        filter: blur(5px);
  11238.    }
  11239.  
  11240.    100% {
  11241.        top: 0;
  11242.        /* display: block; */
  11243.    }
  11244. }
  11245.  
  11246. /* */
  11247.  
  11248.  
  11249. /* Keyframes for out animation */
  11250. @keyframes sw-fade-out-slide {
  11251.    0% {
  11252.        opacity: 1;
  11253.        visibility: visible;
  11254.    }
  11255.  
  11256.    50% {
  11257.        opacity: 0.5;
  11258.    }
  11259.  
  11260.    100% {
  11261.        opacity: 0;
  11262.        visibility: hidden;
  11263.    }
  11264. }
  11265.  
  11266. @keyframes sw-right-to-left-out-slide-left {
  11267.    from {
  11268.        left: 0%;
  11269.    }
  11270.  
  11271.    to {
  11272.        left: -100%;
  11273.    }
  11274. }
  11275.  
  11276. @keyframes sw-right-to-left-out-slide-right {
  11277.    from {
  11278.        left: 0%;
  11279.    }
  11280.  
  11281.    to {
  11282.        left: 100%;
  11283.    }
  11284. }
  11285.  
  11286. @keyframes sw-slide-blur-out {
  11287.    0% {
  11288.        top: 0;
  11289.        height: 100%;
  11290.        filter: blur(0px);
  11291.        opacity: 0.5;
  11292.    }
  11293.  
  11294.    /* 50% {
  11295.        height: 25%;
  11296.        filter: blur(10px);
  11297.    } */
  11298.    100% {
  11299.        height: 0%;
  11300.        opacity: 0;
  11301.    }
  11302. }
  11303.  
  11304. /* */
  11305.  
  11306. @keyframes slide-up-content {
  11307.    0% {
  11308.        opacity: 0;
  11309.        -ms-transform: translateY(25%);
  11310.        transform: translateY(25%);
  11311.    }
  11312.  
  11313.    20% {
  11314.        opacity: 0.1;
  11315.    }
  11316.  
  11317.    50% {
  11318.        opacity: 0.5;
  11319.    }
  11320.  
  11321.    100% {
  11322.        opacity: 1;
  11323.        -ms-transform: translateY(0%);
  11324.        transform: translateY(0%);
  11325.    }
  11326. }
  11327.  
  11328. /* mobile */
  11329. @media screen and (max-width:767px) {
  11330.  .sw-arrow-container,
  11331.  .sw-image-container
  11332.  {
  11333.    display: none;
  11334.  }
  11335.  
  11336.  .sw-content-container {
  11337.    width: 100%;
  11338.  }
  11339.  
  11340.  .sw-content-box {
  11341.    padding-right: 3rem;
  11342.    width: 100%;
  11343.  }
  11344.  
  11345.  .sw-content-header {
  11346.    margin-right: 1rem;
  11347.  }
  11348.  .sw-content-button-container {
  11349.    display: flex;
  11350.    align-items: center;
  11351.    justify-content: center;
  11352.  }
  11353.  
  11354.  .sw-content-contact-number {
  11355.    display: block;
  11356.    padding-top: 4rem;
  11357.    text-align: center;
  11358.    text-decoration: underline;
  11359.  }
  11360. }
  11361. </style>
  11362.  
  11363. <!-- Google Tag Manager (noscript) -->
  11364. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K6TQXN"
  11365. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  11366. <!-- 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>
  11367.  
  11368.  </body>
  11369. </html>
  11370.  

Home · About · News · Docs · Terms

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