<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
	<meta name="msvalidate.01" content="F8956AE08AAF82E3E4C033AF445FF1F6" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>Mid-Atlantic Builders | New Homes in Prince George's County</title>
    <meta name="description" content="Mid-Atlantic Builders masterfully crafts luxurious, stylish new homes — built just for you — in sought-after communities in Prince George's County, MD."/>
    
    <link rel="shortcut icon" href="/siteassets/images/favicons/favicon.ico" type="image/x-icon"/>
    <link rel="apple-touch-icon" href="/siteassets/images/favicons/MAB_57x57.png"/>
    <link rel="apple-touch-icon" sizes="72x72" href="/siteassets/images/favicons/MAB_72x72.png"/>
    <link rel="apple-touch-icon" sizes="114x114" href="/siteassets/images/favicons/MAB_114x114.png"/>
    
    <link rel="canonical" href="https://www.midatlanticbuilders.com"/>
    
    <link data-viewport-units-buggyfill="ignore" rel="stylesheet" href="https://use.typekit.net/mpq1rzq.css">
    <link data-viewport-units-buggyfill="ignore" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap"/>
    <link data-viewport-units-buggyfill="ignore" rel="stylesheet" href="/assets/css/reset.css"/>
    <link data-viewport-units-buggyfill="ignore" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"/>
    <link data-viewport-units-buggyfill="ignore" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/css/bootstrap-select.min.css">
    <link data-viewport-units-buggyfill="ignore" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.3/flexslider.min.css"/>
    <link data-viewport-units-buggyfill="ignore" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/css/swiper.min.css"/>
    
    <link data-viewport-units-buggyfill="ignore" type="text/css" rel="stylesheet" href="/assets/js/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css"/>
    <link data-viewport-units-buggyfill="ignore" type="text/css" rel="stylesheet" href="/assets/js/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css"/>
    
    <link type="text/css" rel="stylesheet" href="/assets/css/overlay.css?v=20200811"/>
    <link type="text/css" rel="stylesheet" href="/assets/css/global.custom.css?v=20230607"/>
    <link type="text/css" rel="stylesheet" href="/assets/css/tablet.css?v=20200811"/>
    <link type="text/css" rel="stylesheet" href="/assets/css/livechat.css?v=20200811"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />    
    
    <style>
    #community-slider.mobile{max-width:100vw!important}
	.find-your-home #community-slider.mobile.lazy li img{height:calc((974 / 1920) * 100vw)}
	#slider-text {z-index: 99;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 99%, rgba(0,0,0,1) 100%)}
        /*@media only screen and (max-width: 992px) {
            #slider-text,#slider-text > div:first-child {height: calc(100vh - 366px) !important}
        }*/
		/*@media only screen and (max-width:480px) {
			.has-expandable-callout-bar #slider-text,.has-expandable-callout-bar #slider-text > div:first-child {height: calc(100vh - 416px) !important}
		}*/
	#slider-text .header-top-text {
		font-family: 'Abril Fatface', cursive;
		font-size: 6vw;
		font-weight: 400;
		line-height: 1;
		margin-bottom: 15px;
		color: #FFF;
	}
	#slider-text .header-bottom-text {
		color: #FFF;
		font-family: 'Abril Fatface', cursive;
		font-size: 13vw;
		font-weight: 400;
		line-height: 1;
	}
	#slider-text .header-home-text {
		color: #FFF;
		font-family: "proxima-nova",sans-serif;
		font-size: 64px;
		font-weight: 700;
		line-height: 78px;
		text-shadow: 0 0 12px rgba(0,0,0,.5);
/*
		bottom: 60px;
		position: relative;
		left: 50px;
*/
	}
    #slider-text a.btn {
        max-width: 310px;
        border-color: #FFF !important;
        color: #FFF !important;
        height: 60px;
        padding: 16px 12px;
        width: 400px;
    }
    #slider-text a.btn:hover {
        background-color: #990000;
    }
	.header-select {
		position: absolute;
		bottom: 115px;
		z-index: 9;
	}
	.header-select .bootstrap-select>.dropdown-toggle {
		background-color: white;
		border: 2px solid #990000;
		color: #990000 !important;
		width: 250px;
	}
	#home .bootstrap-select.btn-group .dropdown-toggle .bs-caret:after {
		content: " ";
		display: inline-block;
		position: absolute;
		border-right: none;
		border-bottom: none;
		width: 13px;
		height: 18px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		top: 11px;
		background-image: url('siteassets/images/DoubleArrowsRed.png');
	}
	#home .bootstrap-select.btn-group.open .dropdown-toggle .bs-caret:after {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		top: 11px;
	}
	.header-select .bootstrap-select .select-box.bs-placeholder .filter-option {
		color: #990000;
		font-weight: bold;
	}
	.header-select .bootstrap-select>.dropdown-toggle.bs-placeholder:focus {
		outline: none !important;
	}
/*
	.content-area .main-footer .banner {
		height: 102px;
		background-color: white;
		padding: 30px 60px;
	}
*/
    @media only screen and (min-width:1000px) {
    	.virtual-sales-process-infographic .jumbotron {
            background-color: transparent;
            background-image: url('/assets/img/virtual-sales-process-squashed.png');
            background-size: 100%;
            background-repeat: no-repeat;
            border-radius: 0;
            padding-top: 110px;
            padding-bottom: 0;
            color: #fff;
            margin-top: 40px;
            margin-bottom: 0;
            text-align: right;
            min-height: 420px;
            position: relative;
            height: 400px;
        }
    }
    @media only screen and (min-width:767px) and (max-width: 1000px) {
        .virtual-sales-process-infographic .jumbotron {
            background-color: transparent;
            background-image: url(/assets/img/virtual-sales-process-squashed.png);
            background-size: 100%;
            background-repeat: no-repeat;
            border-radius: 0;
            padding-top: 40px;
            padding-bottom: 0;
            color: #fff;
            margin-top: 40px;
            margin-bottom: 0;
            text-align: right;
            position: relative;
            height: 315px !important;
        }
        .virtual-sales-process-infographic .jumbotron .btn-default {
            max-width: 262px;
            color: white;
            border-color: white;
        }
    }
    @media only screen and (max-width:767px) {
        .virtual-sales-process-infographic .jumbotron {
            background-color: transparent;
            /*background-image: url(/assets/img/virtual-sales-process-mobile-squashed.png);*/
			background-image: url(/assets/img/dream-design-love.png);
            background-size: 100%;
            background-repeat: no-repeat;
            border-radius: 0;
            padding-top: 110px;
            padding-bottom: 0;
            color: #fff;
            /*margin-top: 40px;*/
			margin-top:0;
            margin-bottom: 0;
            text-align: right;
            position: relative;
            height: calc(100vh - 240px);
        }
        .virtual-sales-process-infographic .jumbotron .mobile {position: absolute;position: absolute; bottom: 10px; margin-right: 0; margin-left: 0;}
    }
    @media only screen and (max-width:991px) {
        .main-header {font-size: 44px !important;}
        .main-header span {font-size: 90px !important}
        .align-bottom {text-align: right;}
        
        .virtual-sales-process-infographic .jumbotron .btn-default {border-color:#fff; color: #fff;}
        .sub-header {
            font-size: 22px;
            line-height: 22px;
            margin-bottom: 0;
        }
        .virtual-sales-process-infographic h1{
            font-size: 24px;
            padding-top: 0;
            padding-bottom: 10px;
        }
        .virtual-sales-process-infographic .jumbotron p.lead {font-family:"proxima-nova",sans-serif;font-size: 18px;}
        
        .card .card-image .snipe-wrapper,
		#community-slider .snipe-wrapper{display:block;position:static;width:100%;height:unset}
		.card .card-image .snipe-wrapper > .snipe,
		#community-slider .snipe-wrapper > .snipe{-webkit-transform:unset;transform:unset}
		.card .card-image .snipe-wrapper > .snipe > p,
		#community-slider .snipe-wrapper > .snipe > p{width:100%;font-size:16px;line-height:20px;padding:8px 0;margin:0;position:static}
        
    }
    @media only screen and (min-width:992px) {
    	.row-flex {display:flex;}
    	.align-bottom {position: relative}
        .sub-header {
            position: relative;
            bottom: 30px;
            left: 35px;
        }
        .virtual-sales-process-infographic .jumbotron .btn-default {
            max-width: 262px;
            color: white;
            border-color: white;
        }
		.virtual-sales-process-infographic .jumbotron .btn-default:hover{background-color:#900!important}
    }
    @media only screen and (min-width:1400px) {
    	.virtual-sales-process-infographic .jumbotron {
            padding-top: 290px;
            padding-bottom: 0;
            color: #fff;
            margin-top: 40px;
            margin-bottom: 0;
            text-align: right;
            min-height: 595px;
            position: relative;
            height: 595px;
        }
    }
	.banner .bootstrap-select>.dropdown-toggle.bs-placeholder {
		color: #990000;
		border: 2px solid #990000;
	}
	.banner .bootstrap-select .select-box.bs-placeholder .filter-option {
		color: #990000;
		font-weight: 700;
	}
	.content-area .main-footer .banner span {
		color: #000;
		margin: auto;
	}
	.banner .bootstrap-select.btn-group .dropdown-menu li {
		border-bottom: 1px solid black;
	}
	.banner .bootstrap-select.btn-group .dropdown-toggle .bs-caret:after {
		content: " ";
		display: inline-block;
		position: absolute;
		border-right: none;
		border-bottom: none;
		width: 13px;
		height: 18px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		top: 14px;
		background-image: url('siteassets/images/DoubleArrowsRed.png');
	}
	#home-mobile .header-subtext {
/*
		bottom: 115px;
		position: absolute;
*/
		color: white;
		width: 100%;
		text-align: center;
		font-family: "proxima-nova",sans-serif;
		font-size: 22px;
		font-weight: 700;
	}
	#home-mobile .header-text-mobile {
		position: absolute;
		bottom: 165px;
	}
	#home-mobile .header-top-text-mobile {
		color: white;
		font-family: 'Abril Fatface', cursive;
		font-weight: 400;
		line-height: 1;
		font-size: 11vw !important;
		margin-bottom: 0;
	}
	#home-mobile .header-bottom-text-mobile {
		color: white;
		font-family: 'Abril Fatface', cursive;
		font-weight: 400;
		line-height: 1;
		font-size: 24vw !important;
		text-transform: uppercase;
	}
	#home #header.has-expandable-callout-bar #desktop-menu {
		background-color: rgba(0, 0, 0, .5);
	}
	#home #header.has-expandable-callout-bar #desktop-menu.sticky {
		background-color: white !important;
	}
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		#home-mobile .header-text-mobile {bottom: 85px;}
/*		#home-mobile .header-subtext {bottom: 15px;}*/
	}
	@media only screen and (max-width: 460px) {
		#home .virtual-sales-process-infographic #steps>li>div>iframe {max-width: 440px !important;}
	}
	@media only screen and (max-width: 991px) {
		#header {
			background: transparent;
			position: absolute;
			width: 100%;
		}
		#home #header.has-expandable-callout-bar #mobile-menu {
			background: rgba(0,0,0,.5);
			width: 100%;
		}
		#home #header #mobile-menu {
			background: rgba(0,0,0,.5);
			width: 100%;
		}
		footer span.footer-phone-icon {margin-right: 15px;}
		.btn-mobile-footer, .btn-mobile-footer:visited, .btn-mobile-footer:focus, .btn-mobile-footer:hover {
			border: 2px solid #000;
			color: #000;
		}
	}
	@media only screen and (min-width: 992px) {
		#desktop-menu.sticky {
		  position: fixed;
		  top: 0;
		  width: 100%
		}
		#footer .bottom-footer {
			top: 0;
		}
		#home .megamenu .dropdown .dropdown-toggle.active, ##desktop-menu .navbar-nav>li:not(.secondary-nav-osc-callout)>a.active {
			color: #FFF;
			border-bottom: 4px solid #FFF!important;
		}
		#home #desktop-menu .navbar-nav>li:not(.secondary-nav-osc-callout)>a {
			color: #FFF;
			text-shadow: none;
			text-decoration: none;
			font-weight: 700;
		}
		#home #desktop-menu.sticky .navbar-nav>li:not(.secondary-nav-osc-callout)>a {
			color: black !important;
		}
		#home #desktop-menu .navbar-nav>li:not(.secondary-nav-osc-callout)>a:focus, #home #desktop-menu .navbar-nav>li:not(.secondary-nav-osc-callout)>a:hover {
			color: #FFF!important;
			border-bottom: 4px solid #FFF!important;
		}
		#home #secondary-nav-osc-callout-alt>.tumble:not(.active)>span {
			border: 2px solid rgb(255,255,255);
			background-image: url(/assets/img/icons/chat_icon_white.svg);
			background-repeat: no-repeat;
			background-position: 9px 8px;
			color: rgb(255,255,255);
		}
		#home #secondary-nav-osc-callout-alt>.tumble:not(.active)>span:before {
			color: rgb(255,255,255);
			padding: 0 9px 0 0;
			text-align: right;
			border: 2px solid rgb(255,255,255);
			line-height: 32px;
			background-image: url(/assets/img/icons/chat_icon_white.svg);
			background-repeat: no-repeat;
			background-position: 9px 8px;
		}
		#home #desktop-menu.hover-menu #secondary-nav-osc-callout-alt>.tumble:not(.active)>span {
			border: 2px solid rgb(153,0,0);
			background-image: url(/assets/img/icons/icon.chat.red.16pxw.png);
			background-repeat: no-repeat;
			background-position: 9px 8px;
			color: rgb(153,0,0);
		}
		#home #desktop-menu.hover-menu #secondary-nav-osc-callout-alt>.tumble:not(.active)>span:before {
			color: rgb(153,0,0);
			padding: 0 9px 0 0;
			text-align: right;
			border: 2px solid rgb(153,0,0);
			line-height: 32px;
			background-image: url(/assets/img/icons/icon.chat.red.16pxw.png);
			background-repeat: no-repeat;
			background-position: 9px 8px;
		}
		#home #desktop-menu .white-logo {
			display: block;
			position: absolute;
			top: 9px;
			left: 30px;
			width: 200px;
			height: 72px;
		}
		#home #desktop-menu .color-logo {
			display: none;
		}
		#home #desktop-menu.sticky .color-logo {
			displ: none !important;
		}
		#home #desktop-menu.sticky .color-logo {
			display: inline-block !important;
		}
		#home #header.has-expandable-callout-bar #desktop-menu.hover-menu {
			background-color: #FFF;
		}
		#home #desktop-menu.hover-menu .navbar-nav>li:not(.secondary-nav-osc-callout)>a {
			color: #000;
		}
		#home #desktop-menu.hover-menu .navbar-nav>li:not(.secondary-nav-osc-callout)>a:focus, #home #desktop-menu.hover-menu .navbar-nav>li:not(.secondary-nav-osc-callout)>a:hover {
			color: #900!important;
			border-bottom: 4px solid #900!important;
		}
		#home #desktop-menu.hover-menu .white-logo {
			display: none;
		}
		#home #desktop-menu.hover-menu .color-logo {
			display: block;
		}
		footer .footer-eho {
			position: relative;
			top: -4px;
			padding-right: 15px;
			display: table-cell;
			vertical-align: middle;
		}
		footer .footer-disclaimer p {
			width: 80%;
			display: inline-block;
		}
		footer .footer-eho-disclaimer {
			padding-top: 40px;
			position: relative;
			top: -4px;
			display: table;
		}
		footer ul.footer-contact li.footer-phone {
			padding-top: 0 !important;
		}
		footer ul.award-icons li {margin: 0 7px;}
		.award-icons {
			padding-top: 50px;
		}
		.award-icons li.pepco img {
			width: 3vw;
		}
		.award-icons li.mbia img {
			width: 4vw;
		}
		.award-icons li.best img {
			width: 3vw;
		}
		.award-icons li.energy-smart img {
			width: 11vw;
		}
		.award-icons li.energy-star img {
			width: 6vw;
		}	
	}
	.change-logo {
		background: white !important;
	}
	.change-logo #mobile-menu-logo {
