<!DOCTYPE html>
<html lang="en-US" class="loading-site no-js">
<head>
	<meta charset="UTF-8" />
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<link rel="pingback" href="https://modularhomedirect.com/xmlrpc.php" />

	<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<!-- This site is optimized with the Yoast SEO Premium plugin v25.5 (Yoast SEO v25.5) - https://yoast.com/wordpress/plugins/seo/ -->
	<title>Modular &amp; Container Homes | Prefab, Prebuilt Solutions | MHD</title>
	<meta name="description" content="Design your modular or container home with Modular Home Direct—prefab solutions, transparent pricing, quick assembly, and nationwide delivery." />
	<link rel="canonical" href="https://modularhomedirect.com/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Home" />
	<meta property="og:description" content="Design your modular or container home with Modular Home Direct—prefab solutions, transparent pricing, quick assembly, and nationwide delivery." />
	<meta property="og:url" content="https://modularhomedirect.com/" />
	<meta property="og:site_name" content="Modular Home Direct" />
	<meta property="article:publisher" content="https://www.facebook.com/ModularHomeDirect/" />
	<meta property="article:modified_time" content="2025-06-30T18:09:58+00:00" />
	<meta property="og:image" content="https://modularhomedirect.com/wp-content/uploads/2016/08/dummy-1.jpg" />
	<meta property="og:image:width" content="400" />
	<meta property="og:image:height" content="260" />
	<meta property="og:image:type" content="image/jpeg" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:site" content="@modularhomedir" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://modularhomedirect.com/","url":"https://modularhomedirect.com/","name":"Modular & Container Homes | Prefab, Prebuilt Solutions | MHD","isPartOf":{"@id":"https://modularhomedirect.com/#website"},"about":{"@id":"https://modularhomedirect.com/#organization"},"primaryImageOfPage":{"@id":"https://modularhomedirect.com/#primaryimage"},"image":{"@id":"https://modularhomedirect.com/#primaryimage"},"thumbnailUrl":"https://modularhomedirect.com/wp-content/uploads/2016/08/dummy-1.jpg","datePublished":"2013-08-06T20:13:19+00:00","dateModified":"2025-06-30T18:09:58+00:00","description":"Design your modular or container home with Modular Home Direct—prefab solutions, transparent pricing, quick assembly, and nationwide delivery.","breadcrumb":{"@id":"https://modularhomedirect.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://modularhomedirect.com/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://modularhomedirect.com/#primaryimage","url":"https://modularhomedirect.com/wp-content/uploads/2016/08/dummy-1.jpg","contentUrl":"https://modularhomedirect.com/wp-content/uploads/2016/08/dummy-1.jpg","width":400,"height":260},{"@type":"BreadcrumbList","@id":"https://modularhomedirect.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://modularhomedirect.com/#website","url":"https://modularhomedirect.com/","name":"MHD","description":"","publisher":{"@id":"https://modularhomedirect.com/#organization"},"alternateName":"Modular Home Direct","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://modularhomedirect.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Organization","Place"],"@id":"https://modularhomedirect.com/#organization","name":"Modular Home Direct","alternateName":"MHD","url":"https://modularhomedirect.com/","logo":{"@id":"https://modularhomedirect.com/#local-main-organization-logo"},"image":{"@id":"https://modularhomedirect.com/#local-main-organization-logo"},"sameAs":["https://www.facebook.com/ModularHomeDirect/","https://x.com/modularhomedir","https://www.instagram.com/modularhomedirect/","https://www.tiktok.com/@modularhomedirect","https://www.youtube.com/@ModularHomeDirect"],"hasMerchantReturnPolicy":{"@type":"MerchantReturnPolicy","merchantReturnLink":"https://modularhomedirect.com/faq/"},"address":{"@id":"https://modularhomedirect.com/#local-main-place-address"},"geo":{"@type":"GeoCoordinates","latitude":"40.71009480000001","longitude":"-111.8980799"},"telephone":["8014774224"],"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],"opens":"09:00","closes":"17:00"}],"email":"support@modularhomedirect.com","areaServed":"Nationwide"},{"@type":"PostalAddress","@id":"https://modularhomedirect.com/#local-main-place-address","streetAddress":"220 W 2855 S","addressLocality":"South Salt Lake","postalCode":"84115","addressRegion":"Utah","addressCountry":"US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://modularhomedirect.com/#local-main-organization-logo","url":"https://modularhomedirect.com/wp-content/uploads/2025/01/LOGO_5000x5000_4-copy-e1745600998901.png","contentUrl":"https://modularhomedirect.com/wp-content/uploads/2025/01/LOGO_5000x5000_4-copy-e1745600998901.png","width":500,"height":213,"caption":"Modular Home Direct"}]}</script>
	<meta name="google-site-verification" content="GMug2nJkFCC18x5VSOlMyDKrG0fYCYz2FgNveh44S1I" />
	<meta name="geo.placename" content="South Salt Lake" />
	<meta name="geo.position" content="40.71009480000001;-111.8980799" />
	<meta name="geo.region" content="United States (US)" />
	<!-- / Yoast SEO Premium plugin. -->


<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel='dns-prefetch' href='//code.jquery.com' />
<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />
<link rel='prefetch' href='https://modularhomedirect.com/wp-content/themes/flatsome/assets/js/flatsome.js?ver=e1ad26bd5672989785e1' />
<link rel='prefetch' href='https://modularhomedirect.com/wp-content/themes/flatsome/assets/js/chunk.slider.js?ver=3.19.14' />
<link rel='prefetch' href='https://modularhomedirect.com/wp-content/themes/flatsome/assets/js/chunk.popups.js?ver=3.19.14' />
<link rel='prefetch' href='https://modularhomedirect.com/wp-content/themes/flatsome/assets/js/chunk.tooltips.js?ver=3.19.14' />
<link rel='prefetch' href='https://modularhomedirect.com/wp-content/themes/flatsome/assets/js/woocommerce.js?ver=dd6035ce106022a74757' />
<style>
      #banner-2098795851{position:relative;padding-top:777px;overflow:hidden;}
      #banner-2098795851 .banner-bg{position:absolute;inset:0;}
      #banner-2098795851 .banner-bg img{width:100%;height:100%;object-fit:cover;object-position:58% 63%;position:absolute;inset:0;z-index:1;}
      #banner-2098795851 .banner-bg .overlay{background:rgba(0,0,0,0.02);position:absolute;inset:0;z-index:2;}
      #text-box-1491225448{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:3;}
      #text-box-1491225448 .text-box-content h1{font-weight:300;font-size:2.5em;color:#fff;opacity:0.7;margin:10px;text-align:center;background:rgba(0,0,0,0.5);display:inline-block;width:100%;padding:0;}
    </style>
