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

Source: https://www.interiordoorandcloset.com

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

Home · About · News · Docs · Terms

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