/*			display: none !important;*/
	}
	#mobile-menu-logo-black {
		display: none !important;
	}
	.change-logo #mobile-menu-logo-black {
		display: inline-block !important;
	}
	nav.change-logo #nav-icon span {
		background: black !important;
	}
	#home nav #nav-icon span {
		background: white;
	}
	nav #nav-icon span {
		background: black;
	}
	.lt-tablet-landscape{display:none}
	.not-lt-tablet-landscape{display:block}
	@media only screen and (min-width : 321px) and (max-width:812px) and (orientation:landscape) {
		.find-your-home.floorplan #header,
		.our-home-designs.floorplan #header{display:none}
		.lt-tablet-landscape{display:block}
		.not-lt-tablet-landscape{display:none}
		html.has-expandable-callout-bar .find-your-home.floorplan main,
		html.has-expandable-callout-bar .our-home-designs.floorplan main{padding-top:0}
		.mobile-microsite.my-0-imp{margin-top:5px!important;font-size:18px;line-height:22px}
		.mobile-microsite.my-0-imp > span{font-weight:400}
		.lt-tablet-landscape-comm-link{margin-top:0;margin-bottom:10px}
		.lt-tablet-landscape-comm-link a{font-size:12px;font-weight:bold;text-decoration:none!important}
		.find-your-home.floorplan #iAtlasChatDiv,
		.our-home-designs.floorplan #iAtlasChatDiv{display:none}
	}
	.calendly-overlay{background-image:url('/assets/external/red.png');background-repeat:repeat-x;background-position:top}
	</style>
    
    <script>
	var rootWebPath 				= '/RealResults',
		servername  				= 'https://www.midatlanticbuilders.com',
		bIsLiveSite 				= true,
		ss_loop						= true,
		ss_initial_slide 			= 0,
		num_ss_slides				= 0,		
		google_tag_param_community 	= '',
		google_tag_param_county     = '';
		
		var	captcha_a 			= 6,
			captcha_b 			= 6;
		
		var atlasSettings		= {
			pageType			: ''
			
		};
		
	document.domain			= 'midatlanticbuilders.com';
	
	function generate_captcha(eleid,overrideRequired) {
		if(!overrideRequired)	overrideRequired = "<sup>*</sup>";
		document.getElementById(eleid).innerHTML = "What is "+captcha_a+" + "+captcha_b+" = "+overrideRequired; 
	}
    </script>
    <script src="/assets/js/enquire.min.js"></script>
    <script src="/assets/js/all.js"></script>
    <script src="/assets/js/modernizr.custom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/js/bootstrap-select.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/js/swiper.jquery.min.js"></script>
    <script src="/assets/js/verge.min.js"></script>
    