<style id='wp-block-library-inline-css' type='text/css'>
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
</style>
<link rel='stylesheet' id='dpcms-public-styles-css' href='https://modularhomedirect.com/wp-content/plugins/deluxe-wp-contracts-mhd/css/dpcms-public-styles.css?ver=1745790945' type='text/css' media='all' />
<link rel='stylesheet' id='prefix-jquery-ui-css-css' href='https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css?ver=6.8.2' type='text/css' media='all' />
<link rel='stylesheet' id='dashicons-css' href='https://modularhomedirect.com/wp-includes/css/dashicons.min.css?ver=6.8.2' type='text/css' media='all' />
<link rel='stylesheet' id='slicewp-style-css' href='https://modularhomedirect.com/wp-content/plugins/slicewp/assets/css/style-front-end.css?ver=1.1.34' type='text/css' media='all' />
<style id='woocommerce-inline-inline-css' type='text/css'>
.woocommerce form .form-row .required { visibility: visible; }
</style>
<link rel='stylesheet' id='brands-styles-css' href='https://modularhomedirect.com/wp-content/plugins/woocommerce/assets/css/brands.css?ver=10.0.2' type='text/css' media='all' />
<link rel='stylesheet' id='flatsome-child-css' href='https://modularhomedirect.com/wp-content/themes/flatsome-child/style.css?ver=3.0' type='text/css' media='all' />
<link rel='stylesheet' id='mytheme-store-notice-styles-css' href='https://modularhomedirect.com/wp-content/themes/flatsome-child/css/store-notice.css?ver=1.0' type='text/css' media='all' />
<link rel='stylesheet' id='sv-wc-payment-gateway-payment-form-v5_10_4-css' href='https://modularhomedirect.com/wp-content/plugins/woocommerce-gateway-bank-of-america-8-1/vendor/skyverge/wc-plugin-framework/woocommerce/payment-gateway/assets/css/frontend/sv-wc-payment-gateway-payment-form.min.css?ver=5.10.4' type='text/css' media='all' />
<link rel='stylesheet' id='wc-cybersource-css' href='https://modularhomedirect.com/wp-content/plugins/woocommerce-gateway-bank-of-america-8-1/vendor/skyverge/woocommerce-gateway-cybersource/assets/css/frontend/wc-cybersource.min.css?ver=2.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='flatsome-swatches-frontend-css' href='https://modularhomedirect.com/wp-content/themes/flatsome/assets/css/extensions/flatsome-swatches-frontend.css?ver=3.19.14' type='text/css' media='all' />
<link rel='stylesheet' id='flatsome-main-css' href='https://modularhomedirect.com/wp-content/themes/flatsome/assets/css/flatsome.css?ver=3.19.14' type='text/css' media='all' />
<style id='flatsome-main-inline-css' type='text/css'>
@font-face {
				font-family: "fl-icons";
				font-display: block;
				src: url(https://modularhomedirect.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot?v=3.19.14);
				src:
					url(https://modularhomedirect.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot#iefix?v=3.19.14) format("embedded-opentype"),
					url(https://modularhomedirect.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2?v=3.19.14) format("woff2"),
					url(https://modularhomedirect.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.ttf?v=3.19.14) format("truetype"),
					url(https://modularhomedirect.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff?v=3.19.14) format("woff"),
					url(https://modularhomedirect.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.svg?v=3.19.14#fl-icons) format("svg");
			}
</style>
<link rel='stylesheet' id='flatsome-shop-css' href='https://modularhomedirect.com/wp-content/themes/flatsome/assets/css/flatsome-shop.css?ver=3.19.14' type='text/css' media='all' />
<link rel='stylesheet' id='flatsome-style-css' href='https://modularhomedirect.com/wp-content/themes/flatsome-child/style.css?ver=3.0' type='text/css' media='all' />
<script type="text/javascript" id="asenha-public-js-extra">
/* <![CDATA[ */
var phpVars = {"externalPermalinksEnabled":"1"};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/plugins/admin-site-enhancements-pro/assets/js/external-permalinks.js?ver=7.8.17" id="asenha-public-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.10.0.2" id="jquery-blockui-js" data-wp-strategy="defer"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.10.0.2" id="js-cookie-js" data-wp-strategy="defer"></script>
<script type="text/javascript" id="slicewp-script-tracking-js-before">
/* <![CDATA[ */
var slicewp_ajaxurl = "https:\/\/modularhomedirect.com\/wp-admin\/admin-ajax.php";
var slicewp = {"ajaxurl":"https:\/\/modularhomedirect.com\/wp-admin\/admin-ajax.php","cookie_duration":120,"affiliate_credit":"first","affiliate_keyword":"a","predefined_date_ranges":{"past_7_days":"Past 7 days","past_30_days":"Past 30 days","week_to_date":"Week to date","month_to_date":"Month to date","year_to_date":"Year to date","last_week":"Last week","last_month":"Last month","last_year":"Last year"},"settings":{"active_currency":"USD","currency_symbol_position":"before","currency_thousands_separator":",","currency_decimal_separator":"."}};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/plugins/slicewp/assets/js/script-trk.js?ver=1.1.34" id="slicewp-script-tracking-js"></script>

<!-- Google tag (gtag.js) snippet added by Site Kit -->

<!-- Google Ads snippet added by Site Kit -->

<!-- Google Analytics snippet added by Site Kit -->
<script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=GT-WRGB458" id="google_gtagjs-js" async></script>
<script type="text/javascript" id="google_gtagjs-js-after">
/* <![CDATA[ */
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("set","linker",{"domains":["modularhomedirect.com"]});
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "GT-WRGB458", {"googlesitekit_post_type":"page"});
gtag("config", "AW-11353488839");
 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 
/* ]]> */
</script>

<!-- End Google tag (gtag.js) snippet added by Site Kit -->
        <style type="text/css">
            .mhd-custom-flex {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    flex-direction: column;
}

.mhd-custom-h3 {
 	margin-top: 0.5em; 
}        </style>
        <meta name="generator" content="Site Kit by Google 1.157.0" /><!-- Google site verification - Google for WooCommerce -->
<meta name="google-site-verification" content="GMug2nJkFCC18x5VSOlMyDKrG0fYCYz2FgNveh44S1I" />
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $('div.cart-checkout-nav').remove();
            $('div.cart-checkout-nav').after('<h2>Checkout</h2>');
        });
    </script>
    <style>
        .description_tab { display: none !important; }
        #tab-description h2 { display: none; }
    </style><style>section.no-results.not-found{display:none!important;}</style><style>em.user-id.op-5{display:none!important;}</style>	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
	<link rel="icon" href="https://modularhomedirect.com/wp-content/uploads/2025/01/cropped-logo_mhd_no_slogan-32x32.png" sizes="32x32" />
<link rel="icon" href="https://modularhomedirect.com/wp-content/uploads/2025/01/cropped-logo_mhd_no_slogan-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://modularhomedirect.com/wp-content/uploads/2025/01/cropped-logo_mhd_no_slogan-180x180.png" />
<meta name="msapplication-TileImage" content="https://modularhomedirect.com/wp-content/uploads/2025/01/cropped-logo_mhd_no_slogan-270x270.png" />
<style id="custom-css" type="text/css">:root {--primary-color: #446084;--fs-color-primary: #446084;--fs-color-secondary: #d26e4b;--fs-color-success: #7a9c59;--fs-color-alert: #b20000;--fs-experimental-link-color: #334862;--fs-experimental-link-color-hover: #111;}.tooltipster-base {--tooltip-color: #fff;--tooltip-bg-color: #000;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 300px;}.off-canvas .mfp-content.off-canvas-cart {--drawer-width: 360px;}.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 1630px}.row.row-collapse{max-width: 1600px}.row.row-small{max-width: 1622.5px}.row.row-large{max-width: 1660px}.header-main{height: 157px}#logo img{max-height: 157px}#logo{width:200px;}.header-bottom{min-height: 10px}.header-top{min-height: 20px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 120px;}.header.show-on-scroll,.stuck .header-main{height:149px!important}.stuck #logo img{max-height: 149px!important}.search-form{ width: 35%;}.header-bg-color {background-color: rgba(255,255,255,0.9)}.header-bottom {background-color: #f1f1f1}.top-bar-nav > li > a{line-height: 16px }.header-main .nav > li > a{line-height: 16px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}.header-top{background-color:rgba(0,102,191,0.65)!important;}body{font-size: 100%;}body{font-family: Lato, sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: Lato, sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: Lato, sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 700;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: Lato, sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: "Dancing Script", sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}.header:not(.transparent) .header-nav-main.nav > li > a {color: #000000;}.header:not(.transparent) .header-nav-main.nav > li > a:hover,.header:not(.transparent) .header-nav-main.nav > li.active > a,.header:not(.transparent) .header-nav-main.nav > li.current > a,.header:not(.transparent) .header-nav-main.nav > li > a.active,.header:not(.transparent) .header-nav-main.nav > li > a.current{color: #1e73be;}.header-nav-main.nav-line-bottom > li > a:before,.header-nav-main.nav-line-grow > li > a:before,.header-nav-main.nav-line > li > a:before,.header-nav-main.nav-box > li > a:hover,.header-nav-main.nav-box > li.active > a,.header-nav-main.nav-pills > li > a:hover,.header-nav-main.nav-pills > li.active > a{color:#FFF!important;background-color: #1e73be;}.shop-page-title.featured-title .title-overlay{background-color: #ffffff;}.has-equal-box-heights .box-image {padding-top: 100%;}@media screen and (min-width: 550px){.products .box-vertical .box-image{min-width: 247px!important;width: 247px!important;}}.footer-1{background-color: #3868a0}.absolute-footer, html{background-color: #ffffff}.page-title-small + main .product-container > .row{padding-top:0;}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}/* Custom CSS */h1.elementor-heading-title.elementor-size-default,p.elementor-heading-title.elementor-size-default,h3.alt-font {background-color: rgba(128, 128, 128, 0.5) !important; /* Grey background with 50% opacity */margin: 0; /* Removes any default margin */padding: 0;/* Removes any default padding */text-align: center;/* Optional: centers the text */border-radius: 0;/* No rounded corners */}/* Add SKU Above Title */.custom-model-number {font-size: 18px;/* Increase the font size */font-weight: bold;/* Make the text bold */color: #666666; /* Set the text color to a popular grey */margin-bottom: 15px;/* Add some space below the text */text-transform: uppercase;/* Uppercase for a clean look */letter-spacing: 1px;/* Add some letter spacing */}/* Change Add-To-Cart / Start Process button */.round-blue-button {background-color: #007bff;/* Blue */color: #ffffff; /* White text */border: none; /* No border */border-radius: 30px;/* Rounded shape */padding: 10px 20px; /* Padding */font-size: 16px;/* Font size */cursor: pointer;/* Pointer on hover */text-align: center; /* Center text */display: inline-block;/* Keep spacing inline */transition: background-color 0.3s; /* Smooth hover effect */}.round-blue-button:hover { background-color: #0056b3; }/* Alternative rounded button */.start-process-button {background-color: #1e73be;color: #ffffff;padding: 10px 20px;border-radius: 30px;text-decoration: none;font-size: 16px;font-weight: bold;display: inline-block;text-align: center;transition: background-color 0.3s;cursor: pointer;}.start-process-button:hover { background-color: #165a8f; }/* Hide “Home” text but keep icon centered */#menu-item-287 .nav-top-link {font-size: 0;/* Hide text */display: flex;align-items: center; /* Center icon vertically */justify-content: center; /* Center icon horizontally */}/* Keep the icon visible */#menu-item-287 .ux-menu-icon {font-size: initial;width: 30px;height: 30px;}/* Active state – transparent background */#menu-item-287.active .nav-top-link { background-color: transparent !important; }/* Center the entire list item */#menu-item-287 {display: flex;justify-content: center;align-items: center;}/* Force a single line */.single-line { white-space: nowrap; }/* Change product prices to green */.price-wrapper .price { color: green; }/* Hide affiliate ID box */div.sld-ap-info-box.sld-ap-mr20 { display: none !important; }/* * NOTE: * The previous selectors using :has() and :contains() were removed * because :contains() is not valid CSS and :has() has limited browser * support. Implement the “Hide Elizabeth Connally redundant orders” * logic with JavaScript or by adding server-side classes/data attributes. *//* Preload fonts */@font-face {font-family: 'Lato';src: url(/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');font-weight: 400;font-style: normal;font-display: swap;}@font-face {font-family: 'Dancing Script';src: url(/wp-content/fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup8.woff2) format('woff2');font-weight: 400;font-style: normal;font-display: swap;}/*Short description 'Delivery' style*/.gpe-delivery-note {color: #c33223;}/* Custom CSS Mobile */@media (max-width: 549px){/*Hide top header on mobile */div#top-bar.header-top.hide-for-sticky.nav-dark.flex-has-center {display: none !important;}}.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}</style>		<style type="text/css" id="wp-custom-css">
			/* Breadcrumb Container with Horizontal Layout */
.woocommerce-breadcrumb {
    display: flex; /* Flex layout for a more horizontal design */
    justify-content: center; /* Center the content */
    align-items: center; /* Vertically align the text and lines */
    font-family: 'Playfair Display', serif; /* Elegant font */
    font-size: 28px; /* Slightly larger font size */
    font-weight: bold;
    text-align: center;
    position: relative;
    padding: 10px 0;
    color: #333; /* Sophisticated dark grey */
    
    background-color: #f8f8f8;
    border-radius: 10px; /* Smooth, rounded edges */
    margin: 30px auto;
    width: 90%; /* Full width but still with some margins */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Slight shadow for depth */
}

/* Horizontal Lines on Both Sides of the Title */
.woocommerce-breadcrumb::before,
.woocommerce-breadcrumb::after {
    content: '';
    flex-grow: 1; /* Allow lines to grow and fill horizontal space */
    height: 2px;
    background-color: #999; /* Neutral grey for the lines */
    margin: 0 20px; /* Spacing between text and lines */
}

/* Enhance the Breadcrumb Text Styling */
.woocommerce-breadcrumb span {
    font-size: 30px; /* Larger font size for emphasis */
    color: #000; /* Pure black for a bolder look */
    padding: 0 10px; /* Add space between text and lines */
    letter-spacing: 2px; /* Slight letter spacing */
    font-family: 'Lora', serif; /* Elegant serif font for plans section */
}

/* Hover Effect for the Text and Lines */
.woocommerce-breadcrumb:hover span {
    color: #007acc; /* Change text color on hover for interaction */
    transition: color 0.3s ease; /* Smooth transition */
}

.woocommerce-breadcrumb:hover::before,
.woocommerce-breadcrumb:hover::after {
    background-color: #007acc; /* Line color change on hover */
    transition: background-color 0.3s ease; /* Smooth transition */
}

/* Custom Options Page */
/* Desktop */
@media only screen and (min-width: 769px) {
  body.page-id-26733 .banner {
    height: 80px;
  }
	
}

/* Mobile */
@media only screen and (max-width: 768px) {
 body.page-id-26733 .section .section-content .img .img-inner {
    margin: 0 !important;
  }
	
	body.page-id-26733 .banner .banner-inner .banner-layers .text-box {
		width: 80% !important;
	}
}

@media only screen and (max-width: 600px) {
	body.page-id-26733 .banner .banner-inner .banner-layers .text-box {
		width: 95% !important;
	}
	
	body.page-id-26733 .banner .banner-inner .banner-layers .text-box .text-box-content .text-inner .uppercase {
		font-size: 17px;
	}
}		</style>
		<style id="flatsome-swatches-css">.variations th,.variations td {display: block;}.variations .label {display: flex;align-items: center;}.variations .label label {margin: .5em 0;}.ux-swatch-selected-value {font-weight: normal;font-size: .9em;}.variations_form .ux-swatch.selected {box-shadow: 0 0 0 2px var(--fs-color-secondary);}.ux-swatches-in-loop .ux-swatch.selected {box-shadow: 0 0 0 2px var(--fs-color-secondary);}</style><style id="kirki-inline-styles">/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://modularhomedirect.com/wp-content/fonts/lato/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://modularhomedirect.com/wp-content/fonts/lato/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://modularhomedirect.com/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://modularhomedirect.com/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* vietnamese */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://modularhomedirect.com/wp-content/fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Rep8ltA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://modularhomedirect.com/wp-content/fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3ROp8ltA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://modularhomedirect.com/wp-content/fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}</style>
		<!-- Global site tag (gtag.js) - Google Ads: AW-11353488839 - Google for WooCommerce -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=AW-11353488839"></script>
		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag() { dataLayer.push(arguments); }
			gtag( 'consent', 'default', {
				analytics_storage: 'denied',
				ad_storage: 'denied',
				ad_user_data: 'denied',
				ad_personalization: 'denied',
				region: ['AT', 'BE', 'BG', 'HR', 'CY', 'CZ', 'DK', 'EE', 'FI', 'FR', 'DE', 'GR', 'HU', 'IS', 'IE', 'IT', 'LV', 'LI', 'LT', 'LU', 'MT', 'NL', 'NO', 'PL', 'PT', 'RO', 'SK', 'SI', 'ES', 'SE', 'GB', 'CH'],
				wait_for_update: 500,
			} );
			gtag('js', new Date());
			gtag('set', 'developer_id.dOGY3NW', true);
			gtag("config", "AW-11353488839", { "groups": "GLA", "send_page_view": false });		</script>

		<noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript></head>

<body class="home wp-singular page-template page-template-page-blank page-template-page-blank-php page page-id-99 wp-theme-flatsome wp-child-theme-flatsome-child theme-flatsome woocommerce-no-js full-width lightbox nav-dropdown-has-arrow nav-dropdown-has-shadow nav-dropdown-has-border">

<script type="text/javascript">
/* <![CDATA[ */
gtag("event", "page_view", {send_to: "GLA"});
/* ]]> */
</script>

<a class="skip-link screen-reader-text" href="#main">Skip to content</a>

<div id="wrapper">

	
	<header id="header" class="header has-sticky sticky-jump">
		<div class="header-wrapper">
			<div id="top-bar" class="header-top hide-for-sticky nav-dark flex-has-center">
    <div class="flex-row container">
      <div class="flex-col hide-for-medium flex-left">
          <ul class="nav nav-left medium-nav-center nav-small  nav-divided">
              <li class="html custom html_nav_position_text"><big><a href="https://modularhomedirect.com/affiliates/" class="link-with-icon" style="color: white; text-decoration: none;"><big><span class="icon">  </span></big><b><span>  Refer Us & Earn Money</span></b></a></big></li>          </ul>
      </div>

      <div class="flex-col hide-for-medium flex-center">
          <ul class="nav nav-center nav-small  nav-divided">
              <li class="header-contact-wrapper">
		<ul id="header-contact" class="nav nav-divided nav-uppercase header-contact">
					<li class="">
			  <a target="_blank" rel="noopener" href="https://maps.google.com/?q=220 W 2855 S, Salt Lake City, UT 84115" title="220 W 2855 S, Salt Lake City, UT 84115" class="tooltip">
			  	 <i class="icon-map-pin-fill" style="font-size:16px;" ></i>			     <span>
			     	220 W 2855 S, Salt Lake City, UT 84115			     </span>
			  </a>
			</li>
			
			
						<li class="">
			  <a href="#" onclick="event.preventDefault()" class="tooltip" title="9:00am - 6:00pm Mon-Fri ">
			  	   <i class="icon-clock" style="font-size:16px;" ></i>			        <span>9:00am - 6:00pm Mon-Fri</span>
			  </a>
			 </li>
			
						<li class="">
			  <a href="tel:801-477-4224" class="tooltip" title="801-477-4224">
			     <i class="icon-phone" style="font-size:16px;" ></i>			      <span>801-477-4224</span>
			  </a>
			</li>
			
				</ul>
</li>
          </ul>
      </div>

      <div class="flex-col hide-for-medium flex-right">
         <ul class="nav top-bar-nav nav-right nav-small  nav-divided">
              <li class="html header-button-1">
	<div class="header-button">
		<a href="https://modularhomedirect.com/about-us/" class="button plain is-link"  style="border-radius:99px;">
		<span>about us</span>
	<i class="icon-star" aria-hidden="true" ></i></a>
	</div>
</li>
<li class="header-divider"></li><li class="html header-social-icons ml-0">
	<div class="social-icons follow-icons" ><a href="https://www.facebook.com/ModularHomeDirect/" target="_blank" data-label="Facebook" class="icon primary button circle facebook tooltip" title="Follow on Facebook" aria-label="Follow on Facebook" rel="noopener nofollow" ><i class="icon-facebook" ></i></a><a href="https://www.instagram.com/modularhomedirect/" target="_blank" data-label="Instagram" class="icon primary button circle instagram tooltip" title="Follow on Instagram" aria-label="Follow on Instagram" rel="noopener nofollow" ><i class="icon-instagram" ></i></a><a href="https://www.tiktok.com/@modularhomedirect" target="_blank" data-label="TikTok" class="icon primary button circle tiktok tooltip" title="Follow on TikTok" aria-label="Follow on TikTok" rel="noopener nofollow" ><i class="icon-tiktok" ></i></a><a href="https://x.com/modularhomedir" data-label="X" target="_blank" class="icon primary button circle x tooltip" title="Follow on X" aria-label="Follow on X" rel="noopener nofollow" ><i class="icon-x" ></i></a><a href="https://www.youtube.com/@ModularHomeDirect" data-label="YouTube" target="_blank" class="icon primary button circle youtube tooltip" title="Follow on YouTube" aria-label="Follow on YouTube" rel="noopener nofollow" ><i class="icon-youtube" ></i></a></div></li>
          </ul>
      </div>

            <div class="flex-col show-for-medium flex-grow">
          <ul class="nav nav-center nav-small mobile-nav  nav-divided">
              <li class="header-contact-wrapper">
		<ul id="header-contact" class="nav nav-divided nav-uppercase header-contact">
					<li class="">
			  <a target="_blank" rel="noopener" href="https://maps.google.com/?q=220 W 2855 S, Salt Lake City, UT 84115" title="220 W 2855 S, Salt Lake City, UT 84115" class="tooltip">
			  	 <i class="icon-map-pin-fill" style="font-size:16px;" ></i>			     <span>
			     	220 W 2855 S, Salt Lake City, UT 84115			     </span>
			  </a>
			</li>
			
			
						<li class="">
			  <a href="#" onclick="event.preventDefault()" class="tooltip" title="9:00am - 6:00pm Mon-Fri ">
			  	   <i class="icon-clock" style="font-size:16px;" ></i>			        <span>9:00am - 6:00pm Mon-Fri</span>
			  </a>
			 </li>
			
						<li class="">
			  <a href="tel:801-477-4224" class="tooltip" title="801-477-4224">
			     <i class="icon-phone" style="font-size:16px;" ></i>			      <span>801-477-4224</span>
			  </a>
			</li>
			
				</ul>
</li>

<li class="account-item has-icon" >

	<a href="https://modularhomedirect.com/my-account/" class="nav-top-link nav-top-not-logged-in is-small is-small" title="Login" >
					<span>
			Login / Register			</span>
				</a>




</li>
<li class="html header-button-1">
	<div class="header-button">
		<a href="https://modularhomedirect.com/about-us/" class="button plain is-link"  style="border-radius:99px;">
		<span>about us</span>
	<i class="icon-star" aria-hidden="true" ></i></a>
	</div>
</li>
<li class="header-divider"></li>          </ul>
      </div>
      
    </div>
</div>
<div id="masthead" class="header-main show-logo-center">
      <div class="header-inner flex-row container logo-center medium-logo-center" role="navigation">

          <!-- Logo -->
          <div id="logo" class="flex-col logo">
            
<!-- Header logo -->
<a href="https://modularhomedirect.com/" title="Modular Home Direct" rel="home">
		<img width="1020" height="538" src="https://modularhomedirect.com/wp-content/uploads/2025/01/LOGO_5000x5000_4-copy-2048x1081-1-2-1400x739.webp" class="header_logo header-logo" alt="Modular Home Direct"/><img  width="500" height="250" src="https://modularhomedirect.com/wp-content/uploads/2025/04/MHD-Logo-600x316-1-e1745600935317.webp" class="header-logo-dark" alt="Modular Home Direct"/></a>
          </div>

          <!-- Mobile Left Elements -->
          <div class="flex-col show-for-medium flex-left">
            <ul class="mobile-nav nav nav-left ">
              <li class="nav-icon has-icon">
  		<a href="#" data-open="#main-menu" data-pos="left" data-bg="main-menu-overlay" data-color="" class="is-small" aria-label="Menu" aria-controls="main-menu" aria-expanded="false">

		  <i class="icon-menu" ></i>
		  		</a>
	</li>
            </ul>
          </div>

          <!-- Left Elements -->
          <div class="flex-col hide-for-medium flex-left
            ">
            <ul class="header-nav header-nav-main nav nav-left  nav-line-bottom nav-size-large nav-uppercase" >
              <li id="menu-item-287" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-99 current_page_item menu-item-287 active menu-item-design-default has-icon-left"><a href="https://modularhomedirect.com/" aria-current="page" class="nav-top-link"><img class="ux-menu-icon" width="20" height="20" src="https://modularhomedirect.com/wp-content/uploads/2024/10/home_icon_01.svg" alt="" />Home</a></li>
<li id="menu-item-26392" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26392 menu-item-design-default"><a href="https://modularhomedirect.com/models-and-floor-plans/" class="nav-top-link">Modular Home Models &amp; Floor Plans</a></li>
<li id="menu-item-26740" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26740 menu-item-design-default"><a href="https://modularhomedirect.com/custom-options/" class="nav-top-link">Custom Options</a></li>
<li id="menu-item-310" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-310 menu-item-design-default"><a href="https://modularhomedirect.com/faq/" class="nav-top-link">FAQ</a></li>
<li id="menu-item-26872" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26872 menu-item-design-default"><a href="https://modularhomedirect.com/learn-more-steel-frame-modular-homes/" class="nav-top-link">Learn More</a></li>
<li id="menu-item-267" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-267 menu-item-design-default"><a href="https://modularhomedirect.com/contact/" class="nav-top-link">Contact Us</a></li>
            </ul>
          </div>

          <!-- Right Elements -->
          <div class="flex-col hide-for-medium flex-right">
            <ul class="header-nav header-nav-main nav nav-right  nav-line-bottom nav-size-large nav-uppercase">
              <li class="header-search-form search-form html relative has-icon">
	<div class="header-search-form-wrapper">
		<div class="searchform-wrapper ux-search-box relative form-flat is-normal"><form role="search" method="get" class="searchform" action="https://modularhomedirect.com/">
	<div class="flex-row relative">
						<div class="flex-col flex-grow">
			<label class="screen-reader-text" for="woocommerce-product-search-field-0">Search for:</label>
			<input type="search" id="woocommerce-product-search-field-0" class="search-field mb-0" placeholder="Search&hellip;" value="" name="s" />
			<input type="hidden" name="post_type" value="product" />
					</div>
		<div class="flex-col">
			<button type="submit" value="Search" class="ux-search-submit submit-button secondary button  icon mb-0" aria-label="Submit">
				<i class="icon-search" ></i>			</button>
		</div>
	</div>
	<div class="live-search-results text-left z-top"></div>
</form>
</div>	</div>
</li>

<li class="account-item has-icon" >

	<a href="https://modularhomedirect.com/my-account/" class="nav-top-link nav-top-not-logged-in is-small is-small" title="Login" >
					<span>
			Login / Register			</span>
				</a>




</li>
<li class="header-divider"></li><li>
	<div class="cart-checkout-button header-button">
		<a href="https://modularhomedirect.com/checkout/" class=" button cart-checkout secondary is-small circle">
			<span class="hide-for-small">Checkout</span>
			<span class="show-for-small">+</span>
		</a>
	</div>
</li>
            </ul>
          </div>

          <!-- Mobile Right Elements -->
          <div class="flex-col show-for-medium flex-right">
            <ul class="mobile-nav nav nav-right ">
                          </ul>
          </div>

      </div>

      </div>

<div class="header-bg-container fill"><div class="header-bg-image fill"></div><div class="header-bg-color fill"></div></div>		</div>
	</header>

	
	<main id="main" class="">


<div id="content" role="main" class="content-area">

		
			

  <div class="banner has-hover has-video" id="banner-710783488">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <img fetchpriority="high" decoding="async" width="1000" height="650" src="https://modularhomedirect.com/wp-content/uploads/2016/08/dummy-2.jpg" class="bg attachment-large size-large" alt="" />            	<div class="video-overlay no-click fill visible"></div>
	<video class="video-bg fill visible" preload playsinline autoplay muted loop>
		<source src="https://modularhomedirect.com/steel-frame-modular-home-choice-homepage-banner/" type="video/mp4">	</video>
            <div class="overlay"></div>            
                    </div>
			<div class="ux-shape-divider ux-shape-divider--top ux-shape-divider--style-curve-opacity">
		<svg viewBox="0 0 1000 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
		<path class="ux-shape-fill" opacity="0.15" d="M0 14C0 14 88.64 17.48 300 50C560 90 814 77 1003 40L1015 68L1018 104H0V14Z"/>
		<path class="ux-shape-fill" opacity="0.3" d="M0 45C0 45 271 90.13 500 77C657 68 830 30 1015 14V100H0V45Z"/>
		<path class="ux-shape-fill" d="M0 58C0 58 188.29 90 508 90C798 90 1002 55 1002 55V100H0V58Z"/>
</svg>
	</div>

        <div class="banner-layers container">
            <div class="fill banner-link"></div>            

   <div id="text-box-1667616592" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text">
                     <div data-animate="fadeInUp">           <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  

<div style="position: relative; display: inline-block; width: 100%; text-align: center; background: rgba(0, 0, 0, 0.5); padding: 0px;">
<h1 style="font-weight: 300; font-size: 2.5em; color: #fff; opacity: 0.7; margin: 10;">Custom Affordable <br />Modular Prefab Homes</h1>
</div>
<div class="is-divider divider clearfix" ></div>

<h3 class="alt-font" data-opacity="0.5">Turning Dreams into Homes</h3>

              </div>
           </div>
       </div>                     
<style>
#text-box-1667616592 {
  width: 100%;
}
#text-box-1667616592 .text-box-content {
  font-size: 100%;
}
@media (min-width:550px) {
  #text-box-1667616592 {
    width: 57%;
  }
}
</style>
    </div>
 

        </div>
      </div>

            
<style>
#banner-710783488 {
  padding-top: 777px;
}
#banner-710783488 .overlay {
  background-color: rgba(0, 0, 0, 0.02);
}
#banner-710783488 .banner-bg img {
  object-position: 58% 63%;
}
#banner-710783488 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
</style>
  </div>



  <div class="banner has-hover" id="banner-1622748741">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
                                                
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            

   <div id="text-box-1966720209" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  

	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1907612688">
								<div class="img-inner dark" >
			<img decoding="async" width="485" height="91" src="https://modularhomedirect.com/wp-content/uploads/2025/01/Screenshot-2025-01-12-221119-e1736748378204.png" class="attachment-2048x2048 size-2048x2048" alt="" />						
					</div>
								
<style>
#image_1907612688 {
  width: 100%;
}
@media (min-width:550px) {
  #image_1907612688 {
    width: 58%;
  }
}
</style>
	</div>
	


              </div>
           </div>
                            
<style>
#text-box-1966720209 {
  width: 60%;
}
#text-box-1966720209 .text-box-content {
  font-size: 100%;
}
</style>
    </div>
 

        </div>
      </div>

            
<style>
#banner-1622748741 {
  padding-top: 50px;
  background-color: #ffffff;
}
@media (min-width:550px) {
  #banner-1622748741 {
    padding-top: 98px;
  }
}
@media (min-width:850px) {
  #banner-1622748741 {
    padding-top: 116px;
  }
}
</style>
  </div>



  <div class="banner has-hover" id="banner-840764810">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
                                                
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            

   <div id="text-box-642286089" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  

	<div id="text-3826687452" class="text">
		

<p><span style="font-size: 110%;"><em>We offer custom modular homes crafted by our expert design team. Our competitive prices ensure you get the most value out of your project. With countless options and upgrades, we customize your home to reflect your unique style and preferences.</em></span></p>
<p class="thin-font"><span style="font-size: 110%;"><em>We work closely with you to design the perfect home, making as many adjustments as needed until it matches your vision. Leveraging our extensive experience in the modular home industry, we can assist you with securing the necessary engineering, obtaining building permits, and connecting with the right subcontractors to bring your dream home to life.</em></span></p>
		
<style>
#text-3826687452 {
  font-size: 0.75rem;
  color: #ffffff;
}
#text-3826687452 > * {
  color: #ffffff;
}
@media (min-width:550px) {
  #text-3826687452 {
    font-size: 1rem;
  }
}
</style>
	</div>
	

              </div>
           </div>
                            
<style>
#text-box-642286089 {
  width: 96%;
}
#text-box-642286089 .text-box-content {
  font-size: 100%;
}
@media (min-width:550px) {
  #text-box-642286089 {
    width: 78%;
  }
}
</style>
    </div>
 

        </div>
      </div>

            
<style>
#banner-840764810 {
  padding-top: 293px;
  background-color: #495f83;
}
@media (min-width:850px) {
  #banner-840764810 {
    padding-top: 183px;
  }
}
</style>
  </div>



	<section class="section dark" id="section_1208315421">
		<div class="section-bg fill" >
									
			

		</div>

		

		<div class="section-content relative">
			

<div class="row row-large" style="max-width:1300px" id="row-1308094356">


	<div id="col-2011733832" class="col medium-3 small-12 large-3"  >
				<div class="col-inner text-left"  >
			
			


		<div class="icon-box featured-box icon-box-top text-left"  >
					<div class="icon-box-img" style="width: 68px">
				<div class="icon">
					<div class="icon-inner" >
						<img decoding="async" width="200" height="200" src="https://modularhomedirect.com/wp-content/uploads/2024/10/b1.png" class="attachment-medium size-medium" alt="" srcset="https://modularhomedirect.com/wp-content/uploads/2024/10/b1.png 200w, https://modularhomedirect.com/wp-content/uploads/2024/10/b1-100x100.png 100w" sizes="(max-width: 200px) 100vw, 200px" />					</div>
				</div>
			</div>
				<div class="icon-box-text last-reset">
									

	<div id="text-2388149398" class="text">
		

<h3 class="uppercase">customization</h3>
<p>Create your dream home with fully customizable plans, premium materials, and a wide range of personalized options designed to bring your vision to life.</p>
		
<style>
#text-2388149398 {
  text-align: left;
}
</style>
	</div>
	

		</div>
	</div>
	
	

		</div>
					</div>

	

	<div id="col-314564012" class="col medium-3 small-12 large-3"  >
				<div class="col-inner text-left"  >
			
			


		<div class="icon-box featured-box icon-box-top text-left"  >
					<div class="icon-box-img" style="width: 68px">
				<div class="icon">
					<div class="icon-inner" >
						<img decoding="async" width="200" height="200" src="https://modularhomedirect.com/wp-content/uploads/2024/10/b2.png" class="attachment-medium size-medium" alt="" srcset="https://modularhomedirect.com/wp-content/uploads/2024/10/b2.png 200w, https://modularhomedirect.com/wp-content/uploads/2024/10/b2-100x100.png 100w" sizes="(max-width: 200px) 100vw, 200px" />					</div>
				</div>
			</div>
				<div class="icon-box-text last-reset">
									

	<div id="text-446601818" class="text">
		

<h3 class="uppercase">affordability</h3>
<p>Enjoy the most competitive pricing in the industry, giving you unmatched value without sacrificing quality.</p>
		
<style>
#text-446601818 {
  text-align: left;
}
</style>
	</div>
	

		</div>
	</div>
	
	

		</div>
					</div>

	

	<div id="col-2085198107" class="col medium-3 small-12 large-3"  >
				<div class="col-inner text-left"  >
			
			


		<div class="icon-box featured-box icon-box-top text-left"  >
					<div class="icon-box-img" style="width: 68px">
				<div class="icon">
					<div class="icon-inner" >
						<img decoding="async" width="200" height="200" src="https://modularhomedirect.com/wp-content/uploads/2024/10/b3.png" class="attachment-medium size-medium" alt="" srcset="https://modularhomedirect.com/wp-content/uploads/2024/10/b3.png 200w, https://modularhomedirect.com/wp-content/uploads/2024/10/b3-100x100.png 100w" sizes="(max-width: 200px) 100vw, 200px" />					</div>
				</div>
			</div>
				<div class="icon-box-text last-reset">
									

	<div id="text-599063371" class="text">
		

<h3 class="uppercase">financing</h3>
<p>We provide a variety of flexible financing options tailored to fit your needs, making your homeownership journey more accessible and convenient.</p>
		
<style>
#text-599063371 {
  text-align: left;
}
</style>
	</div>
	

		</div>
	</div>
	
	

		</div>
					</div>

	

	<div id="col-1624971868" class="col medium-3 small-12 large-3"  >
				<div class="col-inner text-left"  >
			
			


		<div class="icon-box featured-box icon-box-top text-left"  >
					<div class="icon-box-img" style="width: 68px">
				<div class="icon">
					<div class="icon-inner" >
						<img decoding="async" width="200" height="200" src="https://modularhomedirect.com/wp-content/uploads/2024/10/b4.png" class="attachment-medium size-medium" alt="" srcset="https://modularhomedirect.com/wp-content/uploads/2024/10/b4.png 200w, https://modularhomedirect.com/wp-content/uploads/2024/10/b4-100x100.png 100w" sizes="(max-width: 200px) 100vw, 200px" />					</div>
				</div>
			</div>
				<div class="icon-box-text last-reset">
									

	<div id="text-4119903165" class="text">
		

<h3 class="uppercase">blueprints</h3>
<p>Get custom blueprints designed to meet your specific city codes, ensuring your home is fully compliant and tailored to local requirements.</p>
		
<style>
#text-4119903165 {
  text-align: left;
}
</style>
	</div>
	

		</div>
	</div>
	
	

		</div>
					</div>

	

</div>

		</div>

		
<style>
#section_1208315421 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #55a2dc;
}
</style>
	</section>
	

	<section class="section" id="section_1229122061">
		<div class="section-bg fill" >
									
			

		</div>

		

		<div class="section-content relative">
			

<div class="row" style="max-width:1300px" id="row-728326085">


	<div id="col-349605418" class="col small-12 large-12"  >
				<div class="col-inner"  >
			
			

	<div id="text-3642739593" class="text">
		

<h6><span data-text-color="primary">our different types of homes</span></h6>
		
<style>
#text-3642739593 {
  text-align: center;
}
</style>
	</div>
	
	<div id="text-2778638766" class="text">
		

<h2><span data-text-color="primary">Browse Our Home Styles</span></h2>
		
<style>
#text-2778638766 {
  font-size: 1.5rem;
  text-align: center;
}
</style>
	</div>
	

		</div>
					</div>

	

</div>
<div class="row row-full-width align-middle align-center"  id="row-513360452">


	<div id="col-991896192" class="col medium-3 small-6 large-3"  >
				<div class="col-inner"  >
			
			

	<div class="box has-hover   has-hover box-text-bottom" >

		<div class="box-image" >
			<a href="https://modularhomedirect.com/product-category/steel-frame-modular-homes/" >			<div class="image-zoom" >
				<img decoding="async" width="1000" height="688" src="https://modularhomedirect.com/wp-content/uploads/2024/10/45.png" class="attachment- size-" alt="" srcset="https://modularhomedirect.com/wp-content/uploads/2024/10/45.png 1000w, https://modularhomedirect.com/wp-content/uploads/2024/10/45-510x351.png 510w, https://modularhomedirect.com/wp-content/uploads/2024/10/45-581x400.png 581w, https://modularhomedirect.com/wp-content/uploads/2024/10/45-768x528.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" />											</div>
			</a>		</div>

		<div class="box-text text-center" >
			<div class="box-text-inner">
				

<h4> <a href="https://modularhomedirect.com/product-category/steel-frame-modular-homes/">Steel Frame Modular Home</a> </h4>
<p><b></p>
<p>Fully Customizable</p>
<p></b></p>

			</div>
		</div>
	</div>
	

		</div>
					</div>

	

	<div id="col-1118089182" class="col medium-3 small-6 large-3"  >
				<div class="col-inner"  >
			
			

	<div class="box has-hover   has-hover box-text-bottom" >

		<div class="box-image" >
			<a href="https://modularhomedirect.com/product-category/container-homes/" >			<div class="image-zoom" >
				<img decoding="async" width="1000" height="688" src="https://modularhomedirect.com/wp-content/uploads/2024/10/598.png" class="attachment- size-" alt="" srcset="https://modularhomedirect.com/wp-content/uploads/2024/10/598.png 1000w, https://modularhomedirect.com/wp-content/uploads/2024/10/598-510x351.png 510w, https://modularhomedirect.com/wp-content/uploads/2024/10/598-581x400.png 581w, https://modularhomedirect.com/wp-content/uploads/2024/10/598-768x528.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" />											</div>
			</a>		</div>

		<div class="box-text text-center" >
			<div class="box-text-inner">
				

<h4><a href="https://modularhomedirect.com/product-category/container-homes/">Container Modular Homes</a><br />
</h4>
<p><b></p>
<p>Sleek &amp; Cost Effective</p>
<p></b></p>

			</div>
		</div>
	</div>
	

		</div>
					</div>

	

	<div id="col-1328688776" class="col medium-3 small-6 large-3"  >
				<div class="col-inner"  >
			
			

	<div class="box has-hover   has-hover box-text-bottom" >

		<div class="box-image" >
			<a href="https://modularhomedirect.com/product-category/expandable-homes/" >			<div class="image-zoom" >
				<img decoding="async" width="1000" height="688" src="https://modularhomedirect.com/wp-content/uploads/2024/10/Untitled-1040-x-688-px.png" class="attachment-large size-large" alt="" srcset="https://modularhomedirect.com/wp-content/uploads/2024/10/Untitled-1040-x-688-px.png 1000w, https://modularhomedirect.com/wp-content/uploads/2024/10/Untitled-1040-x-688-px-510x351.png 510w, https://modularhomedirect.com/wp-content/uploads/2024/10/Untitled-1040-x-688-px-581x400.png 581w, https://modularhomedirect.com/wp-content/uploads/2024/10/Untitled-1040-x-688-px-768x528.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" />											</div>
			</a>		</div>

		<div class="box-text text-center" >
			<div class="box-text-inner">
				

<h4><a href="https://modularhomedirect.com/product-category/expandable-homes/">Expandable Homes</a><br />
</h4>
<p><b></p>
<p>Same-Day Assembly</p>
<p></b></p>

			</div>
		</div>
	</div>
	

		</div>
					</div>

	

	<div id="col-1851490659" class="col medium-3 small-6 large-3"  >
				<div class="col-inner"  >
			
			

	<div class="box has-hover   has-hover box-text-bottom" >

		<div class="box-image" >
			<a href="https://modularhomedirect.com/product/capsule-home-100-assembled-home/" >			<div class="image-zoom" >
				<img decoding="async" width="1000" height="688" src="https://modularhomedirect.com/wp-content/uploads/2024/10/Untitled-1040-x-688-px-1.png" class="attachment-large size-large" alt="" srcset="https://modularhomedirect.com/wp-content/uploads/2024/10/Untitled-1040-x-688-px-1.png 1000w, https://modularhomedirect.com/wp-content/uploads/2024/10/Untitled-1040-x-688-px-1-510x351.png 510w, https://modularhomedirect.com/wp-content/uploads/2024/10/Untitled-1040-x-688-px-1-581x400.png 581w, https://modularhomedirect.com/wp-content/uploads/2024/10/Untitled-1040-x-688-px-1-768x528.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" />											</div>
			</a>		</div>

		<div class="box-text text-center" >
			<div class="box-text-inner">
				

<h4><a href="https://modularhomedirect.com/product/capsule-home-100-assembled-home/">Capsule Home</a><br />
</h4>
<p><b></p>
<p>Modern &amp; Fully Assembled</p>
<p></b></p>

			</div>
		</div>
	</div>
	

		</div>
					</div>

	

</div>
<div class="row row-collapse" style="max-width:1300px" id="row-1209232035">


	<div id="col-1688476943" class="col small-12 large-12"  >
				<div class="col-inner text-center"  >
			
			

<a href="https://modularhomedirect.com/models-and-floor-plans/" class="button primary"  style="border-radius:10px;padding:5px 30px 5px 30px;">
		<span>See all homes</span>
	<i class="icon-angle-right" aria-hidden="true" ></i></a>



		</div>
					</div>

	

</div>

		</div>

		
<style>
#section_1229122061 {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width:850px) {
  #section_1229122061 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
</style>
	</section>
	

	<section class="section" id="section_184323215">
		<div class="section-bg fill" >
									<div class="effect-sliding-glass bg-effect fill no-click"></div>
			

		</div>

		

		<div class="section-content relative">
			

<div class="row" style="max-width:1300px" id="row-2028564954">


	<div id="col-1207117988" class="col small-12 large-12"  >
				<div class="col-inner text-center"  >
			
			

  <div id="page-header-176804908" class="page-header-wrapper">
  <div class="page-title light featured-title box-shadow-2">

        <div class="page-title-bg">
      <div class="title-bg fill bg-fill"
        data-parallax-container=".page-title"
        data-parallax-background
        data-parallax="-">
      </div>
      <div class="title-overlay fill"></div>
    </div>
    
    <div class="page-title-inner container align-center text-center flex-row-col medium-flex-wrap" >
              <div class="title-wrapper uppercase flex-col">
          <h1 class="entry-title mb-0">
            The 9 Step Process          </h1>
        </div>
                    <div class="title-content flex-col">
        <ul class="nav sm-touch-scroll nav-line nav-uppercase text-center nav-center"><li class="nav-single-page hidden"></li></ul>      </div>
    </div>

     
<style>
#page-header-176804908 .title-bg {
  background-image: var(--wpr-bg-d7365fcc-3361-4406-ab02-ea9ed4fed858);
}
#page-header-176804908 .title-overlay {
  background-color: #d5ecf8;
}
#page-header-176804908 .featured-title {
  background-color: rgb(255,255,255);
}
</style>
  </div>
    </div>
  

	<div id="gap-915190381" class="gap-element clearfix" style="display:block; height:auto;">
		
<style>
#gap-915190381 {
  padding-top: 30px;
}
</style>
	</div>
	

	<div id="text-3323040689" class="text">
		