<script>
	function setCookie(cname,cvalue,exdays,path){path = path || '';var d = new Date();d.setTime(d.getTime() + (exdays*24*60*60*1000));var expires = "expires="+d.toUTCString();document.cookie = cname + "=" + cvalue + "; " + expires+(path.length !== 0 ? "; path="+path : "");};
	function getCookie(cname){var name = cname + "=",ca = document.cookie.split(';');for(var i=0;i<ca.length;i++) {var c = ca[i];while(c.charAt(0)==' '){c = c.substring(1);}if(c.indexOf(name) == 0){return c.substring(name.length,c.length);}}return "";};
    /* Hotjar Tracking Code for https://www.midatlanticbuilders.com/ */
	(function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:979182,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
    
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-WB3QS9');</script>
	<!-- End Google Tag Manager -->
    
    <script>
    if(window.dataLayer && Object.keys(atlasSettings).length !== 0)
		window.dataLayer.atlasSettings = atlasSettings;
	</script>
    
</head>
<body id="home">

<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-WB3QS9"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager -->

	<div id="header">
		
<nav id="desktop-menu" class="navbar-default megamenu hidden-xs hidden-sm">
    <div class="container-fluid">
        <a class="logo-wrap" href="/"><img class="white-logo" src="/assets/img/logos/MABLogo_White.svg" alt="Mid-Atlantic Builders"/><img class="color-logo" src="/assets/img/logos/MABLogo_Black.svg" alt="Mid-Atlantic Builders"/></a>
        <ul class="nav navbar-nav secondary-menu">
            
            <li class="dropdown" id="resources-dropdown">
            	<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources</a>
                <ul class="dropdown-menu" role="menu">
                	<li><a href="/get-fast-answers">Get Fast Answers</a></li>
                    <li><a href="/for-realtors/">For Realtors</a></li>
                    <li><a href="https://mymabhome.midatlanticbuilders.com" target="_blank" rel="external nofollow">MyMAB Home</a></li>
                    <li><a href="/my-saved-plans">My Saved Floorplans</a></li>
                    <li><a href="/resources/financing">Financing</a></li>
                    <li><a href="/resources/referral-rewards">Referral Rewards</a></li>
                    <li><a href="/resources/sell-your-home">Selling Your Home</a></li>
                    <li><a href="/resources/virtual-sales-process">Virtual Sales Process</a></li>
                </ul>
            </li>
            <li><a href="/careers/">Careers</a></li>
            <li id="secondary-nav-contact"><a href="/contact/">Contact</a></li>
            <li id="secondary-nav-osc-callout" class="secondary-nav-osc-callout"><a href="#" data-toggle="#osc-dropdown" role="button" aria-expanded="false">I&rsquo;m Here to Help You</a></li>
            <li id="secondary-nav-osc-callout-alt" class="secondary-nav-osc-callout"><a href="#" data-toggle="#osc-dropdown" role="button" aria-expanded="false" class="tumble"><span data-hover="I&rsquo;m Here to Help You">I&rsquo;m Here to Help You</span></a></li>
        </ul>
        <ul class="nav navbar-nav mega">
        	<li id="osc-dropdown" class="dropdown megamenu-fw">
            	<ul class="dropdown-menu megamenu-content" role="menu">
                	<li>
                    	<div class="row">
                        	<div class="col-md-offset-1 col-md-6 no-padding">
                            	<h3>I&rsquo;m Here to Help You</h3>
                            </div>
                            <div class="col-md-offset-4 col-md-1">
                            	<a href="#" id="nav-close-osc" class="nav-dropdown-close"><img src="/assets/img/nav-close.png" alt="Close"/></a>
                            </div>
                        </div>
						<style>
						#osc-dropdown-contact-row #osc-dropdown-contact > li:nth-of-type(1),
                        #osc-dropdown-contact-row .osc-dropdown-contact > li:nth-of-type(1){margin-bottom:10px}
                        #osc-dropdown-contact-row #osc-dropdown-contact > li:nth-of-type(n+2),
                        #osc-dropdown-contact-row .osc-dropdown-contact > li:nth-of-type(n+2){margin-bottom:10px}
                        #osc-dropdown-contact-row #osc-dropdown-contact > li:last-of-type,
                        #osc-dropdown-contact-row .osc-dropdown-contact > li:last-of-type{margin-bottom:0}
						@media only screen and (min-width: 992px) {
							#osc-dropdown-contact > li, .osc-dropdown-contact > li {
								margin-bottom:16px;
							}
							#osc-dropdown-contact-row p {
								text-align: left;
    							padding-left: 0;
    							padding-right: 10px;
								}
						}
						@media screen and (min-width:1165px) {
							#osc-dropdown-contact > li.osc-dropdown-schedule-appointment:before, 
							.osc-dropdown-contact > li.osc-dropdown-schedule-appointment:before{
								height:30px;
							}
							#osc-dropdown-contact > li.osc-dropdown-schedule-appointment > a,
							.osc-dropdown-contact > li.osc-dropdown-schedule-appointment > a{
								line-height:18px!important;
								display:block!important;
							}
						}
						@media screen and (min-width:1165px) and (max-width:1250px) {
							#osc-dropdown-contact-wrapper,.osc-dropdown-contact-wrapper{padding-left:20px}
							#osc-dropdown-contact > li{margin-bottom:20px}
							#osc-dropdown-contact-row #osc-dropdown-contact > li > a,
							#osc-dropdown-contact-row .osc-dropdown-contact > li:nth-of-type(n+2) > a{font-size:16px;line-height:26px}
						}
						@media screen and (min-width:992px) and (max-width:1164px) {
							#osc-dropdown-contact-wrapper,.osc-dropdown-contact-wrapper{padding-left:20px}
							#osc-dropdown-contact > li{margin-bottom:16px}
							#osc-dropdown-contact-row #osc-dropdown-contact > li:nth-of-type(n+2),
							#osc-dropdown-contact-row .osc-dropdown-contact > li:nth-of-type(n+2){text-indent:32px}
							#osc-dropdown-contact-row #osc-dropdown-contact > li > a,
							#osc-dropdown-contact-row .osc-dropdown-contact > li:nth-of-type(n+2) > a{font-size:14px;line-height:24px}
							.osc-dropdown-call::before{background-size:24px 24px;width:24px}
							.osc-dropdown-schedule-appointment::before{background-size:24px 24px;width:24px}
							.osc-dropdown-email::before{background-size:24px 18px;width:24px}
							.osc-dropdown-contact > .chat::before{background-size:24px 22px;width:24px}
						}
						/*@media screen and (min-width:992px) and (max-width:1064px) {
							#osc-dropdown-img-wrapper,.osc-dropdown-img-wrapper,
							#osc-dropdown-img-wrapper > img,.osc-dropdown-img-wrapper > img{width:180px}
						}*/
						#osc-dropdown-contact > li.osc-dropdown-schedule-appointment:before, .osc-dropdown-contact > li.osc-dropdown-schedule-appointment:before{
							background-image:url(/assets/img/icons/icon.calendar.red-20210727.svg);
							top:4px;
						}
						.osc-dropdown-schedule-appointment{text-indent:0!important;padding-left:44px}
						.osc-dropdown-schedule-appointment > a{font-size:18px;line-height:18px;display:block}
						@media screen and (min-width: 992px) and (max-width: 1164px) {
							#osc-dropdown-contact-row #osc-dropdown-contact > li > a, 
							#osc-dropdown-contact-row .osc-dropdown-contact > li:nth-of-type(n+2) > a{
								font-size:16px;line-height:26px;
							}
							#osc-dropdown-contact .chat::before,.osc-dropdown-contact .chat::before{background-size:24px 22px}
							.osc-dropdown-schedule-appointment{padding-left:32px}
							.osc-dropdown-schedule-appointment > a{font-size:16px!important;line-height:16px!important;display:block}
						}
						.osc-dropdown-call > a > .hidden-md{display:none}
						.osc-dropdown-call > a > .hidden-sm{display:inline}
						@media screen and (max-width:991px) {
							.osc-dropdown-call > a > .hidden-md{display:inline}
							.osc-dropdown-call > a > .hidden-sm{display:none}
						}
						</style>
                    	<div class="row" id="osc-dropdown-contact-row">
                        	<div class="col-md-offset-1 col-md-5 no-padding"><div class="row">
									<div class="col-md-12 no-padding">
										<p>Hi, I&rsquo;m Eric. As Mid-Atlantic Builders&rsquo; Online Community Specialist, I can answer any questions you might have about our homes and communities in Maryland. No matter how you prefer to communicate, I&rsquo;m always here to help.</p>
									</div>
								</div><div class="row">
                                	<div class="col-md-12 no-padding" style="display:flex;float:none;flex-direction:row">
										<div id="osc-dropdown-img-wrapper" style="display:flex;float:none"><img src="/uploads/images/salesreps/shared_header/F49DC649-C0C2-3963-2FE6C714757E75C8.jpg"/></div>
                                        <div id="osc-dropdown-contact-wrapper" style="display:flex;padding-left:21px;float:none;flex-direction:column;justify-content:center">
                                            <ul id="osc-dropdown-contact" style="margin-top:0;height:auto">
												<li class="osc-dropdown-name"><span>Eric</span></li>
												<li class="chat"><a id="fyh-overlay-chat" href="/get-fast-answers" data-toggle="chat-window">Get Fast Answers</a></li>
												<li class="osc-dropdown-email"><a href="mailto:elyman@MidAtlanticBuilders.com">Email Me</a></li>
												<li class="osc-dropdown-schedule-appointment"><a href="/request-appointment">Schedule an<br/>Appointment</a></li>
                                            	<li class="osc-dropdown-call"><a href="tel:3012310010"><span class="hidden-md">Call Me</span><span class="hidden-sm">(301) 231-0010</span></a></li>
                                            </ul>
                                        </div>
                                	</div>	
                                </div></div>
                            <div class="col-md-5 no-padding-right">
                            	<div class="row osc-quick-info-thank-you" style="display:none">
                                	<div class="col-md-12 no-padding limit-600-w">
	                                	<h4 class="red bold text-center"></h4>
    	                            	<p class="col-md-12 osc-qi-ty"></p>
                                    </div>
                                </div>
                            	<div class="row osc-quick-info-form">
                                	<div class="col-md-12 no-padding">
                                    	<div class="col-xs-12 no-padding limit-600-w pad-bottom-15">
	                                    	<span class="small-text form-required" style="right:0"><sup>*</sup>Required fields.</span>
                                        </div>
                                    </div>
                                </div>
                            	<div class="row osc-quick-info-form">
                                	<div class="col-md-12 no-padding">
										<style>
										#osc-quick-info-form .checkbox input[type="checkbox"]{visibility:hidden}
                                        #osc-quick-info-form .checkbox input[type="checkbox"]:checked + label:before{background-color:#424242;border-color:#424242;content:"\2713";display:inline-block;text-align:center;color:#fff;font-size:18px;line-height:24px}
                                        #osc-quick-info-form .checkbox label{cursor:pointer;margin-left:20px;padding-right:10px;font-size:13px;line-height:12px}
                                        #osc-quick-info-form .checkbox label:before {
                                            content: "";
                                            cursor:pointer;
                                            display: inline-block;
                                            position: absolute;
                                            width: 25px;
                                            height: 25px;
                                            left: 0;
                                            border: 1px solid #cccccc;
                                            background-color: #fff;
                                            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
                                            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
                                            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
                                        }
                                        #osc-quick-info-form .checkbox{margin-top:15px;margin-bottom:0}
                                        @media only screen and (max-width:991px) {
                                            #osc-quick-info-form .checkbox label{line-height:25px}
                                        }
										</style>
                                    	<form action="#" method="POST" id="osc-quick-info-form" class="limit-600-w" data-buildername="Mid-Atlantic&#x20;Builders">
                                        <input type="hidden" name="frmid"        			id="frmid"      value="oscquickinfo"/>
										<input type="hidden" name="oscqi[hassmsoptin]"					 	value="true"/>
                                        <div id="errors"></div>
                                        <div class="form-group col-md-6 col-lg-5 no-padding-left">
                                            <label for="oscqi-fname">First Name<sup>*</sup></label>
                                            <input type="text" name="oscqi[fname]" id="oscqi-fname" class="form-control reqd" tabindex="1"/>
                                        </div>
                                        <div class="form-group col-md-6 col-lg-5 col-lg-offset-1 no-padding-right pull-right-lg">
                                            <label for="oscqi-lname">Last Name<sup>*</sup></label>
                                            <input type="text" name="oscqi[lname]" id="oscqi-lname" class="form-control reqd" tabindex="2"/>
                                        </div>
                                        <div class="clear form-group col-md-6 col-lg-5 no-padding-left">
                                            <label for="oscqi-email">Email Address<sup>*</sup></label>
                                            <input type="email" name="oscqi[email]" id="oscqi-email" class="form-control reqd" tabindex="3"/>
                                        </div>
                                        <div class="form-group col-md-6 col-lg-5 col-lg-offset-1 no-padding-right pull-right-lg">
                                            <label for="oscqi-phone">Phone<sup>*</sup></label>
                                            <input type="tel" name="oscqi[phone]" id="oscqi-phone" class="form-control reqd" size="14" maxlength="14" tabindex="4"/>
											<div class="checkbox"><input type="checkbox" name="oscqi[smsoptin]" id="oscqi-smsoptin" value="1" checked="checked" tabindex="5"/><label for="oscqi-smsoptin">Please send me mobile text<br class="hidden-sm hidden-xs"/><span class="visible-inline-xs visible-inline-sm"> </span>messages. <a tabindex="-1" href="https://www.midatlanticbuilders.com/privacy-policy" target="_blank" rel="noopener">I agree to terms</a></label></div>
                                        </div>
                                        <div class="clear form-group col-md-12 col-lg-12 no-padding pull-right-lg">
                                            <label for="contact-comments">Message</label>
                                            <textarea name="oscqi[comments]" id="oscqi-comments" class="form-control" tabindex="6"></textarea>
                                        </div>
                                        <div class="clear form-group col-md-5 col-lg-4 no-padding-left no-bottom-margin">
                                        	<style>
											label#oscqi-captcha-error.error{white-space:nowrap}
											</style>
                                            <label id="oscqi-captchaanswer" for="oscqi-captcha"></label>
                                            <input type="text" name="oscqi[captcha]" id="oscqi-captcha" class="form-control reqd numeric" tabindex="7"/>
                                            <span class="small-text hidden-xs" data-toggle="tooltip" data-placement="right" title="To help prevent automated programs from misusing our contact forms, you must type the answer to this question to confirm that you are a person trying to access the page, not a program. We use basic math rather than optical character recognition so that our seeing impaired visitors can better access our forms. We apologize if this poses any inconvenience.">Why am I being asked this?</span>
                                            <span class="small-text visible-xs" data-toggle="tooltip" data-placement="top" title="To help prevent automated programs from misusing our contact forms, you must type the answer to this question to confirm that you are a person trying to access the page, not a program. We use basic math rather than optical character recognition so that our seeing impaired visitors can better access our forms. We apologize if this poses any inconvenience.">Why am I being asked this?</span>
                                        </div>
                                        <div class="col-md-6 col-md-offset-1 col-lg-5 col-lg-offset-2 no-padding-right pull-right-lg">
                                            <button type="submit" id="oscqi-btnSubmit" class="btnSubmit btn btn-default form-control" tabindex="8"><span class="mail-icon"><img src="/assets/img/icons/mail.png"/></span><span class="btn-text">Send Message</span></button>
                                        </div>
                                    	</form>
                                    </div>
                                </div>
                                <div class="row osc-quick-info-form">
                                    <div class="col-xs-12 no-padding">
                                        <div class="form-privacy col-xs-12 no-padding limit-600-w">
                                            <span class="small-text" style="letter-spacing:-.05px">Your personal information is for internal purposes only. We respect your privacy and are committed to treating your information responsibly.<br/><span> </span>Any personal information you provide is considered confidential and WILL NOT BE SOLD OR SHARED with third parties.</span>
                                        </div>
                                    </div>    
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </li>
            <li id="fyh-dropdown" class="dropdown megamenu-fw">
                <a href="/find-your-home/">Find Your Home</a>
                
            </li>
            <li>
                <a href="/move-in-now/">Move-In Now</a>
            </li>
            <li>
                <a href="/design-your-home/">Our Home Designs</a>
            </li>
            <li>
            	<a href="/high-performance-homes/">Our High Performance Features</a>
            </li>
        </ul>
    </div>