<h3>1. Initial Consultation <br />2. Design &amp; Planning <br />3. Choosing Home Options <br />4. Finding a Contractor<br />5. Starting Production<br />6. Preparing the Foundation<br />7. Delivery<br />8. Assembly &amp; Construction<br />9. Move In &amp; Enjoy<br /><br /></h3>
		
<style>
#text-3323040689 {
  font-size: 1.1rem;
  text-align: center;
  color: #ffffff;
}
#text-3323040689 > * {
  color: #ffffff;
}
</style>
	</div>
	

		</div>
				
<style>
#col-1207117988 > .col-inner {
  padding: 20px 0px 50px 0px;
}
</style>
	</div>

	

</div>

		</div>

		
<style>
#section_184323215 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #78a5d3;
}
</style>
	</section>
	

	<section class="section" id="section_1275345136">
		<div class="section-bg fill" >
									
			

		</div>

		

		<div class="section-content relative">
			

<div class="row align-middle" style="max-width:1300px" id="row-174639647">


	<div id="col-1104110784" class="col medium-12 small-12 large-7"  >
				<div class="col-inner"  >
			
			


  <div class="banner has-hover" id="banner-1000246805">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
            <img decoding="async" width="800" height="800" src="https://modularhomedirect.com/wp-content/uploads/2024/10/DALL·E-2024-10-14-01.38.04-A-scene-showing-a-young-attractive-female-teacher-and-an-adult-learner-outside-standing-in-front-of-a-modern-modular-home.-The-teacher-is-explaining-800x800.png" class="bg attachment-large size-large" alt="" />                        <div class="overlay"></div>            
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            


        </div>
      </div>

            
<style>
#banner-1000246805 {
  padding-top: 300px;
  background-color: rgb(255, 255, 255);
}
#banner-1000246805 .overlay {
  background-color: rgba(111, 166, 212, 0.25);
}
#banner-1000246805 .banner-bg img {
  object-position: 86% 0%;
}
@media (min-width:550px) {
  #banner-1000246805 {
    padding-top: 390px;
  }
}
</style>
  </div>



		</div>
					</div>

	

	<div id="col-1336594087" class="col medium-11 small-12 large-5"  >
				<div class="col-inner"  >
			
			

	<div id="text-3096415366" class="text">
		

<h2><span data-text-color="primary">New to Modular Homes? You&#8217;re in the Right Place!</span></h2>
		
<style>
#text-3096415366 {
  font-size: 1.5rem;
  line-height: 2.25;
}
</style>
	</div>
	
<p>If you&#8217;re feeling uncertain about selecting a design, let us help! We have the expertise to guide you through this important decision, making the process as smooth and enjoyable as possible.</p>
<a href="https://modularhomedirect.com/contact/" class="button primary"  style="border-radius:10px;padding:5px 30px 5px 30px;">
		<span>Contact Us</span>
	<i class="icon-angle-right" aria-hidden="true" ></i></a>



		</div>
				
<style>
#col-1336594087 > .col-inner {
  padding: 0px 0px 0px 0;
}
@media (min-width:550px) {
  #col-1336594087 > .col-inner {
    padding: 0px 0px 0px 0;
  }
}
@media (min-width:850px) {
  #col-1336594087 > .col-inner {
    padding: 0px 50px 0px 50px;
  }
}
</style>
	</div>

	

</div>

		</div>

		
<style>
#section_1275345136 {
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (min-width:850px) {
  #section_1275345136 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
</style>
	</section>
	

	<section class="section dark" id="section_282188102">
		<div class="section-bg fill" >
									
			

		</div>

		

		<div class="section-content relative">
			

	<div id="text-2603877706" class="text">
		

<h6>Get in touch </h6>
		
<style>
#text-2603877706 {
  font-size: 3.2rem;
  text-align: center;
}
</style>
	</div>
	
	<div id="text-3734237118" class="text">
		

<h2> </h2>
<p><iframe src="https://crm.modularhomedirect.com/forms/wtl/a1a6ab44dd21f35e369873adaf6784ee" width="600" height="1050" frameborder="0" sandbox="allow-top-navigation allow-forms allow-scripts allow-same-origin allow-popups" allowfullscreen="allowfullscreen"></iframe></p>
		
<style>
#text-3734237118 {
  font-size: 1.5rem;
  text-align: center;
}
</style>
	</div>
	

		</div>

		
<style>
#section_282188102 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #6fa6d4;
}
</style>
	</section>
	


			
		
</div>



</main>

<footer id="footer" class="footer-wrapper">

	
<!-- FOOTER 1 -->

<!-- FOOTER 2 -->



<div class="absolute-footer light medium-text-center small-text-center">
  <div class="container clearfix">

    
    <div class="footer-primary pull-left">
            <div class="copyright-footer">
        Copyright 2025 © <strong>Modular Home Direct</strong>      </div>
          </div>
  </div>
</div>

<a href="#top" class="back-to-top button icon invert plain fixed bottom z-1 is-outline hide-for-medium circle" id="top-link" aria-label="Go to top"><i class="icon-angle-up" ></i></a>

</footer>

</div>

    <script>
      window.Tawk_API=window.Tawk_API||{};
      window.Tawk_API.onLoad=function(){
        if(typeof window.Tawk_API.hideWidget==='function'){
          window.Tawk_API.hideWidget();
        }
      };
    </script>
    <div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide">

	
	<div class="sidebar-menu no-scrollbar ">

		
					<ul class="nav nav-sidebar nav-vertical nav-uppercase" data-tab="1">
				<li class="header-search-form search-form html relative has-icon">
	<div class="header-search-form-wrapper">
		<div class="searchform-wrapper ux-search-box relative form-flat is-normal"><form role="search" method="get" class="searchform" action="https://modularhomedirect.com/">
	<div class="flex-row relative">
						<div class="flex-col flex-grow">
			<label class="screen-reader-text" for="woocommerce-product-search-field-1">Search for:</label>
			<input type="search" id="woocommerce-product-search-field-1" class="search-field mb-0" placeholder="Search&hellip;" value="" name="s" />
			<input type="hidden" name="post_type" value="product" />
					</div>
		<div class="flex-col">
			<button type="submit" value="Search" class="ux-search-submit submit-button secondary button  icon mb-0" aria-label="Submit">
				<i class="icon-search" ></i>			</button>
		</div>
	</div>
	<div class="live-search-results text-left z-top"></div>
</form>
</div>	</div>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-99 current_page_item menu-item-287 has-icon-left"><a href="https://modularhomedirect.com/" aria-current="page"><img class="ux-sidebar-menu-icon" width="20" height="20" src="https://modularhomedirect.com/wp-content/uploads/2024/10/home_icon_01.svg" alt="" />Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26392"><a href="https://modularhomedirect.com/models-and-floor-plans/">Modular Home Models &amp; Floor Plans</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26740"><a href="https://modularhomedirect.com/custom-options/">Custom Options</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-310"><a href="https://modularhomedirect.com/faq/">FAQ</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26872"><a href="https://modularhomedirect.com/learn-more-steel-frame-modular-homes/">Learn More</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-267"><a href="https://modularhomedirect.com/contact/">Contact Us</a></li>

<li class="account-item has-icon menu-item">
			<a href="https://modularhomedirect.com/my-account/" class="nav-top-link nav-top-not-logged-in" title="Login" >
			<span class="header-account-title">
				Login / Register			</span>
		</a>
	
	</li>
<li>
	<div class="cart-checkout-button header-button">
		<a href="https://modularhomedirect.com/checkout/" class=" button cart-checkout secondary is-small circle">
			<span class="hide-for-small">Checkout</span>
			<span class="show-for-small">+</span>
		</a>
	</div>
</li>
<li class="html header-social-icons ml-0">
	<div class="social-icons follow-icons" ><a href="https://www.facebook.com/ModularHomeDirect/" target="_blank" data-label="Facebook" class="icon primary button circle facebook tooltip" title="Follow on Facebook" aria-label="Follow on Facebook" rel="noopener nofollow" ><i class="icon-facebook" ></i></a><a href="https://www.instagram.com/modularhomedirect/" target="_blank" data-label="Instagram" class="icon primary button circle instagram tooltip" title="Follow on Instagram" aria-label="Follow on Instagram" rel="noopener nofollow" ><i class="icon-instagram" ></i></a><a href="https://www.tiktok.com/@modularhomedirect" target="_blank" data-label="TikTok" class="icon primary button circle tiktok tooltip" title="Follow on TikTok" aria-label="Follow on TikTok" rel="noopener nofollow" ><i class="icon-tiktok" ></i></a><a href="https://x.com/modularhomedir" data-label="X" target="_blank" class="icon primary button circle x tooltip" title="Follow on X" aria-label="Follow on X" rel="noopener nofollow" ><i class="icon-x" ></i></a><a href="https://www.youtube.com/@ModularHomeDirect" data-label="YouTube" target="_blank" class="icon primary button circle youtube tooltip" title="Follow on YouTube" aria-label="Follow on YouTube" rel="noopener nofollow" ><i class="icon-youtube" ></i></a></div></li>
			</ul>
		
		
	</div>

	