</nav>

<style>
#mobile-menu:not(.short) #mobile-menu-logo{display:block}
#mobile-menu:not(.short) #mobile-menu-logo-short{display:none}
#mobile-menu.short #mobile-menu-logo{display:none}
#mobile-menu.short #mobile-menu-logo-short{display:block}
@media screen and (min-width:768px) {
	#mobile-menu.short #mobile-menu-logo{display:block}
	#mobile-menu.short #mobile-menu-logo-short{display:none}
}
</style>
<nav id="mobile-menu" class="hidden-md hidden-lg">
	
		<a href="/" id="mobile-menu-logo"><img class="logo" src="/assets/img/logos/MABLogo_White.svg" height="72" width="200"/></a>
		<a href="/" id="mobile-menu-logo-black"><img class="logo" src="/assets/img/logos/MABLogo_Black.svg" height="72" width="200"/></a>
	
    <div id="nav-icon">
        <span></span>
        <span></span>
        <span></span>
    </div>
    <div id="menu-icon"><a id="menu-text" href="#">Main Menu</a></div>
    <div id="nav-menu" class="collapse">
        <ul class="nav navbar-nav">
            <li class="menu-item"><a href="/find-your-home/map">Find Your Home</a></li>

        <li id="min-menu" class="active menu-item"><a href="#" class="submenu-item">Move-In Now</a><span class="more-icon"><img src="/assets/img/icons/plus-icon.png" alt="plus" class="plus"><img src="/assets/img/icons/minus-icon.png" alt="minus" class="minus hide"></span>
            <ul id="min-submenu" class="expand-plus">
                <li><a href="/move-in-now/state/MD">Maryland </a></li>
                <li><a href="/move-in-now/">View All Move-In-Now Homes</a></li>
            </ul>
        </li>
        <li id="ohd-menu" class="active menu-item"><a href="#" class="submenu-item">Our Home Designs</a><span class="more-icon"><img src="/assets/img/icons/plus-icon.png" alt="plus" class="plus"><img src="/assets/img/icons/minus-icon.png" alt="minus" class="minus hide"></span>
            <ul id="ohd-submenu" class="expand-plus">
                <li><a href="/design-your-home/hometype/single-family-home">Single Family Homes</a></li><li><a href="/design-your-home/hometype/townhome">Townhomes</a></li>
                <li><a href="/design-your-home/">View All Home Designs</a></li>
            </ul>
        </li>
        <li class="menu-item" id="mobile-menu-hph"><a href="/high-performance-homes/">Our High Performance Features</a></li>
        <li class="menu-item"><a href="/high-performance-homes/energy-smart">Energy$mart</a></li>
        
        <li id="r-menu" class="active menu-item"><a href="#" class="submenu-item">Resources</a><span class="more-icon"><img src="/assets/img/icons/plus-icon.png" alt="plus" class="plus"><img src="/assets/img/icons/minus-icon.png" alt="minus" class="minus hide"></span>
            <ul id="r-submenu" class="expand-plus">
            	<li><a href="/get-fast-answers">Get Fast Answers</a></li>
                <li><a href="/for-realtors">For Realtors</a></li>
                <li><a href="https://mymabhome.midatlanticbuilders.com" target="_blank" rel="external nofollow">MyMAB Home</a></li>
                <li><a href="/my-saved-plans">My Saved Floorplans</a></li>
                <li><a href="/resources/financing">Financing</a></li>
                <li><a href="/resources/referral-rewards">Referral Rewards</a></li>
                <li><a href="/resources/sell-your-home">Selling Your Home</a></li>
                <li><a href="/resources/virtual-sales-process">Virtual Sales Process</a></li>
            </ul>
        </li>
        <li class="menu-item"><a href="/careers/">Careers</a></li>
        <li class="menu-item"><a href="/contact/">Contact</a></li>
        <li id="m-menu" class="active menu-item"><a href="#" class="submenu-item">More</a><span class="more-icon"><img src="/assets/img/icons/plus-icon.png" alt="plus" class="plus"><img src="/assets/img/icons/minus-icon.png" alt="minus" class="minus hide"></span>
            <ul id="m-submenu" class="expand-plus">
                <li><a href="/privacy-policy">Privacy Policy</a></li>
                <li><a href="/terms-and-legal">Terms and Legal</a></li>
                <li><a href="/eho">Equal Housing Opportunity</a></li>
            </ul>
        </li>
        </ul>
    </div><!--/.nav-collapse -->
</nav>

	</div>
<main>
    <div class="content-area">
       	
        <div id="home-mobile" class="flexslider hidden-md hidden-lg">






            <ul class="slides">
				<div id="video_container_mobile">
                	
                   	
                </div>
            </ul>
        </div>
        <style>
		@media screen and (max-width:991px) {
			/*#slider-text{height: calc(100vh - 336px);top:90px;position: absolute;width: 100%;}
			#slider-text > div:first-child{height:calc(100vh - 336px)}*/
			@supports (-webkit-touch-callout: none) {
				#slider-text{height:calc(100vh - 186px);top:90px;position:absolute;width:100%}
				#slider-text > div:first-child{height:calc(100vh - 186px)}	
			}
			@supports not (-webkit-touch-callout: none) {
  				#slider-text{height:calc(100vh - 140px);top:90px;position:absolute;width:100%}
				#slider-text > div:first-child{height:calc(100vh - 140px)}	
			}
			
			#slider-text a.btn{margin-bottom:0!important}
			#slider-text .header-text{margin-top:-67px}
			#home main{padding-top:0}
			.has-expandable-callout-bar #home main{padding-top:50px}
			/*#home main,#home main .content-area{height:calc(100vh - 246px)!important}
			.has-expandable-callout-bar #slider-text{height:calc(100vh - 386px)!important}
			.has-expandable-callout-bar #slider-text > div:first-child{height:calc(100vh - 386px)!important}
			.has-expandable-callout-bar #home main{height: calc(100vh - 246px) !important;}
			.has-expandable-callout-bar #home main .content-area{height: calc(100vh - 246px) !important;}*/
			@supports (-webkit-touch-callout: none) {
				#home main,#home main .content-area{height:calc(100vh - 96px)!important}
				.has-expandable-callout-bar #home main{height:calc(100vh - 96px) !important}
				.has-expandable-callout-bar #home main .content-area{height: calc(100vh - 96px) !important}
				.has-expandable-callout-bar #slider-text{height:calc(100vh - 236px)!important}
				.has-expandable-callout-bar #slider-text > div:first-child{height:calc(100vh - 236px)!important}
			}
			@supports not (-webkit-touch-callout: none) {
				#home main,#home main .content-area{height:calc(100vh - 46px)!important}
				.has-expandable-callout-bar #home main{height:calc(100vh - 50px) !important}
				.has-expandable-callout-bar #home main .content-area{height:calc(100vh - 50px) !important}
				.has-expandable-callout-bar #slider-text{height:calc(100vh - 186px)!important}
				.has-expandable-callout-bar #slider-text > div:first-child{height:calc(100vh - 186px)!important}
			}
			#home .outer-container.infographic{padding-top:0}
			#slider-text a.btn{display:block;height:50px;line-height:46px;padding:0 12px}
			.virtual-sales-process-infographic .jumbotron{height:530px}
		}
		@media screen and (min-width:992px) {
			#slider-text{height: calc(100vh - 90px);top:90px;position: absolute;width: 100%;}
			#slider-text > div:first-child{height:calc(100vh - 90px)}
			.has-expandable-callout-bar #slider-text{top:140px}
			.has-expandable-callout-bar #slider-text,
			.has-expandable-callout-bar #slider-text > div:first-child{height:calc(100vh - 140px);}
			#home .outer-container.infographic{padding-top:30px!important}
		}
		@media screen and (min-width:768px) {
			#home .outer-container.infographic{padding-top:30px!important}
		}
		</style>
		<div id="slider-text" class="container-fluid">
			<div class="row">	
				<div class="col-sm-12 col-md-12" style="position:relative;height:inherit;display:flex;justify-content:center;align-items:center;">
                	<div class="header-text">
                    	<div class="header-home-text hidden-xs hidden-sm">Find Your New Home Now</div>
                        <div class="header-home-text hidden-md hidden-lg">Find Your<br/>New Home Now</div>
                        <a href="/find-your-home/" role="button" class="btn btn-default">Explore Available Communities</a>
                    </div>
                </div>		
			</div>
		</div>
        <div id="home-desktop" class="flexslider hidden-xs hidden-sm">
        	<div class="container-fluid outer-container virtual-sales-process-overlay-text">
                <div class="row no-margin gt-tablet-portrait-only">
                    <div class="col-md-12 no-padding virtual-sales-process-header">
                        <div class="container-fluid" style="position:relative;height:inherit">
                            <div class="row" style="position:relative;height:inherit">


                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <ul class="slides">
                <li class="homepage-slider-slide">
                    <div class="homepage-slide-inner">

                        <div id="video_container">
							
                        </div>
                    </div>
                </li>                
            </ul>
        </div>

        <style>
		#osc-mobile-headshot,
		#osc-mobile-headshot > img{width:95px;height:157px;opacity:0}
		#osc-mobile-headshot{position:absolute;bottom:0;right:0;z-index:1}
		.banner{opacity:0}
		.banner.oscslide{background-color:#FFF}
		.banner.oscslide > img{display:none}
		.banner.oscslide > span{display:block;color:rgb(153,0,0)}
		.banner.oscslide > span+br{display:none}
		.banner.oscslide > #home-caption-one.lg-text{line-height:26px;top:0}
		.banner.oscslide > #home-caption-two{line-height:20px;color:rgb(0,0,0)}
		</style>




</main>
<div class="container-fluid outer-container infographic">
    
    <div class="row row-flex">
    <div class="col-xs-12 col-md-12 col-md-offset-1" id="steps-to-homeownership">
        <h1 class="main-header">Your Family is <br/><span>Unique</span></h1>
         <div style="display:inline-block" class="hidden-xs hidden-sm">
            <h3 class="sub-header">Your Home <br class="hidden-xs hidden-sm"/>Should Be, Too</h3>
          </div>
    </div>
    <div class="col-xs-12 col-md-5 align-bottom hidden-md hidden-lg">
        <h3 class="sub-header">Your Home <br class="hidden-xs hidden-sm"/>Should Be, Too</h3>
    </div>
</div>
<div class="row virtual-sales-process-infographic">
    <div class="col-md-8 col-md-offset-2">
        <h1>Dream It. Design It. Love It.</h1>
        <p>Your dream home doesn't look exactly like someone else's dream home. That's why selecting a Mid-Atlantic Builders home is only the beginning of a collaborative, personalized experience where we'll work together to create a home designed just for you. Soon, your family will be loving life in your one-of-a-kind dream home.</p>
    </div>
    <div class="col-xs-12 no-padding">
    	<style>
		@media screen and (max-width:600px) {
			.jumbotron div > div:nth-child(2) > p:first-child{width:90%;margin-left:auto}
		}
		</style>
        <div class="jumbotron">
            <div class="row mobile">
                <div class="col-md-offset-1 col-md-10">
                  <h1 class="display-4">Discover Our Virtual <br class="hidden-md hidden-lg"/>Sales Process</h1>
                </div>
                <div class="col-md-offset-2 col-md-9">
                    <p class="lead">Social distancing doesn't have to mean putting off your new home. Together, we'll design and build your perfect home safely and conveniently. Ready to learn about the 5 easy steps to homeownership?</p>
                  	<p class="lead"><a class="btn btn-default" href="/resources/virtual-sales-process" role="button">SHOW ME THE PROCESS</a></p>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<div class="overlay overlay-slideup">
    <div class="container" style="padding-top:15px">
        <span id="quick-search-overlay" class="search bold">Quick Search</span>
        <div class="overlay-close open-menu" id="quick-search-close"><span></span><span></span><span></span></div>
        <div class="col-xs-12 no-padding">
            <form id="q-search-m" method="POST" action="/find-your-home/" class="clearfix mobile-filter">
                <div class="form-group">
                    <select id="qfilter-county-m" name="fyhfilter[county]" data-style="select-box" class="selectpicker" title="County" data-header="County">
                    <option value="all">All</option>
                    <option value="prince-georges-county-md">Prince George's County, MD</option>
                    </select>
                </div>
                <div class="form-group">
                    <select id="qfilter-hometype-m" name="fyhfilter[hometype]" data-style="select-box" class="selectpicker" title="Home Design" data-header="Home Design">
                    <option value="all">All</option>
                    <option value="single-family-home">Single Family Home</option><option value="townhome">Townhome</option>
                    </select>
                </div>
                <div class="form-group clearfix">
                    <div class="col-xs-5 no-padding">
                        <select id="qfilter-price_start-m" name="fyhfilter[price_start]" data-style="select-box" class="selectpicker" title="Min Price" data-header="Min Price">
                        <option value="0">No Min Price</option>
                        <option value="600">$600k</option>
                        </select>
                    </div>
                    <div class="col-xs-2 text-center"><span id="price-separator">to</span></div>
                    <div class="col-xs-5 no-padding">
                        <select id="qfilter-price_end-m" name="fyhfilter[price_end]" data-style="select-box" class="selectpicker" title="Max Price" data-header="Max Price">
                        <option value="0">No Max Price</option>
                        <option value="600">$600k</option>
                        </select>
                    </div>
                </div>
                <div class="form-group clearfix">
                    <label for="qfilter-beds-m">Beds</label>
                    <div class="btn-group radioBtn">
                        <a data-toggle="qfilter-beds-m" data-title="Any" class="btn btn-primary btn-sm active">Any</a><a data-toggle="qfilter-beds-m" data-title="3" class="btn btn-primary btn-sm notActive">3+</a><a data-toggle="qfilter-beds-m" data-title="4" class="btn btn-primary btn-sm notActive">4+</a>
                    </div>
                    <input type="hidden" name="fyhfilter[beds]" id="qfilter-beds-m"/>
                </div>
                <div class="form-group clearfix">
                    <label for="qfilter-baths-m">Baths</label>
                    <div class="btn-group radioBtn">
                        <a data-toggle="qfilter-baths-m" data-title="Any" class="btn btn-primary btn-sm active">Any</a><a data-toggle="qfilter-baths-m" data-title="3" class="btn btn-primary btn-sm notActive">3+</a>
                    </div>
                    <input type="hidden" name="fyhfilter[baths]" id="qfilter-baths-m"/>
                </div>
                <div class="form-group">
                    <select id="qfilter-avail-m" name="fyhfilter[avail]" data-style="select-box" class="selectpicker" title="Availability" data-header="Availability">
                    <option value="-1">Any</option>
                    <option value="0">NOW</option><option value="31">Within 1 Month</option><option value="61">Within 2 Months</option><option value="91">Within 3 Months</option><option value="181">Within 6 Months</option>
                    </select>
                </div>
                <div class="col-xs-12 no-padding">
                    <button type="submit" class="btn btn-default red">Search</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div id="modal-request-appt-comms" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="RequestApptComms" aria-hidden="true">
	<div class="modal-dialog modal-lg">
    	<div class="modal-content">
        	<div class="row desktop-light-grey">
                <h3 class="black bold">Request An Appointment</h3>
                <p class="black">To get started requesting an appointment, simply select<br/>from the communities below.</p>
            </div>
            <div id="request-appt-comms-list" class="row"><div class="row no-padding request-appt-comm"><div class="col-md-12 listing-info"><a class="red bold" href="/find-your-home/south-lake-townhomes/request-appointment">South Lake</a></div></div><div class="row no-padding request-appt-comm"><div class="col-md-12 listing-info"><a class="red bold" href="/find-your-home/the-villages-of-savannah--single-family-homes/request-appointment">The Villages of Savannah </a></div></div></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-close" data-dismiss="modal"><img src="/assets/img/icons/search-close.png"/></button>
            </div>
        </div>
    </div>
</div>
<div id="overlay-request-appt-comms" class="overlay overlay-slideup" style="background-color:#F4F4F4">
    <div class="container no-padding">
        <div class="row no-left-right-margin no-padding light-grey">
        	<div class="container">
            	<div class="row">
                	<div class="col-xs-12">
		    	        <h4 class="black bold">Schedule An Appointment</h4>
                    </div>
                </div>
            </div>
            <div class="container-fluid no-padding">
            	<div class="row col-xs-12 pad-bottom-15 no-left-right-margin">
                    <div id="request-appt-comms-list" class="col-xs-12 no-padding"><div class="row request-appt-comm" style="padding:0"><div class="col-xs-12 listing-info"><a class="red bold" style="padding-left:15px;line-height:40px" href="/find-your-home/south-lake-townhomes/request-appointment">South Lake</a></div></div><div class="row request-appt-comm" style="padding:0"><div class="col-xs-12 listing-info"><a class="red bold" style="padding-left:15px;line-height:40px" href="/find-your-home/the-villages-of-savannah--single-family-homes/request-appointment">The Villages of Savannah </a></div></div></div>
                </div>
            </div>
        </div>
        <div class="request-appt-comms-list clearfix"></div>
        <div class="modal-footer">
            <div class="overlay-close open-menu" id="request-appt-comms-overlay-close"><span></span><span></span><span></span></div>
        </div>
    </div>
</div> 

<style>
svg {
  width: 400px; 
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	animation-duration:2s;
} 

.fade-in.one {
-webkit-animation-delay: 0;
-moz-animation-delay: 0;
animation-delay: 0;
}


/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes redToGray { from { fill:#9A0000; } to { fill:#D9D8D9; } }
@-moz-keyframes redToGray { from { fill:#9A0000; } to { fill:#D9D8D9; } }
@keyframes redToGray { from { fill:#9A0000; } to { fill:#D9D8D9; } }

.red-to-gray .cls-2 {
	/* opacity:1;  make things invisible upon start */
  fill: #9A0000;
	-webkit-animation:redToGray ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:redToGray ease-in 1;
	animation:redToGray ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	animation-duration:.5s;
} 

.red-to-gray.one .cls-2 {
-webkit-animation-delay: 0;
-moz-animation-delay: 0;
animation-delay: 0;
}

.red-to-gray.two .cls-2 {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}

.red-to-gray.three .cls-2 {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}

.red-to-gray.four .cls-2 {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
animation-delay: 1.5s;
}

.red-to-gray.five .cls-2 {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
animation-delay: 2s;
}

.red-to-gray.six .cls-2 {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
animation-delay: 2.5s;
}

.red-to-gray.seven .cls-2 {
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
animation-delay: 3s;
}

.red-to-gray.eight .cls-2 {
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
animation-delay: 3.5s;
}

.red-to-gray.nine .cls-2 {
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
animation-delay: 4s;
}


/* make keyframes that tell the start state and the end state of our object */
/* @-webkit-keyframes redToBlack { from { fill:#9A0000; } to { fill:#000000; } }
@-moz-keyframes redToBlack { from { fill:#9A0000; } to { fill:#000000; } } */
@keyframes redToBlack { 
  0% { fill:#9A0000; } 
  20% { fill:#000000; } 
  40% {
    transform-origin: center;
    transform: scale(1);
    fill:#000000;
  }
  60% {
    transform-origin: center;
    transform: scale(1.25) translate(20px, 0px);
    fill:#000000;
  }
  100% {
    transform-origin: center;
    transform: scale(1);
    fill:#000000;
  }
}

/* make keyframes that tell the start state and the end state of our object */
/* @-webkit-keyframes scaleOut { from { transform:scale(0); } to { transform:scale(1); } }
@-moz-keyframes scaleOut { from { transform:scale(0); } to { transform:scale(1); } } */
@keyframes scaleOut { 
  0% { 
    transform-origin: center;
    transform: scale(1); 
  } 
  40% { 
    transform-origin: center;
    transform: scale(1.25) translate(17px, 0px);
    
  } 
  100% {
     transform-origin: center;
    transform: scale(1);
  }
}

.red-to-black .cls-2 {
	/* opacity:1;  make things invisible upon start */
  fill: #9A0000;
  transform-origin: center;
	-webkit-animation:redToBlack ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:redToBlack ease-in 1;
	animation:redToBlack ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1.5s;
	-moz-animation-duration:1.5s;
	animation-duration:1.5s;
} 

.red-to-black .cls-1 {
	/* opacity:1;  make things invisible upon start */
/*   transform-origin: center; */
	-webkit-animation:scaleOut ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:scaleOut ease-in 1;
	animation:scaleOut ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
} 

.red-to-black.eight .cls-2 {
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s; 
animation-delay: 4s; 
}
.red-to-black.eight .cls-1 {
-webkit-animation-delay: 4.5s;
-moz-animation-delay: 4.5s; 
animation-delay: 4.5s; 
}

.red-to-black.nine .cls-2 {
-webkit-animation-delay: 4.5s;
-moz-animation-delay: 4.5s; 
animation-delay: 4.5s; 
}
.red-to-black.nine .cls-1 {
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s; 
animation-delay: 5s; 
}





.scale-out {
	/* opacity:1;  make things invisible upon start */
  transform: scale(1);
	-webkit-animation:scaleOut ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:scaleOut ease-in 1;
	animation:scaleOut ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
} 

/* .scale-out.five {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s; 
animation-delay: 2s; 
} */
    
.overlay-osc-flyin-savannah-fof.overlay .overlay-close span {
    background: white
}
</style> <style>
#osc-overlay-contact-row p{font-size:18px;line-height:23px;max-width:475px;margin-bottom:20px}
#osc-overlay-contact-row .osc-row + .osc-row{margin-top:23px}
#osc-overlay-img-wrapper,.osc--overlay-img-wrapper{width:220px;float:left}
#osc-overlay-img-wrapper > img,.osc--overlay-img-wrapper > img{width:220px}
.osc-overlay-img-wrapper{height:185px;overflow:hidden}
#osc-overlay-contact,.osc-overlay-contact{list-style:none;padding:0;height:144px;margin:7px 0 0 0}
#osc-overlay-contact > li,.osc-overlay-contact > li{position:relative;text-indent:44px;margin-bottom:25px}
.osc-overlay-contact > li{margin-bottom:8px}
#osc-overlay-contact > li:last-of-type,.osc-overlay-contact > li:last-of-type{margin-bottom:0}
#osc-overlay-contact > li.osc-overlay-name,
.osc-overlay-contact > li.osc-overlay-name{text-indent:0;font-size:20px!important;line-height:22px!important;font-weight:bold!important;color:#900;text-align:left!important}
.osc-overlay-chat-email{text-indent:unset}
.osc-overlay-chat-email .osc-overlay-chat-email-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap}
#osc-overlay-contact-row #osc-overlay-contact > li:nth-of-type(1),
#osc-overlay-contact-row .osc-overlay-contact > li:nth-of-type(1){margin-bottom:10px}
#osc-overlay-contact-row #osc-overlay-contact > li:nth-of-type(n+2),
#osc-overlay-contact-row .osc-overlay-contact > li:nth-of-type(n+2){margin-bottom:10px}
#osc-overlay-contact-row #osc-overlay-contact > li:last-of-type,
#osc-overlay-contact-row .osc-overlay-contact > li:last-of-type{margin-bottom:0}
.osc-overlay-schedule-appointment{text-indent:0!important;padding-left:44px}
.osc-overlay-schedule-appointment > a{font-size:18px;line-height:18px;display:block}
.osc-overlay-call > a > .hidden-md{display:none}
.osc-overlay-call > a > .hidden-sm{display:inline}
@media screen and (max-width:991px) {
  .osc-overlay-call > a > .hidden-md{display:inline}
  .osc-overlay-call > a > .hidden-sm{display:none}	
}
.osc-overlay-contact li{text-indent:0!important}
.osc-overlay-contact:before{background:none!important;width:0!important}
.osc-overlay-contact a{display:block;width:calc(100vw - 30px);height:44px;border:2px solid black;text-align:center;text-decoration:none!important;line-height:40px!important;font-weight:bold;text-transform:uppercase}
.osc-overlay-contact a{position:relative}
.osc-overlay-contact .chat > a::before{
    content: '';
    position: relative;
    background-image:url('/assets/img/icons/icon.chat.black.svg');
    background-repeat:no-repeat;
    background-size:22px 20px;
    width:22px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
    top:-2px;
    margin-right:10px;
}
.osc-overlay-contact .osc-overlay-email a::before{
    content: '';
    position:relative;
    background-image:url('/assets/img/icons/ButtonEmail.png');
    background-repeat:no-repeat;
    background-size:22px 16px;
    width:22px;
    height:16px;
    display:inline-block;
    vertical-align:middle;
    top:-2px;
    margin-right:10px;
}
.osc-overlay-contact .osc-overlay-call a::before{
    content: '';
    position:relative;
    background-image:url('/assets/img/icons/Phone-black.png');
    background-repeat:no-repeat;
    background-size:18px 18px;
    width:18px;
    height:18px;
    display:inline-block;
    vertical-align:middle;
    top:-2px;
    margin-right:10px;
}
.osc-overlay-contact .osc-overlay-schedule-appt a::before{
    content: '';
    position:relative;
    background-image:url('/assets/img/icons/icon.calendar.svg');
    background-repeat:no-repeat;
    background-size:18px 18px;
    width:18px;
    height:18px;
    display:inline-block;
    vertical-align:middle;
    top:-2px;
    margin-right:10px;
}
.osc-overlay-contact-row{flex-direction:column!important}
.osc-overlay-contact-wrapper{margin-top:16px!important}
.osc-overlay-contact .schedule-appt{padding-left:0!important}
.osc-overlay-contact{height:auto!important}
</style>
<div id="osc-here-to-help-overlay" class="overlay overlay-slideup has-form">
    <div class="container" style="padding-top:15px">
		<h4 class="bold red" style="margin-top:20px;text-align:center;font-size:28px;">I&rsquo;m Here to Help You</h4>
		<div class="overlay-close open-menu" id="osc-here-to-help-close"><span></span><span></span><span></span></div>
		<div class="row" id="osc-overlay-contact-row">
            <div class="col-xs-12"><div class="row">
                    <div class="col-xs-12">
                        <p>Hi, I&rsquo;m Eric. As Mid-Atlantic Builders&rsquo; Online Community Specialist, I can answer any questions you might have about our homes and communities in Maryland. No matter how you prefer to communicate, I&rsquo;m always here to help.</p>
                    </div>
                </div><div class="row">
                    <div class="col-xs-12" style="display:flex;float:none;flex-direction:column">
                        <div id="osc-overlay-img-wrapper" style="display:flex;float:none"><img src="/uploads/images/salesreps/shared_header/F49DC649-C0C2-3963-2FE6C714757E75C8.jpg"/></div>
                        <div class="osc-overlay-contact-wrapper" style="display:flex;float:none;flex-direction:column;justify-content:center">
                            <ul class="osc-overlay-contact" style="margin-top:0;height:auto">
                                <li class="osc-overlay-name"><span>Eric</span></li>
                                <li class="chat"><a href="/get-fast-answers" data-toggle="chat-window">Get Fast Answers</a></li>
                                <li class="osc-overlay-email"><a href="mailto:elyman@MidAtlanticBuilders.com">Email Me</a></li>
                                <li class="osc-overlay-schedule-appt"><a href="/request-appointment">Schedule an Appointment</a></li>
                                <li class="osc-overlay-call"><a href="tel:3012310010">Call Me</a></li>
                            </ul>
                        </div>
                    </div>	
                </div>
            </div>
        </div>
		<div id="overlay-osc-here-to-help-thank-you" class="clearfix thank-you-wrapper">
            <h4 class="red bold text-center" id="overlay-osc-here-to-help-thank-you-title"></h4>
            <div id="overlay-osc-here-to-help-thank-you-message"></div>
        </div>
        <div class="col-xs-12 no-padding form-wrapper" style="padding-top:20px">
			<span class="small-text form-required"><sup>*</sup>Required fields.</span>
			<style>
            #osc-quick-info-overlay-form .checkbox input[type="checkbox"]{visibility:hidden}
            #osc-quick-info-overlay-form .checkbox input[type="checkbox"]:checked + label:before{background-color:#424242;border-color:#424242;content:"\2713";display:inline-block;text-align:center;color:#fff;font-size:18px;line-height:24px}
            #osc-quick-info-overlay-form .checkbox label{cursor:pointer;margin-left:20px;padding-right:10px;font-size:13px;line-height:12px}
            #osc-quick-info-overlay-form .checkbox label:before {
                content: "";
                cursor:pointer;
                display: inline-block;
                position: absolute;
                width: 25px;
                height: 25px;
                left: 0;
                border: 1px solid #cccccc;
                background-color: #fff;
                -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
                -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
                transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            }
            #osc-quick-info-overlay-form .checkbox{margin-top:15px;margin-bottom:0}
            @media only screen and (max-width:991px) {
                #osc-quick-info-overlay-form .checkbox label{line-height:25px}
            }
            </style>
			<form action="#" method="POST" id="osc-quick-info-overlay-form" class="limit-600-w clearfix" style="margin-top:10px" data-buildername="Mid-Atlantic&#x20;Builders">
                <input type="hidden" name="frmid"        			id="frmid-oscquickinfooverlay"      value="oscquickinfooverlay"/>
                <input type="hidden" name="oscqio[hassmsoptin]"					 						value="true"/>
                <div id="errors"></div>
                <div class="form-group col-xs-12 col-md-6 col-lg-5 no-padding">
                    <label for="oscqio-fname">First Name<sup>*</sup></label>
                    <input type="text" name="oscqio[fname]" id="oscqio-fname" class="form-control reqd" tabindex="1"/>
                </div>
                <div class="form-group col-xs-12 col-xs-offset-0 col-md-6 col-lg-5 col-lg-offset-1 pull-right-lg no-padding">
                    <label for="oscqio-lname">Last Name<sup>*</sup></label>
                    <input type="text" name="oscqio[lname]" id="oscqio-lname" class="form-control reqd" tabindex="2"/>
                </div>
                <div class="clear form-group col-xs-12 col-md-6 col-lg-5 no-padding">
                    <label for="oscqio-email">Email Address<sup>*</sup></label>
                    <input type="email" name="oscqio[email]" id="oscqio-email" class="form-control reqd" tabindex="3"/>
                </div>
                <div class="form-group col-xs-12 col-xs-offset-0 col-md-6 col-lg-5 col-lg-offset-1 pull-right-lg no-padding">
                    <label for="oscqio-phone">Phone<sup>*</sup></label>
                    <input type="tel" name="oscqio[phone]" id="oscqio-phone" class="form-control reqd" size="14" maxlength="14" tabindex="4"/>
                    <div class="checkbox"><input type="checkbox" name="oscqio[smsoptin]" id="oscqio-smsoptin" value="1" checked="checked" tabindex="5"/><label for="oscqio-smsoptin">Please send me mobile text<br class="hidden-sm hidden-xs"/><span class="visible-inline-xs visible-inline-sm"> </span>messages. <a tabindex="-1" href="https://www.midatlanticbuilders.com/privacy-policy" target="_blank" rel="noopener">I agree to terms</a></label></div>
                </div>
                <div class="clear form-group col-xs-12 col-md-12 col-lg-12 pull-right-lg no-padding">
                    <label for="oscqio-comments">Message</label>
                    <textarea name="oscqio[comments]" id="oscqio-comments" class="form-control" tabindex="6"></textarea>
                </div>
                <div class="clear form-group col-xs-12 col-md-5 col-lg-4 no-bottom-margin no-padding">
                    <style>
                    label#oscqi-captcha-error.error{white-space:nowrap}
                    </style>
                    <label id="oscqio-captchaanswer" for="oscqio-captcha"></label>
                    <input type="text" name="oscqio[captcha]" id="oscqio-captcha" class="form-control reqd numeric" tabindex="7"/>
                    <span class="small-text hidden-xs" data-toggle="tooltip" data-placement="right" title="To help prevent automated programs from misusing our contact forms, you must type the answer to this question to confirm that you are a person trying to access the page, not a program. We use basic math rather than optical character recognition so that our seeing impaired visitors can better access our forms. We apologize if this poses any inconvenience.">Why am I being asked this?</span>
                    <span class="small-text visible-xs" data-toggle="tooltip" data-placement="top" title="To help prevent automated programs from misusing our contact forms, you must type the answer to this question to confirm that you are a person trying to access the page, not a program. We use basic math rather than optical character recognition so that our seeing impaired visitors can better access our forms. We apologize if this poses any inconvenience.">Why am I being asked this?</span>
                </div>
                <div class="col-xs-12 col-xs-offset-0 col-md-6 col-md-offset-1 col-lg-5 col-lg-offset-2 pull-right-lg no-padding">
                    <button type="submit" id="oscqio-btnSubmit" class="btnSubmit btn btn-default form-control" tabindex="8"><span class="mail-icon"><img src="/assets/img/icons/mail.png"/></span><span class="btn-text">Send Message</span></button>
                </div>
            </form>
			<div id="overlay-osc-here-to-help-privacy-row" class="small-text" style="padding-bottom:15px">Your personal information is for internal purposes only. We respect your privacy and are committed to treating your information responsibly. Any personal information you provide is considered confidential and WILL NOT BE SOLD OR SHARED with third parties.</div>
		</div>
	</div>
</div>
	<div id="footer">
    	<footer>
<div class="bottom-footer clearfix">
    <div id="footer-contact-wrapper" class="hidden-xs hidden-sm col-xs-12 col-hs-12 col-sm-5 col-md-7 no-padding-sm no-padding-xs">
        <ul class="footer-contact">
            <li class="footer-location">
                <span class="footer-location"><img src="/assets/img/icons/Location_Pin_Footer.svg"/></span>
                <span class="footer-address"><a href="http://maps.google.com?daddr=11611+Old+Georgetown+Road,+2nd+Floor+Rockville,+MD+20852" target="_blank">11611 Old Georgetown Road, 2nd Floor<span class="hidden-md hidden-lg"><br></span><span class="hidden-xs hidden-sm">, </span>Rockville, MD 20852</a></span>
            </li>
            <li>
            	<div class="footer-phone HideThisFor667Up">
                    <a href="tel:3012310010" class="home-screen-btn btn-mobile-footer visible-xs">Call (301) 231-0010</a>
                </div>
            </li>

            
            <li class="footer-phone HideThisAt667">
                <span class="footer-phone-icon"><img src="/assets/img/icons/Phone_Icon_Footer.svg"/></span>
                <span class="footer-phone-number"><a href="tel:3012310010" target="_blank"><b>(301) 231-0010</b></a></span>
            </li>
			<li class="footer-eho-disclaimer">
                <span class="footer-eho"><img src="/assets/img/eho.png" alt="EHO"></span>
                <span class="footer-disclaimer"><p class="disclaimer">&copy; 2024 Mid-Atlantic Builders | The name Mid-Atlantic Builders and the Mid-Atlantic Builders logo are registered service marks of Mid-Atlantic Builders, Inc. All home designs displayed on this website are the copyrighted works of Mid-Atlantic Builders, Inc., and are provided for advertising and educational purposes only. Elevations, floorplans and renderings may not be reproduced without the express written consent of Mid-Atlantic Builders, Inc. Floorplans, exterior elevations, product colors, available options and features are all subject to change without notice. Please see community sales counselor for details.</p></span>
            </li>
        </ul>
    </div>
    <div id="bottom-footer-right" class="col-xs-12 hs-hidden col-sm-7 col-md-5 text-right hidden-xs hidden-sm">
        <ul class="social-icons">
            <li><a href="http://www.facebook.com/pages/Rockville-MD/Mid-Atlantic-Builders/118997321448448?ref=ts" target="_blank" rel="noopener" title="View Mid-Atlantic Builders on Facebook"><img src="/assets/img/icons/Facebook.svg" alt="facebook icon"></a></li> <li><a href="https://www.instagram.com/midatlanticbuilders/" target="_blank" rel="noopener" title="View Mid-Atlantic Builders on Instagram"><img src="/assets/img/icons/Instagram.svg" alt="instagram icon"></a></li> <li><a href="https://www.houzz.com/pro/midatlanticbuilders1/mid-atlantic-builders" target="_blank" rel="noopener" title="View Mid-Atlantic Builders on Houzz"><img src="/assets/img/icons/Houzz.svg" alt="Houzz"></a></li> <li><a href="http://www.youtube.com/midatlanticbuilders" target="_blank" rel="noopener" title="View Mid-Atlantic Builders on Youtube"><img src="/assets/img/icons/YouTube.svg" alt="YouTube"></a></li>
        </ul>

           <ul class="award-icons award-icons-sm clearfix pull-right ">
			   <li class="pepco"><img src="/assets/img/logos/pepco_award.svg" alt="Pepco Award"/></li>
        		<li class="mbia"><img src="/assets/img/logos/MBIA_Builder_Award_Updated_logo_2x.png" alt="MBIA Builder Award"/></li>
                <li class="best"><img src="/assets/img/logos/2006AmericasBestBuilders.svg" alt="America's Best Builders" id="award-icon-best-builders-sm"/></li>
                <li class="energy-smart"><img src="/assets/img/logos/EnergySmartLogo.svg" alt="Enery$mart" class="energy-smart" id="award-icon-energy-smart-sm"/></li>
                <li class="energy-star"><img src="/assets/img/logos/energy_star_logo_2x.png" alt="Energy Star" id="award-icon-energy-star-sm"/></li>
           </ul>
    </div>
</div>

<div class="col-xs-12 hidden-md hidden-lg">
	<div class="footer-location">
    	<span class="footer-location"><img src="/assets/img/icons/Location_Pin_Footer.svg"/></span>
        <span class="footer-address"><a href="http://maps.google.com?daddr=11611+Old+Georgetown+Road,+2nd+Floor+Rockville,+MD+20852" target="_blank">11611 Old Georgetown Road, 2nd Floor<span class="hidden-md hidden-lg"><br></span><span class="hidden-xs hidden-sm">, </span>Rockville, MD 20852</a></span>
    </div>	
</div>
<div class="col-xs-12 no-padding hidden-md hidden-lg" id="hidden-hs-social">
    <div class="footer-phone">
        
		
        		<a href="tel:3012310010" class="home-screen-btn btn-mobile-footer visible-xs"><span class="footer-phone-icon"><img src="/assets/img/icons/Phone_Icon_Footer.svg"/></span>Call (301) 231-0010</a>
            
    </div>
    <ul class="social-icons text-center">
        <li><a href="http://www.facebook.com/pages/Rockville-MD/Mid-Atlantic-Builders/118997321448448?ref=ts" target="_blank" rel="noopener" title="View Mid-Atlantic Builders on Facebook"><img src="/assets/img/icons/Facebook.svg" alt="facebook icon"></a></li> <li><a href="https://www.instagram.com/midatlanticbuilders/" target="_blank" rel="noopener" title="View Mid-Atlantic Builders on Instagram"><img src="/assets/img/icons/Instagram.svg" alt="instagram icon"></a></li> <li><a href="https://www.houzz.com/pro/midatlanticbuilders1/mid-atlantic-builders" target="_blank" rel="noopener" title="View Mid-Atlantic Builders on Houzz"><img src="/assets/img/icons/Houzz.svg" alt="Houzz"></a></li> <li><a href="http://www.youtube.com/midatlanticbuilders" target="_blank" rel="noopener" title="View Mid-Atlantic Builders on Youtube"><img src="/assets/img/icons/YouTube.svg" alt="YouTube"></a></li>
    </ul>
</div>
<div class="col-xs-12 hidden-md hidden-lg" id="hidden-hs-logos1">
    <div class="container rowone-logos">
		<div class="col-xs-4 text-center"><img src="/assets/img/logos/pepco_award.svg" alt="Pepco Award"/></div>
        <div class="col-xs-4 text-center"><img src="/assets/img/MBIA_Builder_Award_Updated_logo.png" alt="MBIA Builder Award" class="img-responsive centered"/></div>
        <div class="col-xs-4 text-center"><img src="/assets/img/AmericasBestBuilders.png" alt="America's Best Builders" class="img-responsive centered"/></div>
    </div>
</div>
<div class="col-xs-12 hidden-md hidden-lg" id="hidden-hs-logos2">
    <div class="container rowtwo-logos">
        <div class="col-xs-6 text-center"><img src="/assets/img/Energy$mart.png" alt="Energy$mart" class="energy-smart img-responsive centered"/></div>
        <div class="col-xs-6 text-center"><img src="/assets/img/energy_star_logo.png" alt="Energy Star" class="img-responsive centered"/></div>
    </div>
</div>
<div class="col-xs-12 hidden-md hidden-lg">
    &copy; 2024 Mid-Atlantic Builders | The name Mid-Atlantic Builders and the Mid-Atlantic Builders logo are registered service marks of Mid-Atlantic Builders, Inc. All home designs displayed on this website are the copyrighted works of Mid-Atlantic Builders, Inc., and are provided for advertising and educational purposes only. Elevations, floorplans and renderings may not be reproduced without the express written consent of Mid-Atlantic Builders, Inc. Floorplans, exterior elevations, product colors, available options and features are all subject to change without notice. Please see community sales counselor for details.
</div>
<div class="col-xs-12 hidden-md hidden-lg text-center" style="padding-bottom: 80px;padding-top: 20px;">
    <img src="/assets/img/eho.png" alt="EHO"/>
</div>

	<div id="bottom-footer-sm" class="col-hs-12 col-sm-12 hidden-xs hidden-sm hidden-md hidden-lg">
		<div class="col-hs-5 col-sm-5 no-padding-sm">
			<div class="footer-copyright pull-left clearfix">
				<span class="eho pull-left"><img src="/assets/img/eho.png" alt="EHO"/></span>
				<span class="copyright">&copy; 2024 Mid-Atlantic Builders<br/>MHBR #4127</span>
			</div>
		</div>
		<div class="col-hs-7 col-sm-7 no-padding">
			<ul class="award-icons award-icons-sm clearfix pull-right">
			  <li><img src="/assets/img/MBIA_Builder_Award_Updated_logo.png" alt="MBIA Builder Award"/></li>
			  <li><img src="/assets/img/AmericasBestBuilders.png" alt="America's Best Builders" id="award-icon-best-builders-sm"/></li>
			  <li><img src="/assets/img/Energy$mart.png" alt="Energy$mart" class="energy-smart" id="award-icon-energy-smart-sm"/></li>
			  <li><img src="/assets/img/energy_star_logo.png" alt="Energy Star" id="award-icon-energy-star-sm"/></li>
		  </ul>
		</div>
	</div> 
	

<div id="expanded-footer">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-5 col-lg-6">
                <p class="disclaimer">&copy; 2024 Mid-Atlantic Builders | The name Mid-Atlantic Builders and the Mid-Atlantic Builders logo are registered service marks of Mid-Atlantic Builders, Inc. All home designs displayed on this website are the copyrighted works of Mid-Atlantic Builders, Inc., and are provided for advertising and educational purposes only. Elevations, floorplans and renderings may not be reproduced without the express written consent of Mid-Atlantic Builders, Inc. Floorplans, exterior elevations, product colors, available options and features are all subject to change without notice. Please see community sales counselor for details.</p>
				
	    	</div>
            <div class="col-md-7 col-lg-6">
                <ul class="award-icons text-center">
                  <li><img src="/assets/img/MBIA_Builder_Award_Updated_logo.png" alt="MBIA Builder Award"/></li>
                  <li><img src="/assets/img/AmericasBestBuilders.png" alt="America's Best Builders"/></li>
                  <li><img src="/assets/img/Energy$mart.png" alt="Energy$mart" class="energy-smart"/></li>
                  <li><img src="/assets/img/energy_star_logo.png" alt="Energy Star"/></li>
              </ul>
            </div>
        </div>
        <div id="footer-links-wrapper" class="row">
            <div class="col-md-3">
                <p class="bold-link"><a href="/find-your-home/">Find Your Home</a></p>
                <ul class="footer-links">
                    <li><a href="/find-your-home/south-lake-townhomes">South Lake</a></li><li>The Villages of Savannah </li>
                </ul>
            </div>
            <div class="col-md-3">
                <p class="bold-link"><a href="/move-in-now">Move-In Now</a></p>
                <p id="footer-link-home-designs" class="bold-link add-margin"><a href="/design-your-home/">Our Home Designs</a></p>
                <ul class="home-design-links col-2"><li><a href="/design-your-home/capri">Capri</a></li><li><a href="/design-your-home/chelsea-">Chelsea</a></li><li><a href="/design-your-home/gramercy-">Gramercy</a></li><li><a href="/design-your-home/greenwich">Greenwich</a></li></ul>
                <ul class="home-design-links col-2"><li><a href="/design-your-home/the-vista-at-south-lake">The Vista At South Lake</a></li><li><a href="/design-your-home/the-waverly-at-south-lake">The Waverly At South Lake</a></li><li><a href="/design-your-home/waverly-essential-series-eseries-">Waverly Essential Series (E-series)</a></li></ul>
            </div>
            <div class="col-md-5">
                <div id="footer-links-col-3-left" style="display:inline-block;width:49%;vertical-align:top">
                    
                    <p class="bold-link"><a href="/high-performance-homes/">Why Choose Our High-Performance Homes?</a></p>
                    <ul class="footer-links">
                    	<li><a href="/high-performance-homes/comfortable-healthy-home">A Comfortable, Healthy Home</a></li>
                        <li><a href="/high-performance-homes/energy-smart">Energy$mart Savings</a></li>
                        <li><a href="/high-performance-homes/custom-fit-connected-home">A Custom-Fit, Connected Home</a></li>
                        <li><a href="/high-performance-homes/superior-innovation-craftsmanship">Superior Innovation &amp; Craftsmanship</a></li>
                        
                    </ul>
                    <p class="bold-link add-margin"><a href="/customize-your-home/energy-smart">Energy$mart</a></p>
                    <p class="bold-link"><a href="/about/">About Us</a></p>
                    <ul class="footer-links">
                        <li><a href="/about/">Overview</a></li>
                        <li><a href="/about/our-history">Our History</a></li>
                        <li><a href="/about/our-team">Meet the Team</a></li>
                        <li><a href="/about/awards">Awards</a></li>
                        <li><a href="/customize-your-home/design-studio#brand-partners">Brand Partners</a></li>
                        <li><a href="/about/land">Land</a></li>
                        <li><a href="/careers">Careers</a></li>
                    </ul>
                </div>
                <div id="footer-links-col-3-left" style="display:inline-block;width:49%;vertical-align:top">
                    <p class="bold-link"><a href="/resources/financing">Resources</a></p>
                    <ul class="footer-links">
                        
                        <li><a href="/for-realtors">For Realtors</a></li>
                        <li><a href="/resources/financing">Financing</a></li>
                        <li><a href="/resources/referral-rewards">Referral Rewards</a></li>
                        <li><a href="/resources/sell-your-home">Selling Your Existing Home</a></li>
                        <li><a href="/resources/virtual-sales-process">Virtual Sales Process</a></li>
                    </ul>
                    
                    <p class="bold-link" style="margin-top:15px"><a href="/contact/">Contact Us</a></p>
                    <p class="bold-link"><a href="/privacy-policy">Privacy Policy</a></p>
                    <p class="bold-link"><a href="/terms-and-legal">Terms and Legal</a></p>
                    <p class="bold-link"><a href="/eho">Equal Housing Opportunity</a></p>	
                </div>
            </div>
            
        </div>
    </div>
    
</div></footer>   
    </div>
    <script src="/adminassets/js/jquery.mask.alt.min.js"></script>
    <script src="/assets/js/jquery.hoverintent.js"></script>
    <script src="/assets/js/classie.js"></script>
    <script src="/assets/js/overlay.js?v=202300206"></script>
    <script src="/adminassets/js/moment.js"></script>
    <script src="/assets/js/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
    <script src="/assets/js/hammerjs.js"></script>
    
    <script src="/assets/js/jquery.base.custom.js?v=20230607"></script>
    
    <script src="/assets/js/viewport-units-buggyfill/viewport-units-buggyfill.js"></script>
    <script src="/assets/js/viewport-units-buggyfill/viewport-units-buggyfill.hacks.js"></script>
	<script>
	window.viewportUnitsBuggyfill.init({refreshDebounceWait:50,hacks:window.viewportUnitsBuggyFillHacks});
	viewportUnitsBuggyfill.refresh();
	</script>
    
     
    
        
        <script type="text/javascript" src="https://cdn.atlasrtx.com/file/Snippets/BuilderBot/MidAtlantic/AtlasRTX-MidAtlantic-202103110057.min.js" defer></script>
	
    <style>
    #video_container, #video_container_mobile{width:100%;height:100%;overflow:hidden;position:relative;z-index:1;opacity:1}
	#video_container > div[id^="wistia"], #video_container_mobile > div[id^="wistia"]{width:100vw;height:100vh}
	#video_container_mobile > .wistia_embed_initialized{height:inherit!important}
	#video_container video, #video_container_mobile video{object-fit:cover!important}
	/*.has-expandable-callout-bar #home-mobile{top:50px}*/
	/*.has-expandable-callout-bar #video_container_mobile{height:calc(100% - 253px)}*/
    </style>
    <script charset='ISO-8859-1' data-viewport-units-buggyfill="ignore" src='https://fast.wistia.com/assets/external/E-v1.js'></script>
    <script charset='ISO-8859-1' data-viewport-units-buggyfill="ignore" src='https://fast.wistia.com/labs/crop-fill/plugin.js'></script>

    <script type="text/javascript">    
	var fullScreenVideo = {
	  /*wistiaVideoID: '252nya9087',
	  wistiaVideoIDMobile: '5zmqd6qppa',*/
	  wistiaVideoID: null,
	  embedVideo: function(videoId){
		this.wistiaVideoID = videoId;
		if(verge.viewportW() >= 992) {
			if($('#video_container_mobile').children().length !== 0)
				$('#video_container_mobile').empty();
			if($('#video_container').children().length === 0)
				$('#video_container').append($('<div/>').attr('id','wistia_'+this.wistiaVideoID));
		} else {
			if($('#video_container').children().length !== 0)
				$('#video_container').empty();
			if($('#video_container_mobile').children().length === 0)
				$('#video_container_mobile').append($('<div/>').attr('id','wistia_'+this.wistiaVideoID));
		}
		var videoOptions = {
			playSuspendedOffScreen: false
		};  
		//Wistia.obj.merge(videoOptions, {plugin: {cropFill: {src: "//fast.wistia.com/labs/crop-fill/plugin.js"}}});
		wistiaEmbed = Wistia.embed(this.wistiaVideoID, videoOptions);
	  },
	  fixTextPosition: function(){
		var width = $(window).width();
		var height = $(window).height();
		if(verge.viewportW() >= 992) {
			$("#video_container").css("width", width).css("height", height);
		/*} else if(verge.viewportW() <= 992 && verge.viewportW() >=767) {
            $("#video_container_mobile").css({"width":width,"height":height - ($('html').hasClass('has-expandable-callout-bar') ? 253 : 223)});
        */} else {
			var bannerShowing = $('html').hasClass('has-expandable-callout-bar'),
				containerHeight = ($("#video_container_mobile").parent().parent().parent().outerHeight() - (bannerShowing ? 50 : 0));
			
			$("#video_container_mobile").css({"width":width,"height":containerHeight+'px'});
		}
	  }     
	};
	$(function() {
		enquire
			.register("screen and (min-width:992px)",{
				setup	: function() {
					/*fullScreenVideo.fixTextPosition();
					fullScreenVideo.embedVideo('252nya9087');*/
					$(window).on('resize',function(){
						fullScreenVideo.fixTextPosition();
					});
				},
				match	: function(){
					fullScreenVideo.fixTextPosition();
					fullScreenVideo.embedVideo('252nya9087');
				}
			})
			.register("screen and (max-width:991px)",{
				setup	: function() {
					/*fullScreenVideo.fixTextPosition();
					fullScreenVideo.embedVideo('5zmqd6qppa');*/
					$(window).on('resize',function(){
						fullScreenVideo.fixTextPosition();
					});
				},
				match	: function() {
					fullScreenVideo.fixTextPosition();
					fullScreenVideo.embedVideo('5zmqd6qppa');
				}
			});
	});
    </script>
    
</body>
</html>