</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/flatsome-child\/*","\/wp-content\/themes\/flatsome\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            // Check if the #payment-form exists
            if ($('#payment-form').length) {
                var formSubmitted = false; // Create a flag to track form submission

                $('#payment-form').on('submit', function (e) {
                    var $submitButton = $('#continue_to_checkout_button');

                    // Prevent multiple submissions
                    if (formSubmitted) {
                        e.preventDefault(); // Prevent form from submitting again
                        return false;
                    }

                    formSubmitted = true; // Mark the form as submitted

                    if ($submitButton.length) {
                        // Instead of disabling, hide the button to prevent multiple submissions
                        $submitButton.hide();

                        // Optionally, you can show a message or change the button text
                        $('<span>Processing...</span>').insertAfter($submitButton);
                    }

                    return true; // Allow the form to be submitted
                });
            }
        });
    </script>
    
<!--Start of Tawk.to Script (0.9.2)-->
<script id="tawk-script" type="text/javascript">
var Tawk_API = Tawk_API || {};
var Tawk_LoadStart=new Date();
(function(){
	var s1 = document.createElement( 'script' ),s0=document.getElementsByTagName( 'script' )[0];
	s1.async = true;
	s1.src = 'https://embed.tawk.to/64026b344247f20fefe3dc6f/1gqkn5hiv';
	s1.charset = 'UTF-8';
	s1.setAttribute( 'crossorigin','*' );
	s0.parentNode.insertBefore( s1, s0 );
})();
</script>
<!--End of Tawk.to Script (0.9.2)-->

    <script type="text/javascript">
    jQuery(function($) {
        // For AJAX "Add to Cart"
        $(document.body).on('added_to_cart', function() {
            window.location.href = "https://modularhomedirect.com/checkout/";
        });
        // Fallback for non-AJAX "Add to Cart"
        $('.single_add_to_cart_button').click(function() {
            setTimeout(function() {
                window.location.href = "https://modularhomedirect.com/checkout/";
            }, 2000);
        });
    });
    </script>
    	<script type='text/javascript'>
		(function () {
			var c = document.body.className;
			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
			document.body.className = c;
		})();
	</script>
	
		<script type="text/html" id="tmpl-media-frame">
		<div class="media-frame-title" id="media-frame-title"></div>
		<h2 class="media-frame-menu-heading">Actions</h2>
		<button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false">
			Menu			<span class="dashicons dashicons-arrow-down" aria-hidden="true"></span>
		</button>
		<div class="media-frame-menu"></div>
		<div class="media-frame-tab-panel">
			<div class="media-frame-router"></div>
			<div class="media-frame-content"></div>
		</div>
		<h2 class="media-frame-actions-heading screen-reader-text">
		Selected media actions		</h2>
		<div class="media-frame-toolbar"></div>
		<div class="media-frame-uploader"></div>
	</script>

		<script type="text/html" id="tmpl-media-modal">
		<div tabindex="0" class="media-modal wp-core-ui" role="dialog" aria-labelledby="media-frame-title">
			<# if ( data.hasCloseButton ) { #>
				<button type="button" class="media-modal-close"><span class="media-modal-icon"><span class="screen-reader-text">
					Close dialog				</span></span></button>
			<# } #>
			<div class="media-modal-content" role="document"></div>
		</div>
		<div class="media-modal-backdrop"></div>
	</script>

		<script type="text/html" id="tmpl-uploader-window">
		<div class="uploader-window-content">
			<div class="uploader-editor-title">Drop files to upload</div>
		</div>
	</script>

		<script type="text/html" id="tmpl-uploader-editor">
		<div class="uploader-editor-content">
			<div class="uploader-editor-title">Drop files to upload</div>
		</div>
	</script>

		<script type="text/html" id="tmpl-uploader-inline">
		<# var messageClass = data.message ? 'has-upload-message' : 'no-upload-message'; #>
		<# if ( data.canClose ) { #>
		<button class="close dashicons dashicons-no"><span class="screen-reader-text">
			Close uploader		</span></button>
		<# } #>
		<div class="uploader-inline-content {{ messageClass }}">
		<# if ( data.message ) { #>
			<h2 class="upload-message">{{ data.message }}</h2>
		<# } #>
					<div class="upload-ui">
				<h2 class="upload-instructions drop-instructions">Drop files to upload</h2>
				<p class="upload-instructions drop-instructions">or</p>
				<button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">Select Files</button>
			</div>

			<div class="upload-inline-status"></div>

			<div class="post-upload-ui" id="post-upload-info">
				
				<p class="max-upload-size">
				Maximum upload file size: 1 GB.				</p>

				<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
					<p class="suggested-dimensions">
						Suggested image dimensions: {{data.suggestedWidth}} by {{data.suggestedHeight}} pixels.					</p>
				<# } #>

							</div>
				</div>
	</script>

		<script type="text/html" id="tmpl-media-library-view-switcher">
		<a href="https://modularhomedirect.com/wp-admin/upload.php?mode=list" class="view-list">
			<span class="screen-reader-text">
				List view			</span>
		</a>
		<a href="https://modularhomedirect.com/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page">
			<span class="screen-reader-text">
				Grid view			</span>
		</a>
	</script>

		<script type="text/html" id="tmpl-uploader-status">
		<h2>Uploading</h2>

		<div class="media-progress-bar"><div></div></div>
		<div class="upload-details">
			<span class="upload-count">
				<span class="upload-index"></span> / <span class="upload-total"></span>
			</span>
			<span class="upload-detail-separator">&ndash;</span>
			<span class="upload-filename"></span>
		</div>
		<div class="upload-errors"></div>
		<button type="button" class="button upload-dismiss-errors">Dismiss errors</button>
	</script>

		<script type="text/html" id="tmpl-uploader-status-error">
		<span class="upload-error-filename word-wrap-break-word">{{{ data.filename }}}</span>
		<span class="upload-error-message">{{ data.message }}</span>
	</script>

		<script type="text/html" id="tmpl-edit-attachment-frame">
		<div class="edit-media-header">
			<button class="left dashicons"<# if ( ! data.hasPrevious ) { #> disabled<# } #>><span class="screen-reader-text">Edit previous media item</span></button>
			<button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">Edit next media item</span></button>
			<button type="button" class="media-modal-close"><span class="media-modal-icon"><span class="screen-reader-text">Close dialog</span></span></button>
		</div>
		<div class="media-frame-title"></div>
		<div class="media-frame-content"></div>
	</script>

		<script type="text/html" id="tmpl-attachment-details-two-column">
		<div class="attachment-media-view {{ data.orientation }}">
						<h2 class="screen-reader-text">Attachment Preview</h2>
			<div class="thumbnail thumbnail-{{ data.type }}">
				<# if ( data.uploading ) { #>
					<div class="media-progress-bar"><div></div></div>
				<# } else if ( data.sizes && data.sizes.full ) { #>
					<img class="details-image" src="{{ data.sizes.full.url }}" draggable="false" alt="" />
				<# } else if ( data.sizes && data.sizes.large ) { #>
					<img class="details-image" src="{{ data.sizes.large.url }}" draggable="false" alt="" />
				<# } else if ( -1 === jQuery.inArray( data.type, [ 'audio', 'video' ] ) ) { #>
					<img class="details-image icon" src="{{ data.icon }}" draggable="false" alt="" />
				<# } #>

				<# if ( 'audio' === data.type ) { #>
				<div class="wp-media-wrapper wp-audio">
					<audio style="visibility: hidden" controls class="wp-audio-shortcode" width="100%" preload="none">
						<source type="{{ data.mime }}" src="{{ data.url }}" />
					</audio>
				</div>
				<# } else if ( 'video' === data.type ) {
					var w_rule = '';
					if ( data.width ) {
						w_rule = 'width: ' + data.width + 'px;';
					} else if ( wp.media.view.settings.contentWidth ) {
						w_rule = 'width: ' + wp.media.view.settings.contentWidth + 'px;';
					}
				#>
				<div style="{{ w_rule }}" class="wp-media-wrapper wp-video">
					<video controls="controls" class="wp-video-shortcode" preload="metadata"
						<# if ( data.width ) { #>width="{{ data.width }}"<# } #>
						<# if ( data.height ) { #>height="{{ data.height }}"<# } #>
						<# if ( data.image && data.image.src !== data.icon ) { #>poster="{{ data.image.src }}"<# } #>>
						<source type="{{ data.mime }}" src="{{ data.url }}" />
					</video>
				</div>
				<# } #>

				<div class="attachment-actions">
					<# if ( 'image' === data.type && ! data.uploading && data.sizes && data.can.save ) { #>
					<button type="button" class="button edit-attachment">Edit Image</button>
					<# } else if ( 'pdf' === data.subtype && data.sizes ) { #>
					<p>Document Preview</p>
					<# } #>
				</div>
			</div>
		</div>
		<div class="attachment-info">
			<span class="settings-save-status" role="status">
				<span class="spinner"></span>
				<span class="saved">Saved.</span>
			</span>
			<div class="details">
				<h2 class="screen-reader-text">
					Details				</h2>
				<div class="uploaded"><strong>Uploaded on:</strong> {{ data.dateFormatted }}</div>
				<div class="uploaded-by">
					<strong>Uploaded by:</strong>
						<# if ( data.authorLink ) { #>
							<a href="{{ data.authorLink }}">{{ data.authorName }}</a>
						<# } else { #>
							{{ data.authorName }}
						<# } #>
				</div>
				<# if ( data.uploadedToTitle ) { #>
					<div class="uploaded-to">
						<strong>Uploaded to:</strong>
						<# if ( data.uploadedToLink ) { #>
							<a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a>
						<# } else { #>
							{{ data.uploadedToTitle }}
						<# } #>
					</div>
				<# } #>
				<div class="filename"><strong>File name:</strong> {{ data.filename }}</div>
				<div class="file-type"><strong>File type:</strong> {{ data.mime }}</div>
				<div class="file-size"><strong>File size:</strong> {{ data.filesizeHumanReadable }}</div>
				<# if ( 'image' === data.type && ! data.uploading ) { #>
					<# if ( data.width && data.height ) { #>
						<div class="dimensions"><strong>Dimensions:</strong>
							{{ data.width }} by {{ data.height }} pixels						</div>
					<# } #>

					<# if ( data.originalImageURL && data.originalImageName ) { #>
						<div class="word-wrap-break-word">
							<strong>Original image:</strong>
							<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
						</div>
					<# } #>
				<# } #>

				<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
					<div class="file-length"><strong>Length:</strong>
						<span aria-hidden="true">{{ data.fileLengthHumanReadable }}</span>
						<span class="screen-reader-text">{{ data.fileLengthHumanReadable }}</span>
					</div>
				<# } #>

				<# if ( 'audio' === data.type && data.meta.bitrate ) { #>
					<div class="bitrate">
						<strong>Bitrate:</strong> {{ Math.round( data.meta.bitrate / 1000 ) }}kb/s
						<# if ( data.meta.bitrate_mode ) { #>
						{{ ' ' + data.meta.bitrate_mode.toUpperCase() }}
						<# } #>
					</div>
				<# } #>

				<# if ( data.mediaStates ) { #>
					<div class="media-states"><strong>Used as:</strong> {{ data.mediaStates }}</div>
				<# } #>

				<div class="compat-meta">
					<# if ( data.compat && data.compat.meta ) { #>
						{{{ data.compat.meta }}}
					<# } #>
				</div>
			</div>

			<div class="settings">
				<# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #>
				<# if ( 'image' === data.type ) { #>
					<span class="setting alt-text has-description" data-setting="alt">
						<label for="attachment-details-two-column-alt-text" class="name">Alternative Text</label>
						<textarea id="attachment-details-two-column-alt-text" aria-describedby="alt-text-description" {{ maybeReadOnly }}>{{ data.alt }}</textarea>
					</span>
					<p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">Learn how to describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p>
				<# } #>
								<span class="setting" data-setting="title">
					<label for="attachment-details-two-column-title" class="name">Title</label>
					<input type="text" id="attachment-details-two-column-title" value="{{ data.title }}" {{ maybeReadOnly }} />
				</span>
								<# if ( 'audio' === data.type ) { #>
								<span class="setting" data-setting="artist">
					<label for="attachment-details-two-column-artist" class="name">Artist</label>
					<input type="text" id="attachment-details-two-column-artist" value="{{ data.artist || data.meta.artist || '' }}" />
				</span>
								<span class="setting" data-setting="album">
					<label for="attachment-details-two-column-album" class="name">Album</label>
					<input type="text" id="attachment-details-two-column-album" value="{{ data.album || data.meta.album || '' }}" />
				</span>
								<# } #>
				<span class="setting" data-setting="caption">
					<label for="attachment-details-two-column-caption" class="name">Caption</label>
					<textarea id="attachment-details-two-column-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
				</span>
				<span class="setting" data-setting="description">
					<label for="attachment-details-two-column-description" class="name">Description</label>
					<textarea id="attachment-details-two-column-description" {{ maybeReadOnly }}>{{ data.description }}</textarea>
				</span>
				<span class="setting" data-setting="url">
					<label for="attachment-details-two-column-copy-link" class="name">File URL:</label>
					<input type="text" class="attachment-details-copy-link" id="attachment-details-two-column-copy-link" value="{{ data.url }}" readonly />
					<span class="copy-to-clipboard-container">
						<button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-two-column-copy-link">Copy URL to clipboard</button>
						<span class="success hidden" aria-hidden="true">Copied!</span>
					</span>
				</span>
				<div class="attachment-compat"></div>
			</div>

			<div class="actions">
				<# if ( data.link ) { #>
										<a class="view-attachment" href="{{ data.link }}">View media file</a>
				<# } #>
				<# if ( data.can.save ) { #>
					<# if ( data.link ) { #>
						<span class="links-separator">|</span>
					<# } #>
					<a href="{{ data.editLink }}">Edit more details</a>
				<# } #>
				<# if ( data.can.save && data.link ) { #>
					<span class="links-separator">|</span>
					<a href="{{ data.url }}" download>Download file</a>
				<# } #>
				<# if ( ! data.uploading && data.can.remove ) { #>
					<# if ( data.link || data.can.save ) { #>
						<span class="links-separator">|</span>
					<# } #>
											<button type="button" class="button-link delete-attachment">Delete permanently</button>
									<# } #>
			</div>
		</div>
	</script>

		<script type="text/html" id="tmpl-attachment">
		<div class="attachment-preview js--select-attachment type-{{ data.type }} subtype-{{ data.subtype }} {{ data.orientation }}">
			<div class="thumbnail">
				<# if ( data.uploading ) { #>
					<div class="media-progress-bar"><div style="width: {{ data.percent }}%"></div></div>
				<# } else if ( 'image' === data.type && data.size && data.size.url ) { #>
					<div class="centered">
						<img src="{{ data.size.url }}" draggable="false" alt="" />
					</div>
				<# } else { #>
					<div class="centered">
						<# if ( data.image && data.image.src && data.image.src !== data.icon ) { #>
							<img src="{{ data.image.src }}" class="thumbnail" draggable="false" alt="" />
						<# } else if ( data.sizes ) { 
								if ( data.sizes.medium ) { #>
									<img src="{{ data.sizes.medium.url }}" class="thumbnail" draggable="false" alt="" />
								<# } else { #>
									<img src="{{ data.sizes.full.url }}" class="thumbnail" draggable="false" alt="" />
								<# } #>
						<# } else { #>
							<img src="{{ data.icon }}" class="icon" draggable="false" alt="" />
						<# } #>
					</div>
					<div class="filename">
						<div>{{ data.filename }}</div>
					</div>
				<# } #>
			</div>
			<# if ( data.buttons.close ) { #>
				<button type="button" class="button-link attachment-close media-modal-icon"><span class="screen-reader-text">
					Remove				</span></button>
			<# } #>
		</div>
		<# if ( data.buttons.check ) { #>
			<button type="button" class="check" tabindex="-1"><span class="media-modal-icon"></span><span class="screen-reader-text">
				Deselect			</span></button>
		<# } #>
		<#
		var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly';
		if ( data.describe ) {
			if ( 'image' === data.type ) { #>
				<input type="text" value="{{ data.caption }}" class="describe" data-setting="caption"
					aria-label="Caption"
					placeholder="Caption&hellip;" {{ maybeReadOnly }} />
			<# } else { #>
				<input type="text" value="{{ data.title }}" class="describe" data-setting="title"
					<# if ( 'video' === data.type ) { #>
						aria-label="Video title"
						placeholder="Video title&hellip;"
					<# } else if ( 'audio' === data.type ) { #>
						aria-label="Audio title"
						placeholder="Audio title&hellip;"
					<# } else { #>
						aria-label="Media title"
						placeholder="Media title&hellip;"
					<# } #> {{ maybeReadOnly }} />
			<# }
		} #>
	</script>

		<script type="text/html" id="tmpl-attachment-details">
		<h2>
			Attachment Details			<span class="settings-save-status" role="status">
				<span class="spinner"></span>
				<span class="saved">Saved.</span>
			</span>
		</h2>
		<div class="attachment-info">

			<# if ( 'audio' === data.type ) { #>
				<div class="wp-media-wrapper wp-audio">
					<audio style="visibility: hidden" controls class="wp-audio-shortcode" width="100%" preload="none">
						<source type="{{ data.mime }}" src="{{ data.url }}" />
					</audio>
				</div>
			<# } else if ( 'video' === data.type ) {
				var w_rule = '';
				if ( data.width ) {
					w_rule = 'width: ' + data.width + 'px;';
				} else if ( wp.media.view.settings.contentWidth ) {
					w_rule = 'width: ' + wp.media.view.settings.contentWidth + 'px;';
				}
			#>
				<div style="{{ w_rule }}" class="wp-media-wrapper wp-video">
					<video controls="controls" class="wp-video-shortcode" preload="metadata"
						<# if ( data.width ) { #>width="{{ data.width }}"<# } #>
						<# if ( data.height ) { #>height="{{ data.height }}"<# } #>
						<# if ( data.image && data.image.src !== data.icon ) { #>poster="{{ data.image.src }}"<# } #>>
						<source type="{{ data.mime }}" src="{{ data.url }}" />
					</video>
				</div>
			<# } else { #>
				<div class="thumbnail thumbnail-{{ data.type }}">
					<# if ( data.uploading ) { #>
						<div class="media-progress-bar"><div></div></div>
					<# } else if ( 'image' === data.type && data.size && data.size.url ) { #>
						<img src="{{ data.size.url }}" draggable="false" alt="" />
					<# } else { #>
						<img src="{{ data.icon }}" class="icon" draggable="false" alt="" />
					<# } #>
				</div>
			<# } #>

			<div class="details">
				<div class="filename">{{ data.filename }}</div>
				<div class="uploaded">{{ data.dateFormatted }}</div>

				<div class="file-size">{{ data.filesizeHumanReadable }}</div>
				<# if ( 'image' === data.type && ! data.uploading ) { #>
					<# if ( data.width && data.height ) { #>
						<div class="dimensions">
							{{ data.width }} by {{ data.height }} pixels						</div>
					<# } #>

					<# if ( data.originalImageURL && data.originalImageName ) { #>
						<div class="word-wrap-break-word">
							Original image:							<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
						</div>
					<# } #>

					<# if ( data.can.save && data.sizes ) { #>
						<a class="edit-attachment" href="{{ data.editLink }}&amp;image-editor" target="_blank">Edit Image</a>
					<# } #>
				<# } #>

				<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
					<div class="file-length">Length:						<span aria-hidden="true">{{ data.fileLengthHumanReadable }}</span>
						<span class="screen-reader-text">{{ data.fileLengthHumanReadable }}</span>
					</div>
				<# } #>

				<# if ( data.mediaStates ) { #>
					<div class="media-states"><strong>Used as:</strong> {{ data.mediaStates }}</div>
				<# } #>

				<# if ( ! data.uploading && data.can.remove ) { #>
											<button type="button" class="button-link delete-attachment">Delete permanently</button>
									<# } #>

				<div class="compat-meta">
					<# if ( data.compat && data.compat.meta ) { #>
						{{{ data.compat.meta }}}
					<# } #>
				</div>
			</div>
		</div>
		<# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #>
		<# if ( 'image' === data.type ) { #>
			<span class="setting alt-text has-description" data-setting="alt">
				<label for="attachment-details-alt-text" class="name">Alt Text</label>
				<textarea id="attachment-details-alt-text" aria-describedby="alt-text-description" {{ maybeReadOnly }}>{{ data.alt }}</textarea>
			</span>
			<p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">Learn how to describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p>
		<# } #>
				<span class="setting" data-setting="title">
			<label for="attachment-details-title" class="name">Title</label>
			<input type="text" id="attachment-details-title" value="{{ data.title }}" {{ maybeReadOnly }} />
		</span>
				<# if ( 'audio' === data.type ) { #>
				<span class="setting" data-setting="artist">
			<label for="attachment-details-artist" class="name">Artist</label>
			<input type="text" id="attachment-details-artist" value="{{ data.artist || data.meta.artist || '' }}" />
		</span>
				<span class="setting" data-setting="album">
			<label for="attachment-details-album" class="name">Album</label>
			<input type="text" id="attachment-details-album" value="{{ data.album || data.meta.album || '' }}" />
		</span>
				<# } #>
		<span class="setting" data-setting="caption">
			<label for="attachment-details-caption" class="name">Caption</label>
			<textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
		</span>
		<span class="setting" data-setting="description">
			<label for="attachment-details-description" class="name">Description</label>
			<textarea id="attachment-details-description" {{ maybeReadOnly }}>{{ data.description }}</textarea>
		</span>
		<span class="setting" data-setting="url">
			<label for="attachment-details-copy-link" class="name">File URL:</label>
			<input type="text" class="attachment-details-copy-link" id="attachment-details-copy-link" value="{{ data.url }}" readonly />
			<div class="copy-to-clipboard-container">
				<button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-copy-link">Copy URL to clipboard</button>
				<span class="success hidden" aria-hidden="true">Copied!</span>
			</div>
		</span>
	</script>

		<script type="text/html" id="tmpl-media-selection">
		<div class="selection-info">
			<span class="count"></span>
			<# if ( data.editable ) { #>
				<button type="button" class="button-link edit-selection">Edit Selection</button>
			<# } #>
			<# if ( data.clearable ) { #>
				<button type="button" class="button-link clear-selection">Clear</button>
			<# } #>
		</div>
		<div class="selection-view"></div>
	</script>

		<script type="text/html" id="tmpl-attachment-display-settings">
		<h2>Attachment Display Settings</h2>

		<# if ( 'image' === data.type ) { #>
			<span class="setting align">
				<label for="attachment-display-settings-alignment" class="name">Alignment</label>
				<select id="attachment-display-settings-alignment" class="alignment"
					data-setting="align"
					<# if ( data.userSettings ) { #>
						data-user-setting="align"
					<# } #>>

					<option value="left">
						Left					</option>
					<option value="center">
						Center					</option>
					<option value="right">
						Right					</option>
					<option value="none" selected>
						None					</option>
				</select>
			</span>
		<# } #>

		<span class="setting">
			<label for="attachment-display-settings-link-to" class="name">
				<# if ( data.model.canEmbed ) { #>
					Embed or Link				<# } else { #>
					Link To				<# } #>
			</label>
			<select id="attachment-display-settings-link-to" class="link-to"
				data-setting="link"
				<# if ( data.userSettings && ! data.model.canEmbed ) { #>
					data-user-setting="urlbutton"
				<# } #>>

			<# if ( data.model.canEmbed ) { #>
				<option value="embed" selected>
					Embed Media Player				</option>
				<option value="file">
			<# } else { #>
				<option value="none" selected>
					None				</option>
				<option value="file">
			<# } #>
				<# if ( data.model.canEmbed ) { #>
					Link to Media File				<# } else { #>
					Media File				<# } #>
				</option>
				<option value="post">
				<# if ( data.model.canEmbed ) { #>
					Link to Attachment Page				<# } else { #>
					Attachment Page				<# } #>
				</option>
			<# if ( 'image' === data.type ) { #>
				<option value="custom">
					Custom URL				</option>
			<# } #>
			</select>
		</span>
		<span class="setting">
			<label for="attachment-display-settings-link-to-custom" class="name">URL</label>
			<input type="text" id="attachment-display-settings-link-to-custom" class="link-to-custom" data-setting="linkUrl" />
		</span>

		<# if ( 'undefined' !== typeof data.sizes ) { #>
			<span class="setting">
				<label for="attachment-display-settings-size" class="name">Size</label>
				<select id="attachment-display-settings-size" class="size" name="size"
					data-setting="size"
					<# if ( data.userSettings ) { #>
						data-user-setting="imgsize"
					<# } #>>
											<#
						var size = data.sizes['thumbnail'];
						if ( size ) { #>
							<option value="thumbnail" >
								Thumbnail &ndash; {{ size.width }} &times; {{ size.height }}
							</option>
						<# } #>
											<#
						var size = data.sizes['medium'];
						if ( size ) { #>
							<option value="medium" >
								Medium &ndash; {{ size.width }} &times; {{ size.height }}
							</option>
						<# } #>
											<#
						var size = data.sizes['large'];
						if ( size ) { #>
							<option value="large" >
								Large &ndash; {{ size.width }} &times; {{ size.height }}
							</option>
						<# } #>
											<#
						var size = data.sizes['full'];
						if ( size ) { #>
							<option value="full"  selected='selected'>
								Full Size &ndash; {{ size.width }} &times; {{ size.height }}
							</option>
						<# } #>
									</select>
			</span>
		<# } #>
	</script>

		<script type="text/html" id="tmpl-gallery-settings">
		<h2>Gallery Settings</h2>

		<span class="setting">
			<label for="gallery-settings-link-to" class="name">Link To</label>
			<select id="gallery-settings-link-to" class="link-to"
				data-setting="link"
				<# if ( data.userSettings ) { #>
					data-user-setting="urlbutton"
				<# } #>>

				<option value="post" <# if ( ! wp.media.galleryDefaults.link || 'post' === wp.media.galleryDefaults.link ) {
					#>selected="selected"<# }
				#>>
					Attachment Page				</option>
				<option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
					Media File				</option>
				<option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
					None				</option>
			</select>
		</span>

		<span class="setting">
			<label for="gallery-settings-columns" class="name select-label-inline">Columns</label>
			<select id="gallery-settings-columns" class="columns" name="columns"
				data-setting="columns">
									<option value="1" <#
						if ( 1 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						1					</option>
									<option value="2" <#
						if ( 2 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						2					</option>
									<option value="3" <#
						if ( 3 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						3					</option>
									<option value="4" <#
						if ( 4 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						4					</option>
									<option value="5" <#
						if ( 5 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						5					</option>
									<option value="6" <#
						if ( 6 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						6					</option>
									<option value="7" <#
						if ( 7 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						7					</option>
									<option value="8" <#
						if ( 8 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						8					</option>
									<option value="9" <#
						if ( 9 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						9					</option>
							</select>
		</span>

		<span class="setting">
			<input type="checkbox" id="gallery-settings-random-order" data-setting="_orderbyRandom" />
			<label for="gallery-settings-random-order" class="checkbox-label-inline">Random Order</label>
		</span>

		<span class="setting size">
			<label for="gallery-settings-size" class="name">Size</label>
			<select id="gallery-settings-size" class="size" name="size"
				data-setting="size"
				<# if ( data.userSettings ) { #>
					data-user-setting="imgsize"
				<# } #>
				>
									<option value="thumbnail">
						Thumbnail					</option>
									<option value="medium">
						Medium					</option>
									<option value="large">
						Large					</option>
									<option value="full">
						Full Size					</option>
							</select>
		</span>
	</script>

		<script type="text/html" id="tmpl-playlist-settings">
		<h2>Playlist Settings</h2>

		<# var emptyModel = _.isEmpty( data.model ),
			isVideo = 'video' === data.controller.get('library').props.get('type'); #>

		<span class="setting">
			<input type="checkbox" id="playlist-settings-show-list" data-setting="tracklist" <# if ( emptyModel ) { #>
				checked="checked"
			<# } #> />
			<label for="playlist-settings-show-list" class="checkbox-label-inline">
				<# if ( isVideo ) { #>
				Show Video List				<# } else { #>
				Show Tracklist				<# } #>
			</label>
		</span>

		<# if ( ! isVideo ) { #>
		<span class="setting">
			<input type="checkbox" id="playlist-settings-show-artist" data-setting="artists" <# if ( emptyModel ) { #>
				checked="checked"
			<# } #> />
			<label for="playlist-settings-show-artist" class="checkbox-label-inline">
				Show Artist Name in Tracklist			</label>
		</span>
		<# } #>

		<span class="setting">
			<input type="checkbox" id="playlist-settings-show-images" data-setting="images" <# if ( emptyModel ) { #>
				checked="checked"
			<# } #> />
			<label for="playlist-settings-show-images" class="checkbox-label-inline">
				Show Images			</label>
		</span>
	</script>

		<script type="text/html" id="tmpl-embed-link-settings">
		<span class="setting link-text">
			<label for="embed-link-settings-link-text" class="name">Link Text</label>
			<input type="text" id="embed-link-settings-link-text" class="alignment" data-setting="linkText" />
		</span>
		<div class="embed-container" style="display: none;">
			<div class="embed-preview"></div>
		</div>
	</script>

		<script type="text/html" id="tmpl-embed-image-settings">
		<div class="wp-clearfix">
			<div class="thumbnail">
				<img src="{{ data.model.url }}" draggable="false" alt="" />
			</div>
		</div>

		<span class="setting alt-text has-description">
			<label for="embed-image-settings-alt-text" class="name">Alternative Text</label>
			<textarea id="embed-image-settings-alt-text" data-setting="alt" aria-describedby="alt-text-description"></textarea>
		</span>
		<p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">Learn how to describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p>

					<span class="setting caption">
				<label for="embed-image-settings-caption" class="name">Caption</label>
				<textarea id="embed-image-settings-caption" data-setting="caption"></textarea>
			</span>
		
		<fieldset class="setting-group">
			<legend class="name">Align</legend>
			<span class="setting align">
				<span class="button-group button-large" data-setting="align">
					<button class="button" value="left">
						Left					</button>
					<button class="button" value="center">
						Center					</button>
					<button class="button" value="right">
						Right					</button>
					<button class="button active" value="none">
						None					</button>
				</span>
			</span>
		</fieldset>

		<fieldset class="setting-group">
			<legend class="name">Link To</legend>
			<span class="setting link-to">
				<span class="button-group button-large" data-setting="link">
					<button class="button" value="file">
						Image URL					</button>
					<button class="button" value="custom">
						Custom URL					</button>
					<button class="button active" value="none">
						None					</button>
				</span>
			</span>
			<span class="setting">
				<label for="embed-image-settings-link-to-custom" class="name">URL</label>
				<input type="text" id="embed-image-settings-link-to-custom" class="link-to-custom" data-setting="linkUrl" />
			</span>
		</fieldset>
	</script>

		<script type="text/html" id="tmpl-image-details">
		<div class="media-embed">
			<div class="embed-media-settings">
				<div class="column-settings">
					<span class="setting alt-text has-description">
						<label for="image-details-alt-text" class="name">Alternative Text</label>
						<textarea id="image-details-alt-text" data-setting="alt" aria-describedby="alt-text-description">{{ data.model.alt }}</textarea>
					</span>
					<p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">Learn how to describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p>

											<span class="setting caption">
							<label for="image-details-caption" class="name">Caption</label>
							<textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea>
						</span>
					
					<h2>Display Settings</h2>
					<fieldset class="setting-group">
						<legend class="legend-inline">Align</legend>
						<span class="setting align">
							<span class="button-group button-large" data-setting="align">
								<button class="button" value="left">
									Left								</button>
								<button class="button" value="center">
									Center								</button>
								<button class="button" value="right">
									Right								</button>
								<button class="button active" value="none">
									None								</button>
							</span>
						</span>
					</fieldset>

					<# if ( data.attachment ) { #>
						<# if ( 'undefined' !== typeof data.attachment.sizes ) { #>
							<span class="setting size">
								<label for="image-details-size" class="name">Size</label>
								<select id="image-details-size" class="size" name="size"
									data-setting="size"
									<# if ( data.userSettings ) { #>
										data-user-setting="imgsize"
									<# } #>>
																			<#
										var size = data.sizes['thumbnail'];
										if ( size ) { #>
											<option value="thumbnail">
												Thumbnail &ndash; {{ size.width }} &times; {{ size.height }}
											</option>
										<# } #>
																			<#
										var size = data.sizes['medium'];
										if ( size ) { #>
											<option value="medium">
												Medium &ndash; {{ size.width }} &times; {{ size.height }}
											</option>
										<# } #>
																			<#
										var size = data.sizes['large'];
										if ( size ) { #>
											<option value="large">
												Large &ndash; {{ size.width }} &times; {{ size.height }}
											</option>
										<# } #>
																			<#
										var size = data.sizes['full'];
										if ( size ) { #>
											<option value="full">
												Full Size &ndash; {{ size.width }} &times; {{ size.height }}
											</option>
										<# } #>
																		<option value="custom">
										Custom Size									</option>
								</select>
							</span>
						<# } #>
							<div class="custom-size wp-clearfix<# if ( data.model.size !== 'custom' ) { #> hidden<# } #>">
								<span class="custom-size-setting">
									<label for="image-details-size-width">Width</label>
									<input type="number" id="image-details-size-width" aria-describedby="image-size-desc" data-setting="customWidth" step="1" value="{{ data.model.customWidth }}" />
								</span>
								<span class="sep" aria-hidden="true">&times;</span>
								<span class="custom-size-setting">
									<label for="image-details-size-height">Height</label>
									<input type="number" id="image-details-size-height" aria-describedby="image-size-desc" data-setting="customHeight" step="1" value="{{ data.model.customHeight }}" />
								</span>
								<p id="image-size-desc" class="description">Image size in pixels</p>
							</div>
					<# } #>

					<span class="setting link-to">
						<label for="image-details-link-to" class="name">Link To</label>
						<select id="image-details-link-to" data-setting="link">
						<# if ( data.attachment ) { #>
							<option value="file">
								Media File							</option>
							<option value="post">
								Attachment Page							</option>
						<# } else { #>
							<option value="file">
								Image URL							</option>
						<# } #>
							<option value="custom">
								Custom URL							</option>
							<option value="none">
								None							</option>
						</select>
					</span>
					<span class="setting">
						<label for="image-details-link-to-custom" class="name">URL</label>
						<input type="text" id="image-details-link-to-custom" class="link-to-custom" data-setting="linkUrl" />
					</span>

					<div class="advanced-section">
						<h2><button type="button" class="button-link advanced-toggle">Advanced Options</button></h2>
						<div class="advanced-settings hidden">
							<div class="advanced-image">
								<span class="setting title-text">
									<label for="image-details-title-attribute" class="name">Image Title Attribute</label>
									<input type="text" id="image-details-title-attribute" data-setting="title" value="{{ data.model.title }}" />
								</span>
								<span class="setting extra-classes">
									<label for="image-details-css-class" class="name">Image CSS Class</label>
									<input type="text" id="image-details-css-class" data-setting="extraClasses" value="{{ data.model.extraClasses }}" />
								</span>
							</div>
							<div class="advanced-link">
								<span class="setting link-target">
									<input type="checkbox" id="image-details-link-target" data-setting="linkTargetBlank" value="_blank" <# if ( data.model.linkTargetBlank ) { #>checked="checked"<# } #>>
									<label for="image-details-link-target" class="checkbox-label">Open link in a new tab</label>
								</span>
								<span class="setting link-rel">
									<label for="image-details-link-rel" class="name">Link Rel</label>
									<input type="text" id="image-details-link-rel" data-setting="linkRel" value="{{ data.model.linkRel }}" />
								</span>
								<span class="setting link-class-name">
									<label for="image-details-link-css-class" class="name">Link CSS Class</label>
									<input type="text" id="image-details-link-css-class" data-setting="linkClassName" value="{{ data.model.linkClassName }}" />
								</span>
							</div>
						</div>
					</div>
				</div>
				<div class="column-image">
					<div class="image">
						<img src="{{ data.model.url }}" draggable="false" alt="" />
						<# if ( data.attachment && window.imageEdit ) { #>
							<div class="actions">
								<input type="button" class="edit-attachment button" value="Edit Original" />
								<input type="button" class="replace-attachment button" value="Replace" />
							</div>
						<# } #>
					</div>
				</div>
			</div>
		</div>
	</script>

		<script type="text/html" id="tmpl-image-editor">
		<div id="media-head-{{ data.id }}"></div>
		<div id="image-editor-{{ data.id }}"></div>
	</script>

		<script type="text/html" id="tmpl-audio-details">
		<# var ext, html5types = {
			mp3: wp.media.view.settings.embedMimes.mp3,
			ogg: wp.media.view.settings.embedMimes.ogg
		}; #>

				<div class="media-embed media-embed-details">
			<div class="embed-media-settings embed-audio-settings">
				<audio style="visibility: hidden"
	controls
	class="wp-audio-shortcode"
	width="{{ _.isUndefined( data.model.width ) ? 400 : data.model.width }}"
	preload="{{ _.isUndefined( data.model.preload ) ? 'none' : data.model.preload }}"
	<#
		if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) {
		#> autoplay<#
	}
		if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) {
		#> loop<#
	}
	#>
>
	<# if ( ! _.isEmpty( data.model.src ) ) { #>
	<source src="{{ data.model.src }}" type="{{ wp.media.view.settings.embedMimes[ data.model.src.split('.').pop() ] }}" />
	<# } #>

		<# if ( ! _.isEmpty( data.model.mp3 ) ) { #>
	<source src="{{ data.model.mp3 }}" type="{{ wp.media.view.settings.embedMimes[ 'mp3' ] }}" />
	<# } #>
			<# if ( ! _.isEmpty( data.model.ogg ) ) { #>
	<source src="{{ data.model.ogg }}" type="{{ wp.media.view.settings.embedMimes[ 'ogg' ] }}" />
	<# } #>
			<# if ( ! _.isEmpty( data.model.flac ) ) { #>
	<source src="{{ data.model.flac }}" type="{{ wp.media.view.settings.embedMimes[ 'flac' ] }}" />
	<# } #>
			<# if ( ! _.isEmpty( data.model.m4a ) ) { #>
	<source src="{{ data.model.m4a }}" type="{{ wp.media.view.settings.embedMimes[ 'm4a' ] }}" />
	<# } #>
			<# if ( ! _.isEmpty( data.model.wav ) ) { #>
	<source src="{{ data.model.wav }}" type="{{ wp.media.view.settings.embedMimes[ 'wav' ] }}" />
	<# } #>
		</audio>
	
				<# if ( ! _.isEmpty( data.model.src ) ) {
					ext = data.model.src.split('.').pop();
					if ( html5types[ ext ] ) {
						delete html5types[ ext ];
					}
				#>
				<span class="setting">
					<label for="audio-details-source" class="name">URL</label>
					<input type="text" id="audio-details-source" readonly data-setting="src" value="{{ data.model.src }}" />
					<button type="button" class="button-link remove-setting">Remove audio source</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.mp3 ) ) {
					if ( ! _.isUndefined( html5types.mp3 ) ) {
						delete html5types.mp3;
					}
				#>
				<span class="setting">
					<label for="audio-details-mp3-source" class="name">MP3</label>
					<input type="text" id="audio-details-mp3-source" readonly data-setting="mp3" value="{{ data.model.mp3 }}" />
					<button type="button" class="button-link remove-setting">Remove audio source</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.ogg ) ) {
					if ( ! _.isUndefined( html5types.ogg ) ) {
						delete html5types.ogg;
					}
				#>
				<span class="setting">
					<label for="audio-details-ogg-source" class="name">OGG</label>
					<input type="text" id="audio-details-ogg-source" readonly data-setting="ogg" value="{{ data.model.ogg }}" />
					<button type="button" class="button-link remove-setting">Remove audio source</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.flac ) ) {
					if ( ! _.isUndefined( html5types.flac ) ) {
						delete html5types.flac;
					}
				#>
				<span class="setting">
					<label for="audio-details-flac-source" class="name">FLAC</label>
					<input type="text" id="audio-details-flac-source" readonly data-setting="flac" value="{{ data.model.flac }}" />
					<button type="button" class="button-link remove-setting">Remove audio source</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.m4a ) ) {
					if ( ! _.isUndefined( html5types.m4a ) ) {
						delete html5types.m4a;
					}
				#>
				<span class="setting">
					<label for="audio-details-m4a-source" class="name">M4A</label>
					<input type="text" id="audio-details-m4a-source" readonly data-setting="m4a" value="{{ data.model.m4a }}" />
					<button type="button" class="button-link remove-setting">Remove audio source</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.wav ) ) {
					if ( ! _.isUndefined( html5types.wav ) ) {
						delete html5types.wav;
					}
				#>
				<span class="setting">
					<label for="audio-details-wav-source" class="name">WAV</label>
					<input type="text" id="audio-details-wav-source" readonly data-setting="wav" value="{{ data.model.wav }}" />
					<button type="button" class="button-link remove-setting">Remove audio source</button>
				</span>
				<# } #>
				
				<# if ( ! _.isEmpty( html5types ) ) { #>
				<fieldset class="setting-group">
					<legend class="name">Add alternate sources for maximum HTML5 playback</legend>
					<span class="setting">
						<span class="button-large">
						<# _.each( html5types, function (mime, type) { #>
							<button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button>
						<# } ) #>
						</span>
					</span>
				</fieldset>
				<# } #>

				<fieldset class="setting-group">
					<legend class="name">Preload</legend>
					<span class="setting preload">
						<span class="button-group button-large" data-setting="preload">
							<button class="button" value="auto">Auto</button>
							<button class="button" value="metadata">Metadata</button>
							<button class="button active" value="none">None</button>
						</span>
					</span>
				</fieldset>

				<span class="setting-group">
					<span class="setting checkbox-setting autoplay">
						<input type="checkbox" id="audio-details-autoplay" data-setting="autoplay" />
						<label for="audio-details-autoplay" class="checkbox-label">Autoplay</label>
					</span>

					<span class="setting checkbox-setting">
						<input type="checkbox" id="audio-details-loop" data-setting="loop" />
						<label for="audio-details-loop" class="checkbox-label">Loop</label>
					</span>
				</span>
			</div>
		</div>
	</script>

		<script type="text/html" id="tmpl-video-details">
		<# var ext, html5types = {
			mp4: wp.media.view.settings.embedMimes.mp4,
			ogv: wp.media.view.settings.embedMimes.ogv,
			webm: wp.media.view.settings.embedMimes.webm
		}; #>

				<div class="media-embed media-embed-details">
			<div class="embed-media-settings embed-video-settings">
				<div class="wp-video-holder">
				<#
				var w = ! data.model.width || data.model.width > 640 ? 640 : data.model.width,
					h = ! data.model.height ? 360 : data.model.height;

				if ( data.model.width && w !== data.model.width ) {
					h = Math.ceil( ( h * w ) / data.model.width );
				}
				#>

				<#  var w_rule = '', classes = [],
		w, h, settings = wp.media.view.settings,
		isYouTube = isVimeo = false;

	if ( ! _.isEmpty( data.model.src ) ) {
		isYouTube = data.model.src.match(/youtube|youtu\.be/);
		isVimeo = -1 !== data.model.src.indexOf('vimeo');
	}

	if ( settings.contentWidth && data.model.width >= settings.contentWidth ) {
		w = settings.contentWidth;
	} else {
		w = data.model.width;
	}

	if ( w !== data.model.width ) {
		h = Math.ceil( ( data.model.height * w ) / data.model.width );
	} else {
		h = data.model.height;
	}

	if ( w ) {
		w_rule = 'width: ' + w + 'px; ';
	}

	if ( isYouTube ) {
		classes.push( 'youtube-video' );
	}

	if ( isVimeo ) {
		classes.push( 'vimeo-video' );
	}

#>
<div style="{{ w_rule }}" class="wp-video">
<video controls
	class="wp-video-shortcode {{ classes.join( ' ' ) }}"
	<# if ( w ) { #>width="{{ w }}"<# } #>
	<# if ( h ) { #>height="{{ h }}"<# } #>
			<#
		if ( ! _.isUndefined( data.model.poster ) && data.model.poster ) {
			#> poster="{{ data.model.poster }}"<#
		} #>
			preload			="{{ _.isUndefined( data.model.preload ) ? 'metadata' : data.model.preload }}"
				<#
		if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) {
		#> autoplay<#
	}
		if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) {
		#> loop<#
	}
	#>
>
	<# if ( ! _.isEmpty( data.model.src ) ) {
		if ( isYouTube ) { #>
		<source src="{{ data.model.src }}" type="video/youtube" />
		<# } else if ( isVimeo ) { #>
		<source src="{{ data.model.src }}" type="video/vimeo" />
		<# } else { #>
		<source src="{{ data.model.src }}" type="{{ settings.embedMimes[ data.model.src.split('.').pop() ] }}" />
		<# }
	} #>

		<# if ( data.model.mp4 ) { #>
	<source src="{{ data.model.mp4 }}" type="{{ settings.embedMimes[ 'mp4' ] }}" />
	<# } #>
		<# if ( data.model.m4v ) { #>
	<source src="{{ data.model.m4v }}" type="{{ settings.embedMimes[ 'm4v' ] }}" />
	<# } #>
		<# if ( data.model.webm ) { #>
	<source src="{{ data.model.webm }}" type="{{ settings.embedMimes[ 'webm' ] }}" />
	<# } #>
		<# if ( data.model.ogv ) { #>
	<source src="{{ data.model.ogv }}" type="{{ settings.embedMimes[ 'ogv' ] }}" />
	<# } #>
		<# if ( data.model.flv ) { #>
	<source src="{{ data.model.flv }}" type="{{ settings.embedMimes[ 'flv' ] }}" />
	<# } #>
		{{{ data.model.content }}}
</video>
</div>
	
				<# if ( ! _.isEmpty( data.model.src ) ) {
					ext = data.model.src.split('.').pop();
					if ( html5types[ ext ] ) {
						delete html5types[ ext ];
					}
				#>
				<span class="setting">
					<label for="video-details-source" class="name">URL</label>
					<input type="text" id="video-details-source" readonly data-setting="src" value="{{ data.model.src }}" />
					<button type="button" class="button-link remove-setting">Remove video source</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.mp4 ) ) {
					if ( ! _.isUndefined( html5types.mp4 ) ) {
						delete html5types.mp4;
					}
				#>
				<span class="setting">
					<label for="video-details-mp4-source" class="name">MP4</label>
					<input type="text" id="video-details-mp4-source" readonly data-setting="mp4" value="{{ data.model.mp4 }}" />
					<button type="button" class="button-link remove-setting">Remove video source</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.m4v ) ) {
					if ( ! _.isUndefined( html5types.m4v ) ) {
						delete html5types.m4v;
					}
				#>
				<span class="setting">
					<label for="video-details-m4v-source" class="name">M4V</label>
					<input type="text" id="video-details-m4v-source" readonly data-setting="m4v" value="{{ data.model.m4v }}" />
					<button type="button" class="button-link remove-setting">Remove video source</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.webm ) ) {
					if ( ! _.isUndefined( html5types.webm ) ) {
						delete html5types.webm;
					}
				#>
				<span class="setting">
					<label for="video-details-webm-source" class="name">WEBM</label>
					<input type="text" id="video-details-webm-source" readonly data-setting="webm" value="{{ data.model.webm }}" />
					<button type="button" class="button-link remove-setting">Remove video source</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.ogv ) ) {
					if ( ! _.isUndefined( html5types.ogv ) ) {
						delete html5types.ogv;
					}
				#>
				<span class="setting">
					<label for="video-details-ogv-source" class="name">OGV</label>
					<input type="text" id="video-details-ogv-source" readonly data-setting="ogv" value="{{ data.model.ogv }}" />
					<button type="button" class="button-link remove-setting">Remove video source</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.flv ) ) {
					if ( ! _.isUndefined( html5types.flv ) ) {
						delete html5types.flv;
					}
				#>
				<span class="setting">
					<label for="video-details-flv-source" class="name">FLV</label>
					<input type="text" id="video-details-flv-source" readonly data-setting="flv" value="{{ data.model.flv }}" />
					<button type="button" class="button-link remove-setting">Remove video source</button>
				</span>
				<# } #>
								</div>

				<# if ( ! _.isEmpty( html5types ) ) { #>
				<fieldset class="setting-group">
					<legend class="name">Add alternate sources for maximum HTML5 playback</legend>
					<span class="setting">
						<span class="button-large">
						<# _.each( html5types, function (mime, type) { #>
							<button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button>
						<# } ) #>
						</span>
					</span>
				</fieldset>
				<# } #>

				<# if ( ! _.isEmpty( data.model.poster ) ) { #>
				<span class="setting">
					<label for="video-details-poster-image" class="name">Poster Image</label>
					<input type="text" id="video-details-poster-image" readonly data-setting="poster" value="{{ data.model.poster }}" />
					<button type="button" class="button-link remove-setting">Remove poster image</button>
				</span>
				<# } #>

				<fieldset class="setting-group">
					<legend class="name">Preload</legend>
					<span class="setting preload">
						<span class="button-group button-large" data-setting="preload">
							<button class="button" value="auto">Auto</button>
							<button class="button" value="metadata">Metadata</button>
							<button class="button active" value="none">None</button>
						</span>
					</span>
				</fieldset>

				<span class="setting-group">
					<span class="setting checkbox-setting autoplay">
						<input type="checkbox" id="video-details-autoplay" data-setting="autoplay" />
						<label for="video-details-autoplay" class="checkbox-label">Autoplay</label>
					</span>

					<span class="setting checkbox-setting">
						<input type="checkbox" id="video-details-loop" data-setting="loop" />
						<label for="video-details-loop" class="checkbox-label">Loop</label>
					</span>
				</span>

				<span class="setting" data-setting="content">
					<#
					var content = '';
					if ( ! _.isEmpty( data.model.content ) ) {
						var tracks = jQuery( data.model.content ).filter( 'track' );
						_.each( tracks.toArray(), function( track, index ) {
							content += track.outerHTML; #>
						<label for="video-details-track-{{ index }}" class="name">Tracks (subtitles, captions, descriptions, chapters, or metadata)</label>
						<input class="content-track" type="text" id="video-details-track-{{ index }}" aria-describedby="video-details-track-desc-{{ index }}" value="{{ track.outerHTML }}" />
						<span class="description" id="video-details-track-desc-{{ index }}">
						The srclang, label, and kind values can be edited to set the video track language and kind.						</span>
						<button type="button" class="button-link remove-setting remove-track">Remove video track</button><br />
						<# } ); #>
					<# } else { #>
					<span class="name">Tracks (subtitles, captions, descriptions, chapters, or metadata)</span><br />
					<em>There are no associated subtitles.</em>
					<# } #>
					<textarea class="hidden content-setting">{{ content }}</textarea>
				</span>
			</div>
		</div>
	</script>

		<script type="text/html" id="tmpl-editor-gallery">
		<# if ( data.attachments.length ) { #>
			<div class="gallery gallery-columns-{{ data.columns }}">
				<# _.each( data.attachments, function( attachment, index ) { #>
					<dl class="gallery-item">
						<dt class="gallery-icon">
							<# if ( attachment.thumbnail ) { #>
								<img src="{{ attachment.thumbnail.url }}" width="{{ attachment.thumbnail.width }}" height="{{ attachment.thumbnail.height }}" alt="{{ attachment.alt }}" />
							<# } else { #>
								<img src="{{ attachment.url }}" alt="{{ attachment.alt }}" />
							<# } #>
						</dt>
						<# if ( attachment.caption ) { #>
							<dd class="wp-caption-text gallery-caption">
								{{{ data.verifyHTML( attachment.caption ) }}}
							</dd>
						<# } #>
					</dl>
					<# if ( index % data.columns === data.columns - 1 ) { #>
						<br style="clear: both;" />
					<# } #>
				<# } ); #>
			</div>
		<# } else { #>
			<div class="wpview-error">
				<div class="dashicons dashicons-format-gallery"></div><p>No items found.</p>
			</div>
		<# } #>
	</script>

		<script type="text/html" id="tmpl-crop-content">
		<img class="crop-image" src="{{ data.url }}" alt="Image crop area preview. Requires mouse interaction." />
		<div class="upload-errors"></div>
	</script>

		<script type="text/html" id="tmpl-site-icon-preview-crop">
		<style>
			:root{
				--site-icon-url: url("https://modularhomedirect.com/wp-content/themes/flatsome-child/css/{{ data.url }}");
			}
		</style>
		<h2>Site Icon Preview</h2>
		<p>As an app icon and a browser icon.</p>
		<div class="site-icon-preview crop">
			<div class="image-preview-wrap app-icon-preview">
				<img id="preview-app-icon" src="{{ data.url }}" class="app-icon-preview" alt="Preview as an app icon" />
			</div>
			<div class="site-icon-preview-browser">
				<svg role="img" aria-hidden="true" fill="none" xmlns="http://www.w3.org/2000/svg" class="browser-buttons"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 20a6 6 0 1 1 12 0 6 6 0 0 1-12 0Zm18 0a6 6 0 1 1 12 0 6 6 0 0 1-12 0Zm24-6a6 6 0 1 0 0 12 6 6 0 0 0 0-12Z" /></svg>
				<div class="site-icon-preview-tab">
					<div class="image-preview-wrap browser">
						<img id="preview-favicon" src="{{ data.url }}" class="browser-icon-preview" alt="Preview as a browser icon" />
					</div>
					<div class="site-icon-preview-site-title" aria-hidden="true"><# print( 'Modular Home Direct' ) #></div>
						<svg role="img" aria-hidden="true" fill="none" xmlns="http://www.w3.org/2000/svg" class="close-button">
							<path d="M12 13.0607L15.7123 16.773L16.773 15.7123L13.0607 12L16.773 8.28772L15.7123 7.22706L12 10.9394L8.28771 7.22705L7.22705 8.28771L10.9394 12L7.22706 15.7123L8.28772 16.773L12 13.0607Z" />
						</svg>
					</div>
				</div>
			</div>
		</div>
	</script>

	<link rel='stylesheet' id='wc-blocks-style-css' href='https://modularhomedirect.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-10.0.2' type='text/css' media='all' />
<link rel='stylesheet' id='buttons-css' href='https://modularhomedirect.com/wp-includes/css/buttons.min.css?ver=6.8.2' type='text/css' media='all' />
<link rel='stylesheet' id='mediaelement-css' href='https://modularhomedirect.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17' type='text/css' media='all' />
<link rel='stylesheet' id='wp-mediaelement-css' href='https://modularhomedirect.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.8.2' type='text/css' media='all' />
<link rel='stylesheet' id='media-views-css' href='https://modularhomedirect.com/wp-includes/css/media-views.min.css?ver=6.8.2' type='text/css' media='all' />
<link rel='stylesheet' id='imgareaselect-css' href='https://modularhomedirect.com/wp-includes/js/imgareaselect/imgareaselect.css?ver=0.9.8' type='text/css' media='all' />
<link rel='stylesheet' id='flatsome-effects-css' href='https://modularhomedirect.com/wp-content/themes/flatsome/assets/css/effects.css?ver=3.19.14' type='text/css' media='all' />
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #446084;--wp--preset--color--secondary: #d26e4b;--wp--preset--color--success: #7a9c59;--wp--preset--color--alert: #b20000;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: none;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-success-color{color: var(--wp--preset--color--success) !important;}.has-alert-color{color: var(--wp--preset--color--alert) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-success-background-color{background-color: var(--wp--preset--color--success) !important;}.has-alert-background-color{background-color: var(--wp--preset--color--alert) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-success-border-color{border-color: var(--wp--preset--color--success) !important;}.has-alert-border-color{border-color: var(--wp--preset--color--alert) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
</style>
<script type="text/javascript" id="woocommerce-js-extra">
/* <![CDATA[ */
var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_password_show":"Show password","i18n_password_hide":"Hide password"};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=10.0.2" id="woocommerce-js" data-wp-strategy="defer"></script>
<script type="text/javascript" id="rocket_lazyload_css-js-extra">
/* <![CDATA[ */
var rocket_lazyload_css_data = {"threshold":"300"};
/* ]]> */
</script>
<script type="text/javascript" id="rocket_lazyload_css-js-after">
/* <![CDATA[ */
!function o(n,c,a){function u(t,e){if(!c[t]){if(!n[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(s)return s(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=c[t]={exports:{}},n[t][0].call(r.exports,function(e){return u(n[t][1][e]||e)},r,r.exports,o,n,c,a)}return c[t].exports}for(var s="function"==typeof require&&require,e=0;e<a.length;e++)u(a[e]);return u}({1:[function(e,t,r){"use strict";{const c="undefined"==typeof rocket_pairs?[]:rocket_pairs,a=(("undefined"==typeof rocket_excluded_pairs?[]:rocket_excluded_pairs).map(t=>{var e=t.selector;document.querySelectorAll(e).forEach(e=>{e.setAttribute("data-rocket-lazy-bg-"+t.hash,"excluded")})}),document.querySelector("#wpr-lazyload-bg-container"));var o=rocket_lazyload_css_data.threshold||300;const u=new IntersectionObserver(e=>{e.forEach(t=>{t.isIntersecting&&c.filter(e=>t.target.matches(e.selector)).map(t=>{var e;t&&((e=document.createElement("style")).textContent=t.style,a.insertAdjacentElement("afterend",e),t.elements.forEach(e=>{u.unobserve(e),e.setAttribute("data-rocket-lazy-bg-"+t.hash,"loaded")}))})})},{rootMargin:o+"px"});function n(){0<(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).length&&c.forEach(t=>{try{document.querySelectorAll(t.selector).forEach(e=>{"loaded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&"excluded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&(u.observe(e),(t.elements||=[]).push(e))})}catch(e){console.error(e)}})}n(),function(){const r=window.MutationObserver;return function(e,t){if(e&&1===e.nodeType)return(t=new r(t)).observe(e,{attributes:!0,childList:!0,subtree:!0}),t}}()(document.querySelector("body"),n)}},{}]},{},[1]);
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script>
<script type="text/javascript" id="flatsome-js-js-extra">
/* <![CDATA[ */
var flatsomeVars = {"theme":{"version":"3.19.14"},"ajaxurl":"https:\/\/modularhomedirect.com\/wp-admin\/admin-ajax.php","rtl":"","sticky_height":"149","stickyHeaderHeight":"0","scrollPaddingTop":"0","assets_url":"https:\/\/modularhomedirect.com\/wp-content\/themes\/flatsome\/assets\/","lightbox":{"close_markup":"<button title=\"%title%\" type=\"button\" class=\"mfp-close\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-x\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/button>","close_btn_inside":false},"user":{"can_edit_pages":false},"i18n":{"mainMenu":"Main Menu","toggleButton":"Toggle"},"options":{"cookie_notice_version":"1","swatches_layout":"stacked","swatches_disable_deselect":false,"swatches_box_select_event":false,"swatches_box_behavior_selected":false,"swatches_box_update_urls":"1","swatches_box_reset":false,"swatches_box_reset_limited":false,"swatches_box_reset_extent":false,"swatches_box_reset_time":300,"search_result_latency":"0"},"is_mini_cart_reveal":""};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/themes/flatsome/assets/js/flatsome.js?ver=e1ad26bd5672989785e1" id="flatsome-js-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/themes/flatsome/inc/integrations/wp-rocket/flatsome-wp-rocket.js?ver=3.19.14" id="flatsome-wp-rocket-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/themes/flatsome/inc/extensions/flatsome-live-search/flatsome-live-search.js?ver=3.19.14" id="flatsome-live-search-js"></script>
<script type="text/javascript" id="wc-add-to-cart-js-extra">
/* <![CDATA[ */
var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https:\/\/modularhomedirect.com\/checkout\/","is_cart":"","cart_redirect_after_add":"no"};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=10.0.2" id="wc-add-to-cart-js" data-wp-strategy="defer"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/themes/flatsome/assets/js/extensions/flatsome-ajax-add-to-cart-frontend.js?ver=3.19.14" id="flatsome-ajax-add-to-cart-frontend-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.0.2" id="sourcebuster-js-js"></script>
<script type="text/javascript" id="wc-order-attribution-js-extra">
/* <![CDATA[ */
var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/modularhomedirect.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.0.2" id="wc-order-attribution-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/plugins/woocommerce/assets/js/jquery-payment/jquery.payment.min.js?ver=3.0.0-wc.10.0.2" id="jquery-payment-js" data-wp-strategy="defer"></script>
<script type="text/javascript" id="sv-wc-payment-gateway-payment-form-v5_10_4-js-extra">
/* <![CDATA[ */
var sv_wc_payment_gateway_payment_form_params = {"card_number_missing":"Card number is missing","card_number_invalid":"Card number is invalid","card_number_digits_invalid":"Card number is invalid (only digits allowed)","card_number_length_invalid":"Card number is invalid (wrong length)","cvv_missing":"Card security code is missing","cvv_digits_invalid":"Card security code is invalid (only digits are allowed)","cvv_length_invalid":"Card security code is invalid (must be 3 or 4 digits)","card_exp_date_invalid":"Card expiration date is invalid","check_number_digits_invalid":"Check Number is invalid (only digits are allowed)","check_number_missing":"Check Number is missing","drivers_license_state_missing":"Drivers license state is missing","drivers_license_number_missing":"Drivers license number is missing","drivers_license_number_invalid":"Drivers license number is invalid","account_number_missing":"Account Number is missing","account_number_invalid":"Account Number is invalid (only digits are allowed)","account_number_length_invalid":"Account number is invalid (must be between 5 and 17 digits)","routing_number_missing":"Routing Number is missing","routing_number_digits_invalid":"Routing Number is invalid (only digits are allowed)","routing_number_length_invalid":"Routing number is invalid (must be 9 digits)"};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/plugins/woocommerce-gateway-bank-of-america-8-1/vendor/skyverge/wc-plugin-framework/woocommerce/payment-gateway/assets/dist/frontend/sv-wc-payment-gateway-payment-form.js?ver=5.10.4" id="sv-wc-payment-gateway-payment-form-v5_10_4-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/plugins/woocommerce-gateway-bank-of-america-8-1/vendor/skyverge/woocommerce-gateway-cybersource/assets/js/frontend/wc-cybersource.min.js?ver=2.5.1" id="wc-cybersource-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/themes/flatsome/assets/js/extensions/flatsome-swatches-frontend.js?ver=3.19.14" id="flatsome-swatches-frontend-js"></script>
<script type="text/javascript" id="googlesitekit-events-provider-woocommerce-js-before">
/* <![CDATA[ */
window._googlesitekit.wcdata = window._googlesitekit.wcdata || {};
window._googlesitekit.wcdata.products = [];
window._googlesitekit.wcdata.add_to_cart = null;
window._googlesitekit.wcdata.currency = "USD";
window._googlesitekit.wcdata.eventsToTrack = ["add_to_cart","purchase"];
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-woocommerce-4c846ed50de2fbdd0624.js" id="googlesitekit-events-provider-woocommerce-js" defer></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/themes/flatsome/assets/js/woocommerce.js?ver=dd6035ce106022a74757" id="flatsome-theme-woocommerce-js-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/shortcode.min.js?ver=6.8.2" id="shortcode-js"></script>
<script type="text/javascript" id="utils-js-extra">
/* <![CDATA[ */
var userSettings = {"url":"\/","uid":"0","time":"1753027931","secure":"1"};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/utils.min.js?ver=6.8.2" id="utils-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/backbone.min.js?ver=1.6.0" id="backbone-js"></script>
<script type="text/javascript" id="wp-util-js-extra">
/* <![CDATA[ */
var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/wp-util.min.js?ver=6.8.2" id="wp-util-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/wp-backbone.min.js?ver=6.8.2" id="wp-backbone-js"></script>
<script type="text/javascript" id="media-models-js-extra">
/* <![CDATA[ */
var _wpMediaModelsL10n = {"settings":{"ajaxurl":"\/wp-admin\/admin-ajax.php","post":{"id":0}}};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/media-models.min.js?ver=6.8.2" id="media-models-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/plupload/moxie.min.js?ver=1.3.5.1" id="moxiejs-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/plupload/plupload.min.js?ver=2.1.9" id="plupload-js"></script>
<!--[if lt IE 8]>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/json2.min.js?ver=2015-05-03" id="json2-js"></script>
<![endif]-->
<script type="text/javascript" id="wp-plupload-js-extra">
/* <![CDATA[ */
var pluploadL10n = {"queue_limit_exceeded":"You have attempted to queue too many files.","file_exceeds_size_limit":"%s exceeds the maximum upload size for this site.","zero_byte_file":"This file is empty. Please try another.","invalid_filetype":"This file cannot be processed by the web server.","not_an_image":"This file is not an image. Please try another.","image_memory_exceeded":"Memory exceeded. Please try another smaller file.","image_dimensions_exceeded":"This is larger than the maximum size. Please try another.","default_error":"An error occurred in the upload. Please try again later.","missing_upload_url":"There was a configuration error. Please contact the server administrator.","upload_limit_exceeded":"You may only upload 1 file.","http_error":"Unexpected response from the server. The file may have been uploaded successfully. Check in the Media Library or reload the page.","http_error_image":"The server cannot process the image. This can happen if the server is busy or does not have enough resources to complete the task. Uploading a smaller image may help. Suggested maximum size is 2560 pixels.","upload_failed":"Upload failed.","big_upload_failed":"Please try uploading this file with the %1$sbrowser uploader%2$s.","big_upload_queued":"%s exceeds the maximum upload size for the multi-file uploader when used in your browser.","io_error":"IO error.","security_error":"Security error.","file_cancelled":"File canceled.","upload_stopped":"Upload stopped.","dismiss":"Dismiss","crunching":"Crunching\u2026","deleted":"moved to the Trash.","error_uploading":"\u201c%s\u201d has failed to upload.","unsupported_image":"This image cannot be displayed in a web browser. For best results convert it to JPEG before uploading.","noneditable_image":"The web server cannot generate responsive image sizes for this image. Convert it to JPEG or PNG before uploading.","file_url_copied":"The file URL has been copied to your clipboard"};
var _wpPluploadSettings = {"defaults":{"file_data_name":"async-upload","url":"\/wp-admin\/async-upload.php","filters":{"max_file_size":"1073741824b","mime_types":[{"extensions":"jpg,jpeg,jpe,gif,png,bmp,tiff,tif,webp,avif,ico,heic,heif,heics,heifs,asf,asx,wmv,wmx,wm,avi,divx,flv,mov,qt,mpeg,mpg,mpe,mp4,m4v,ogv,webm,mkv,3gp,3gpp,3g2,3gp2,txt,asc,c,cc,h,srt,csv,tsv,ics,rtx,css,vtt,dfxp,mp3,m4a,m4b,aac,ra,ram,wav,x-wav,ogg,oga,flac,mid,midi,wma,wax,mka,rtf,pdf,class,tar,zip,gz,gzip,rar,7z,psd,xcf,doc,pot,pps,ppt,wri,xla,xls,xlt,xlw,mdb,mpp,docx,docm,dotx,dotm,xlsx,xlsm,xlsb,xltx,xltm,xlam,pptx,pptm,ppsx,ppsm,potx,potm,ppam,sldx,sldm,onetoc,onetoc2,onetmp,onepkg,oxps,xps,odt,odp,ods,odg,odc,odb,odf,wp,wpd,key,numbers,pages,dwg,json"}]},"multipart_params":{"action":"upload-attachment","_wpnonce":"c3c01191ac"}},"browser":{"mobile":false,"supported":true},"limitExceeded":false};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/plupload/wp-plupload.min.js?ver=6.8.2" id="wp-plupload-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/jquery/ui/mouse.min.js?ver=1.13.3" id="jquery-ui-mouse-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/jquery/ui/sortable.min.js?ver=1.13.3" id="jquery-ui-sortable-js"></script>
<script type="text/javascript" id="mediaelement-core-js-before">
/* <![CDATA[ */
var mejsL10n = {"language":"en","strings":{"mejs.download-file":"Download File","mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen":"Fullscreen","mejs.play":"Play","mejs.pause":"Pause","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left\/Right Arrow keys to advance one second, Up\/Down arrows to advance ten seconds.","mejs.live-broadcast":"Live Broadcast","mejs.volume-help-text":"Use Up\/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","mejs.video-player":"Video Player","mejs.audio-player":"Audio Player","mejs.captions-subtitles":"Captions\/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","mejs.irish":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","mejs.yiddish":"Yiddish"}};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.17" id="mediaelement-core-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=6.8.2" id="mediaelement-migrate-js"></script>
<script type="text/javascript" id="mediaelement-js-extra">
/* <![CDATA[ */
var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive","audioShortcodeLibrary":"mediaelement","videoShortcodeLibrary":"mediaelement"};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=6.8.2" id="wp-mediaelement-js"></script>
<script type="text/javascript" id="wp-api-request-js-extra">
/* <![CDATA[ */
var wpApiSettings = {"root":"https:\/\/modularhomedirect.com\/wp-json\/","nonce":"1d8a9ef525","versionString":"wp\/v2\/"};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/api-request.min.js?ver=6.8.2" id="wp-api-request-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/dist/dom-ready.min.js?ver=f77871ff7694fffea381" id="wp-dom-ready-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/dist/a11y.min.js?ver=3156534cc54473497e14" id="wp-a11y-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/clipboard.min.js?ver=2.0.11" id="clipboard-js"></script>
<script type="text/javascript" id="media-views-js-extra">
/* <![CDATA[ */
var _wpMediaViewsL10n = {"mediaFrameDefaultTitle":"Media","url":"URL","addMedia":"Add media","search":"Search","select":"Select","cancel":"Cancel","update":"Update","replace":"Replace","remove":"Remove","back":"Back","selected":"%d selected","dragInfo":"Drag and drop to reorder media files.","uploadFilesTitle":"Upload files","uploadImagesTitle":"Upload images","mediaLibraryTitle":"Media Library","insertMediaTitle":"Add media","createNewGallery":"Create a new gallery","createNewPlaylist":"Create a new playlist","createNewVideoPlaylist":"Create a new video playlist","returnToLibrary":"\u2190 Go to library","allMediaItems":"All media items","allDates":"All dates","noItemsFound":"No items found.","insertIntoPost":"Insert into post","unattached":"Unattached","mine":"Mine","trash":"Trash","uploadedToThisPost":"Uploaded to this post","warnDelete":"You are about to permanently delete this item from your site.\nThis action cannot be undone.\n 'Cancel' to stop, 'OK' to delete.","warnBulkDelete":"You are about to permanently delete these items from your site.\nThis action cannot be undone.\n 'Cancel' to stop, 'OK' to delete.","warnBulkTrash":"You are about to trash these items.\n  'Cancel' to stop, 'OK' to delete.","bulkSelect":"Bulk select","trashSelected":"Move to Trash","restoreSelected":"Restore from Trash","deletePermanently":"Delete permanently","errorDeleting":"Error in deleting the attachment.","apply":"Apply","filterByDate":"Filter by date","filterByType":"Filter by type","searchLabel":"Search media","searchMediaLabel":"Search media","searchMediaPlaceholder":"Search media items...","mediaFound":"Number of media items found: %d","noMedia":"No media items found.","noMediaTryNewSearch":"No media items found. Try a different search.","attachmentDetails":"Attachment details","insertFromUrlTitle":"Insert from URL","setFeaturedImageTitle":"Featured image","setFeaturedImage":"Set featured image","createGalleryTitle":"Create gallery","editGalleryTitle":"Edit gallery","cancelGalleryTitle":"\u2190 Cancel gallery","insertGallery":"Insert gallery","updateGallery":"Update gallery","addToGallery":"Add to gallery","addToGalleryTitle":"Add to gallery","reverseOrder":"Reverse order","imageDetailsTitle":"Image details","imageReplaceTitle":"Replace image","imageDetailsCancel":"Cancel edit","editImage":"Edit image","chooseImage":"Choose image","selectAndCrop":"Select and crop","skipCropping":"Skip cropping","cropImage":"Crop image","cropYourImage":"Crop your image","cropping":"Cropping\u2026","suggestedDimensions":"Suggested image dimensions: %1$s by %2$s pixels.","cropError":"There has been an error cropping your image.","audioDetailsTitle":"Audio details","audioReplaceTitle":"Replace audio","audioAddSourceTitle":"Add audio source","audioDetailsCancel":"Cancel edit","videoDetailsTitle":"Video details","videoReplaceTitle":"Replace video","videoAddSourceTitle":"Add video source","videoDetailsCancel":"Cancel edit","videoSelectPosterImageTitle":"Select poster image","videoAddTrackTitle":"Add subtitles","playlistDragInfo":"Drag and drop to reorder tracks.","createPlaylistTitle":"Create audio playlist","editPlaylistTitle":"Edit audio playlist","cancelPlaylistTitle":"\u2190 Cancel audio playlist","insertPlaylist":"Insert audio playlist","updatePlaylist":"Update audio playlist","addToPlaylist":"Add to audio playlist","addToPlaylistTitle":"Add to Audio Playlist","videoPlaylistDragInfo":"Drag and drop to reorder videos.","createVideoPlaylistTitle":"Create video playlist","editVideoPlaylistTitle":"Edit video playlist","cancelVideoPlaylistTitle":"\u2190 Cancel video playlist","insertVideoPlaylist":"Insert video playlist","updateVideoPlaylist":"Update video playlist","addToVideoPlaylist":"Add to video playlist","addToVideoPlaylistTitle":"Add to video Playlist","filterAttachments":"Filter media","attachmentsList":"Media list","settings":{"tabs":[],"tabUrl":"https:\/\/modularhomedirect.com\/wp-admin\/media-upload.php?chromeless=1","mimeTypes":{"image":"Images","audio":"Audio","video":"Video","application\/msword,application\/vnd.openxmlformats-officedocument.wordprocessingml.document,application\/vnd.ms-word.document.macroEnabled.12,application\/vnd.ms-word.template.macroEnabled.12,application\/vnd.oasis.opendocument.text,application\/vnd.apple.pages,application\/pdf,application\/vnd.ms-xpsdocument,application\/oxps,application\/rtf,application\/wordperfect,application\/octet-stream":"Documents","application\/vnd.apple.numbers,application\/vnd.oasis.opendocument.spreadsheet,application\/vnd.ms-excel,application\/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application\/vnd.ms-excel.sheet.macroEnabled.12,application\/vnd.ms-excel.sheet.binary.macroEnabled.12":"Spreadsheets","application\/x-gzip,application\/rar,application\/x-tar,application\/zip,application\/x-7z-compressed":"Archives"},"captions":true,"nonce":{"sendToEditor":"db332e3f51","setAttachmentThumbnail":"c5ab86a58b"},"post":{"id":0},"defaultProps":{"link":"","align":"","size":""},"attachmentCounts":{"audio":1,"video":1},"oEmbedProxyUrl":"https:\/\/modularhomedirect.com\/wp-json\/oembed\/1.0\/proxy","embedExts":["mp3","ogg","flac","m4a","wav","mp4","m4v","webm","ogv","flv"],"embedMimes":{"mp3":"audio\/mpeg","ogg":"audio\/ogg","flac":"audio\/flac","m4a":"audio\/mpeg","wav":"audio\/wav","mp4":"video\/mp4","m4v":"video\/mp4","webm":"video\/webm","ogv":"video\/ogg","flv":"video\/x-flv"},"contentWidth":1020,"months":[{"year":"2025","month":"7","text":"July 2025"},{"year":"2025","month":"5","text":"May 2025"},{"year":"2025","month":"4","text":"April 2025"},{"year":"2025","month":"3","text":"March 2025"},{"year":"2025","month":"2","text":"February 2025"},{"year":"2025","month":"1","text":"January 2025"},{"year":"2024","month":"10","text":"October 2024"},{"year":"2016","month":"8","text":"August 2016"}],"mediaTrash":0,"infiniteScrolling":0}};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/media-views.min.js?ver=6.8.2" id="media-views-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/media-editor.min.js?ver=6.8.2" id="media-editor-js"></script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-includes/js/media-audiovideo.min.js?ver=6.8.2" id="media-audiovideo-js"></script>
<script type="text/javascript" id="gla-gtag-events-js-extra">
/* <![CDATA[ */
var glaGtagData = {"currency_minor_unit":"0","products":[]};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/plugins/google-listings-and-ads/js/build/gtag-events.js?ver=5a4e71ac555fd7fba253" id="gla-gtag-events-js"></script>
<script type="text/javascript" id="mytheme-store-notice-js-extra">
/* <![CDATA[ */
var StoreNoticeVars = {"countdownEnabled":"1","endTimestamp":"1751695140000","dismissEnabled":"1"};
/* ]]> */
</script>
<script type="text/javascript" src="https://modularhomedirect.com/wp-content/themes/flatsome-child/js/store-notice.js?ver=1.2" id="mytheme-store-notice-js"></script>
<script type="text/javascript" id="mytheme-store-notice-inline-js-after">
/* <![CDATA[ */
(function(){
        document.addEventListener('DOMContentLoaded',function(){
            var bar = document.getElementById('mytheme-store-notice-bar');
            if (!bar) return;
            var barH = bar.offsetHeight;
            
            if (!StoreNoticeVars.countdownEnabled) return;

            var el      = bar.querySelector('.mytheme-countdown'),
                endTime = parseInt(StoreNoticeVars.endTimestamp, 10),
                tickID;

            function updateTimer(){
                var now  = Date.now(),
                    diff = endTime - now;

                if (diff <= 0){
    var container = el.closest('.mytheme-countdown-container');
    if (container) container.style.display = 'none';
    clearInterval(tickID);
    return;
}



                var d = Math.floor(diff / 864e5),
                    h = Math.floor((diff % 864e5) / 36e5),
                    m = Math.floor((diff % 36e5) / 6e4),
                    s = Math.floor((diff % 6e4) / 1000);

                el.textContent = (d ? d + 'd ' : '') +
                                 (h < 10 ? '0' : '') + h + ':' +
                                 (m < 10 ? '0' : '') + m + ':' +
                                 (s < 10 ? '0' : '') + s;
            }

            function startLoop(){
                updateTimer();
                tickID = setInterval(updateTimer, 5000);
            }

            if (document.visibilityState === 'visible') startLoop();
            document.addEventListener('visibilitychange', function(){
                if (document.visibilityState === 'visible' && !tickID) startLoop();
            });

            if (StoreNoticeVars.dismissEnabled){
                var btn = bar.querySelector('.mytheme-notice-dismiss');
                if (btn){
                    btn.addEventListener('click',function(){
                        bar.style.display = 'none';
                        var d = new Date(); d.setTime(d.getTime() + 2592e6);
                        document.cookie = 'mytheme_store_notice_dismissed=1;expires=' + d.toUTCString() + ';path=/';
                    });
                }
            }
        });
    })();
/* ]]> */
</script>
    <script>
    document.addEventListener('DOMContentLoaded',function(){
      const box=document.querySelector('.mytheme-countdown');
      if(!box) return;
      const endTS=parseInt(box.dataset.endts,10),
            pad =n=>n.toString().padStart(2,'0');
      function tick(){
        let diff=endTS-Date.now();
        if(diff<=0){ box.textContent='00:00:00'; clearInterval(timer); return; }
        const hrs=Math.floor(diff/3600000); diff%=3600000;
        const mins=Math.floor(diff/60000);
        const secs=Math.floor((diff%60000)/1000);
        box.textContent=`${pad(hrs)}:${pad(mins)}:${pad(secs)}`;
      }
      tick();
      const timer=setInterval(tick,1000);
    });
    </script>
    <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://modularhomedirect.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
</body>
</html>
