h2 {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
xfont-size: 32px;
xline-height: 13px;
padding-top: 30px;
padding-bottom: 30px;
color: #333333;
text-align: center;
}
h4 {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
xfont-size: 32px;
line-height: 13px;
padding-top: 30px;
padding-bottom: 20px;
color: #333333;
text-align: center;
}
p {
color: #717171;
font-family: Montserrat;
font-size: 17px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
}
/*#HomeLogoBlk {
display: none;
}*/
#hero {
position: relative;
/*max-width: 575px;*/
width:100%;
margin: auto;
}
/* Homepage hero slider */
.hero-slider-wrapper {
/* max-width: 1155px; */
width: 100%;
margin: 0px auto 0px auto;
padding-left: 0.6875em;
padding-right: 0.6875em;
/*max-height: 650px;*/
max-height: 850px;
overflow: hidden;
background-color: #141416;
position: relative;
}

.hero-slider {
margin: auto;
xmax-width: 2000px;
background-color: #141416;
position: relative;
width:100%;
}
.hero-slider img {
width: 100%;
}
@media (min-width: 1500px) {
.hero-slider img {
margin-top: -50px;
}
}
@media (min-width: 2000px) {
.hero-slider img {
margin-top: -100px;
}
}
@media (min-width: 2500px) {
.hero-slider img {
margin-top: -150px;
}
}
/*@media (min-width: 63.8125em) {*/
@media (min-width: 3.8125em) {
.hero-slider-wrapper {
padding-left: 0;
padding-right: 0;
/*margin-top: -10px;*/
position: relative;
top: -6px;
}
}

.hero-slider-header-container {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.hero-slider-header {
position: absolute;
font-family: 'Montserrat';
font-size: 1.5rem;
font-weight: bold;
letter-spacing: 1px;
/*text-shadow: 0 0 3px #000000, 0 0 2px #000000;*/
line-height: 1.0;
padding: 0px 0px;
/*background: rgba(50, 50, 50, 0.35);*/
}

.hero-slider-header a {
font-family: 'Montserrat';
color: #ffffff;
font-size: 1.1rem;
font-weight: bold;
letter-spacing: 1px;
color: white;
text-shadow: 0 0 3px #000000, 0 0 2px #000000;
line-height: 1.0;
padding: 0px 0px;
}
/* Homepage featured trio slider */
.bxslider-featured-wrapper {
max-height: 233px;
overflow: hidden;
}

/* Homepage hero form 2024 */
#HeroSearch-container24 {
position: relative;
}

#HeroSearch24 {
position: absolute;
/*float: left;*/
margin: 10px auto;
bottom: 10px;
left: 0;
right: 0;
/*max-width: 1155px;*/
max-width: 950px;
border-radius: 12px;
padding: 10px;
}

#HeroSearchBg24 {
/*margin-left: calc(50% - 575px);*/
margin: auto;
position: relative;
max-width: 900px;
height: 80px;
padding: 5px;
/*opacity: 0.6;*/
border-radius: 50px;
z-index: 1;
/*    background: rgba(0, 0, 0, 0.49);
backdrop-filter: blur(4px);*/
background-color: #ffffff;
}

#HeroSearchInner24 {
/*margin-left: calc(50% - 577px);*/
position: relative;
max-width: 1100px;
padding: 0px;
line-height: 10px;
border-radius: 12px;
margin-top: -90px;
z-index: 3;
user-select: none;
text-align: center;
}
#HeroSearchInner24 .search-items24 {
display: inline-block;
padding: 0px 5px 0 5px;
top: -33px;
position: relative;
z-index: 4;
}

#HeroSearchInner24 .search-label24 {
position: relative;
top: 8px;
right: -10px;
text-align: left;
}

#HeroSearchInner24 .search-label24-2 {
position: relative;
top: 56px;
right: -10px;
text-align: left;
}

#HeroSearchInner24 .search-increase24 {
position: relative;
top: 50px;
left: -15px;
text-align: right;
}

#HeroSearchInner24 .search-decrease24 {
position: relative;
top: 40px;
left: -15px;
text-align: right;
}

#HeroSearchInner24 input[type="text"] {
width: 140px;
height: 46px;
padding: 0px 0px 0px 20px;
border-radius: 40px;
border: 1px solid #cccccc;
font-size: 12px;
}

#search-submit24 {
margin-left: 5px;
top: -25px;
display: inline-block;
position: relative;
background-color: #066E9F;
padding: 4px 8px 10px 8px;
line-height: 16px;
border-radius: 60px;
width: 90px;
font-size: 14px;
text-transform: uppercase;
}

#search-submit24 .Go {
border: 2px solid #ffffff;
background-color: #066E9F;
color: #ffffff;
width: 100%;
font-size: 15px;
font-weight: bold;
padding: 3px;
}
#PhoneSearchInner24 {
margin: 20px auto 10px auto;
text-align: center;
box-shadow: 0px 5px 5px 0px #00000016;
}
#PhoneSearchInner24 .search-items24 {
display: inline-block;
padding: 0px 5px 0 5px;
xtop: -33px;
xposition: relative;
z-index: 4;
height: 70px;
overflow: hidden;
}

#PhoneSearchInner24 .search-label24 {
position: relative;
xtop: -58px;
xright: -10px;
text-align: left;
margin-left:12px;
z-index:4;
}

#PhoneSearchInner24 .search-label24-2 {
position: relative;
top: -58px;
right: -10px;
text-align: left;
}

#PhoneSearchInner24 .search-increase24 {
position: relative;
top: -55px;
left: -15px;
text-align: right;
xmargin-top: -10px;
margin-left: -15px;
}

#PhoneSearchInner24 .search-decrease24 {
position: relative;
top: -68px;
left: -15px;
text-align: right;
xmargin-top: -10px;
}

#PhoneSearchInner24 .phonesearch-button {
background-color: #066E9F;
color: #ffffff;
width: 140px;
height: 46px;
margin: auto;
padding-top: 8px;
border-radius: 30px;
text-align: left;
padding-left: 14px;
}
#PhoneSearchInner24 .phonesearch-button div {
position: relative;
top: -10px;
left: 3px;
display: inline-block;
}
#PhoneSearchInner24 .phonesearch-button a {
color: #ffffff;
font-size: 15px;
font-weight: 500;
}
#PhoneSearchInner24 input[type="text"] {
width: 140px;
height: 46px;
padding: 0px 0px 0px 20px;
border-radius: 40px;
border: 1px solid #cccccc;
font-size: 12px;
position: relative;
top: -11px;
}

#phonesearch-submit24 {
margin-left: 4px;
top: -20px;
display: inline-block;
position: relative;
}

#phonesearch-submit24 .Go {
border: 2px solid #ffffff;
background-color: #066E9F;
color: #ffffff;
width: 100%;
font-size: 15px;
font-weight: bold;
padding: 3px;
}
.homesearchoptions {position:absolute;z-index:100;border:1px solid #000000;border-radius:3px;background-color:#eeeeee;width:60px;margin-top:-40px;margin-left:95px;padding-top:5px;}
.homesearchbuttonall {border:1px solid #555555;border-radius:2px;background-color:#ffffff;font-size:14px;color:#066E9F;margin:auto;width:40px;height:30px;padding-top:4px;margin-bottom:5px;}
.homesearchbutton {border:1px solid #555555;border-radius:2px;background-color:#ffffff;font-size:20px;color:#066E9F;margin:auto;width:40px;margin-bottom:5px;}
.homesearchbutton:hover {cursor: pointer;}








/* Homepage hero form */
#HeroSearch-container {
position: relative;
}

#HeroSearch {
position: absolute;
/*float: left;*/
margin: 10px auto;
bottom: 10px;
left: 0;
right: 0;
/*max-width: 1155px;*/
max-width: 900px;
border-radius: 12px;
padding: 10px;
}

#HeroSearchBg {
/*margin-left: calc(50% - 575px);*/
margin: auto;
position: relative;
max-width: 900px;
height: 150px;
padding: 5px;
/*opacity: 0.6;*/
border-radius: 100px;
z-index: 1;
/*    background: rgba(0, 0, 0, 0.49);
backdrop-filter: blur(4px);*/
background-color: #ff0000;
}

#HeroSearchInner {
/*margin-left: calc(50% - 577px);*/
position: relative;
max-width: 900px;
padding: 0px;
line-height: 10px;
border-radius: 12px;
margin-top: -150px;
z-index: 3;
user-select: none;
}

#HeroSearchInner h5 {
color: #ffffff;
text-align: center;
font-size: 18px;
font-family: Montserrat;
font-style: normal;
font-weight: bold;
}

.search-header {
text-align: center;
color: #ffffff;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 12.5px;
}

#HeroSearchInner ul {
list-style-type: none;
text-align: center;
width: 100%;
height: 35px;
margin-top: 3px;
margin-bottom: 0px;
}

#HeroSearchInner ul li {
float: left;
background-color: #ffffff;
padding: 2px 0 0px 0;
border-right: 1px solid #C4C4C4;
height: 24px;
cursor: pointer;
}

#HeroSearchInner ul li a {
font-size: 18px;
color: #000000;
cursor: pointer;
}

#HeroSearchInner .three {
width: 33.33%
}

#HeroSearchInner .four {
width: 25%
}

#HeroSearchInner .five {
width: 20%
}

#HeroSearchInner .seven {
width: 14.28%
}

#HeroSearchInner ul li.smaller {
font-size: 13px;
padding-top: 4px;
}

#HeroSearchInner ul li a.smaller {
font-size: 12px;
}

#HeroSearchInner ul li:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

#HeroSearchInner ul li:last-child {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-right: 0px solid #C4C4C4;
}

#HeroSearchInner input[type="submit"] {
cursor: pointer;
}


.hero-form-container {
position: relative;
}

.hero-form, .row.hero-form, .row .row.hero-form {
margin: 0 auto;
text-align: center;
margin-top: 1em;
list-style-type: none;
padding-left: 0.6875em;
padding-right: 0.6875em;
}

@media (min-width: 40em) {
.hero-form, .row.hero-form, .row .row.hero-form {
list-style-type: none;
}

.hero-form li, .row.hero-form li, .row .row.hero-form li {
float: left;
}
}

@media (min-width: 63.8125em) {
.hero-form, .row.hero-form, .row .row.hero-form {
position: absolute;
left: 0;
right: 0;
width: 750px;
top: -78px;
}
}

@media (min-width: 63.8125em) {
.hero-form, .row.hero-form, .row .row.hero-form {
width: 750px;
}
}

.hero-form-field {
height: 34px;
background: white;
font-size: 0.875em;
color: #5a5858;
}

@media (min-width: 51em) {
.hero-form-field {
border-left: 1px solid #706e6e;
}

.hero-form-field:first-of-type {
border-left: none;
}
}

input.hero-form-input {
height: 34px;
font-size: 1em;
color: #4e4e4e;
border: none;
}

.hero-form-select {
background-image: url('/images/downarrow-blue-padded.png');
background-repeat: no-repeat;
background-position: right center;
height: 34px;
font-size: 1em;
color: #4e4e4e;
background-color: #fff;
padding: 5px;
border: none;
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}

.hero-form-button {
height: 34px;
}

#phone-only-search-bar {
width: 90%;
margin: -40px auto 0 auto;
position: relative;
}

#phone-only-search-bar .inner {
margin: 0 10px 0px 0;
line-height: 18px;
text-align: center;
height: 34px;
padding: 0px 5px 0 0;
border: 0px #333333 solid;
}

#phone-only-search-bar .PlanName {
color: #999999;
height: 25px;
padding: 0.2rem;
margin: 0px 0 0px 0;
width: 60%;
display: inline-block;
}

#phone-only-search-bar .Go {
width: auto;
height: 24px;
display: inline-block;
color: #ffffff;
background-color: #D2C47B;
border: 0;
margin: 0;
padding: 0 20px 0 20px;
font-weight: bold;
}

#phone-search-bar {
width: 100%;
max-width: 345px;
margin: -40px auto 0 auto;
position: relative;
}

#phone-search-bar .inner {
margin: 0 0px 0px 0;
line-height: 18px;
text-align: center;
height: 34px;
padding: 0px 0px 0 0;
border: 0px #333333 solid;
white-space: nowrap;
}

#phone-search-bar .PlanName {
color: #999999;
height: 25px;
padding: 0.2rem;
margin: 0px 0 0px 0;
width: 80%;
display: inline-block;
}

#phone-search-bar .Go {
width: auto;
height: 24px;
display: inline-block;
color: #ffffff;
background-color: #D2C47B;
border: 0;
margin: 0;
padding: 0 20px 0 20px;
font-weight: bold;
}
/* frms1 form items */
#search-bedrooms {
float: left;
width: 29%;
}

#search-bathrooms {
float: left;
width: 29%;
margin-left: 8px;
}

#search-floors {
float: left;
width: 15%;
margin-left: 8px;
}

#search-gargage {
width: 20%;
float: left;
margin-left: 8px;
}

#search-square {
width: 32%;
float: left;
}

#search-square .Area {
color: #ffffff;
text-align: center;
padding: 0px 0px 0px 20px;
margin: -10px 10px 0 0;
}

.svg-bedrooms {
margin: -3px 4px 0 104px;
float: left;
}

.svg-floors {
margin: -4px 4px 0 55px;
float: left;
}

.svg-garage {
margin: -3px 4px 0 73px;
float: left;
}

.svg-bathrooms {
margin: -3px 4px 0 100px;
float: left;
}

.svg-square {
margin: -2px 4px 0 80px;
float: left;
}


#search-submit {
float: left;
width: 20%;
margin-left: 40px;
margin-top: 22px;
}

#search-submit .Go {
border: 2px solid #ffffff;
background-color: #066E9F;
color: #ffffff;
width: 100%;
font-size: 15px;
font-weight: bold;
padding: 3px;
}

#search-advanced {
width: 14%;
float: left;
margin-left: 10px;
margin-top: 22px;
}

#search-advanced .inner {
width: 100%;
padding: 7px;
border: 1px solid #ffffff;
border-radius: 6px;
text-align: center;
}

#search-advanced .inner a {
color: #ffffff;
font-weight: normal;
font-size: 12px
}

#search-styles {
width: 10%;
float: left;
margin-left: 10px;
margin-top: 22px;
}

#search-styles .inner {
width: 100%;
padding: 7px;
border: 1px solid #ffffff;
border-radius: 6px;
text-align: center;
}

#search-styles .inner a {
color: #ffffff;
font-weight: normal;
font-size: 12px;
}

#search-collections {
width: 14%;
float: left;
margin-left: 10px;
margin-top: 22px;
}

#search-collections .inner {
width: 100%;
padding: 7px;
border: 1px solid #ffffff;
border-radius: 6px;
text-align: center;
}

#search-collections .inner a {
color: #ffffff;
font-weight: normal;
font-size: 12px;
}
/* end frms1 form items */

/* Red Search Box*/

#RedSearchBox {
background: #066E9F;
}

@media (max-width: 63em) {
.svg-bedrooms {
margin: 1px 5px 0 120px;
}

.svg-bathrooms {
margin: 2px 4px 0 120px;
}

.svg-floors {
margin: 2px 4px 0 48px;
}

.svg-garage {
margin: 2px 4px 0 63px;
}

.svg-square {
margin: 2px 4px 0 100px;
}
}

.phone-search-header {
text-align: left;
color: #ffffff;
overflow: hidden;
}

.phone-search-header-square {
text-align: left;
color: #ffffff;
}

#phone-search {
height: 360px;
}

#phone-search ul {
list-style-type: none;
text-align: center;
width: 90%;
height: 50px;
margin-top: 3px;
margin-bottom: 0px;
}

#phone-search ul li {
float: left;
background-color: #ffffff;
padding: 5px 0 4px 0;
border-right: 1px solid #C4C4C4;
height: 32px;
}

#phone-search ul li a {
font-size: 18px;
color: #000000;
}

#phone-search .three {
width: 33.33%
}

#phone-search .four {
width: 25%
}

#phone-search .five {
width: 20%
}

#phone-search .seven {
width: 14.28%
}

#phone-search ul li.smaller {
font-size: 13px;
padding-top: 8px;
}

#phone-search ul li a.smaller {
font-size: 12px;
}

#phone-search ul li:first-child {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}

#phone-search ul li:last-child {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-right: 0px solid #C4C4C4;
}


#phone-plan-search {
max-width: 345px;
margin: auto;
}

#phone-plan-search .section-header {
font-size: 21px;
margin-top: 5px;
margin-bottom: 10px;
color: #ffffff;
font-weight: normal;
padding-top: 15px;
}

#phone-search-floors {
float: left;
width: 40%;
height: 70px;
}

#phone-search-gargage {
width: 54%;
float: right;
margin-right: 4%;
height: 70px;
}

#phone-search-area {
color: #ffffff;
text-align: center;
padding: 0 10px 20px 20px;
margin-right: 10px;
}

#phone-search-submit {
float: left;
width: 40%;
margin-left: 7%;
margin-top: 0px;
}

#phone-search-submit .Go {
border: 2px solid #ffffff;
background-color: #000000;
color: #ffffff;
width: 100%;
font-size: 16px;
font-weight: bold;
padding: 5px;
}

#phone-search-advanced {
width: 42%;
float: right;
margin-right: 10px;
}

#phone-search-advanced .AdvanceSearch {
float: right;
width: 100%;
padding: 7px;
border: 1px solid #ffffff;
border-radius: 4px;
text-align: center;
}

#phone-search-advanced .AdvanceSearch a {
color: #ffffff;
font-weight: normal;
font-size: 14px
}
/* END Red Search Box*/

/* Plan Styles & Collections */
#house-plan-styles {
padding: 10px 0 0px 0px;
}

#house-plan-styles h4 {
color: #066E9F;
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 24px;
margin-bottom: 15px;
text-align: center;
}

#house-plan-styles h4 a {
/* Display all Plan Styles and Collections */
position: static;
width: 329px;
height: 20px;
left: 0px;
top: 0px;
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 20px;
/* identical to box height, or 111% */
color: #066E9F;
/* Inside Auto Layout */
flex: none;
order: 0;
align-self: center;
margin: 5px 0px;
}

#house-plan-styles h5 {
position: relative;
top: 39.38%;
bottom: 51.88%;
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 20px;
/* or 100% */
align-items: center;
text-align: center;
letter-spacing: 0.33em;
text-transform: uppercase;
color: #FFFFFF;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35);
}

#house-plan-styles .inner {
position: relative;
width: 100%;
}

#house-plan-styles .imgstyle {
height: 150px;
margin-bottom: 15px;
}

#house-plan-styles .imgstylebeach {
background: linear-gradient(0deg, rgba(24, 24, 24, 0.5), rgba(24, 24, 24, 0.5)), url('/images/plans/DSD/uploads/1456/Resized_Main_Image_m.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

#house-plan-styles .imgstylepdfnow {
background: linear-gradient(0deg, rgba(24, 24, 24, 0.5), rgba(24, 24, 24, 0.5)), url('/images/plans/JBZ/bulk/7281/2575-ST-Dusk-Render_m.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

#house-plan-styles .imgstylesmall {
background: linear-gradient(0deg, rgba(24, 24, 24, 0.5), rgba(24, 24, 24, 0.5)), url('/images/plans/EXB/bulk/7377/houseplan-1486r5_m.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

#house-plan-styles .imgstylemodern {
background: linear-gradient(0deg, rgba(24, 24, 24, 0.5), rgba(24, 24, 24, 0.5)), url('/images/plans/ELC/uploads/frontphoto_m.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

#house-plan-styles .imgstylecountry {
background: linear-gradient(0deg, rgba(24, 24, 24, 0.5), rgba(24, 24, 24, 0.5)), url('/images/plans/AMD/import/7234/7234_front_rendering_9194_m.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

#house-plan-styles .imgstyletradition {
background: linear-gradient(0deg, rgba(24, 24, 24, 0.5), rgba(24, 24, 24, 0.5)), url('/images/plans/HWD/bulk/6900/2_1_m.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

#house-plan-styles .columns {
text-align: left;
line-height: 20px;
}

@media (max-width: 63em) {
#house-plan-styles .columns {
padding-left: 25px;
}
}

@media (max-width: 40em) {
#house-plan-styles .columns {
text-align: center;
line-height: 28px;
padding-left: 0px;
padding-right: 0px;
}
}

#AllPlanStylesAll {
text-align: left;
line-height: 21px;
}

#AllPlanStylesAll divxx {
padding-left: 100px;
}

#AllPlanStylesAll h4 {
color: #066E9F;
text-align: center;
}

#AllPlanStylesAll .hr {
height: 1px;
background: #066E9F;
color: #066E9F;
width: 95%;
margin-bottom: 20px;
}

#AllPlanStylesAll a {
color: #333333;
}

#AllPlanStylesAll .ASbutton {
background-color: #ffffff;
color: #066E9F;
border: 1px solid #066E9F;
border-radius: 6px;
width: 130px;
text-align: center;
padding: 2px 0 4px 0;
margin-top: 20px;
}

#AllPlanStylesAll .ASViewAll {
background-color: #ffffff;
color: #066E9F;
text-align: left;
padding-bottom: 4px;
margin-top: 23px;
}

#AllPlanStylesAll .ASbutton a {
color: #066E9F;
font-size: 13px;
}

#AllPlanStylesAll .ASViewAll a {
color: #066E9F;
font-size: 15px;
}

#AllPlanStylesAll a:hover {
color: #066E9F;
}

@media only screen and (max-width: 40.063em) {
#AllPlanStylesAll .ASbutton {
margin-bottom: 10px;
}
#AboutOurPlans {
margin: 60px 0 0px 0;
padding: 40px 0 40px 0;
}
}
/* End Plan Styles & Collections */
/* Featured Plans */
#FeaturedPlansContainer {
/*background: #F8F8F8;*/
padding-top: 20px;
padding: 10px 0px 1px 0px;
text-align: center;
margin: auto;
}

#FeaturedPlansContainer h4 {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 30px;
padding-top: 30px;
padding-bottom: 20px;
color: #333333;
text-align: center;
}

@media (min-width: 40em) {
#FeaturedPlansContainer {
padding: 10px 0px 1px 0px;
}
}

@media (min-width: 76rem) {
#FeaturedPlansContainer {
padding: 10px 0px 1px 30px;
/*padding: 15px 0px 1px calc(50% - 577px);*/
/*max-height: 280px;
overflow:hidden;*/
}
}

#FeaturedPlans {
list-style: none;
padding-left: 0px;
padding-right: 18px;
width: 97%;
max-width: 1155px;
max-height: 325px;
margin: auto auto;
}

#FeaturedPlans .container {
width: 360px;
box-shadow: 0px 2.2px 6px rgba(0, 0, 0, 0.15);
border-radius: 8px;
margin-bottom: 20px;
margin-left: 3px;
padding-bottom: 10px;
}

#FeaturedPlans .images {
width: 360px;
height: 200px;
margin: auto;
background-position: center center;
background-repeat: no-repeat;
padding: 0px, 0px, 0px, 16px;
border-top-left-radius: 8px 8px;
-moz-border-radius-topleft: 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius-topright: 8px;
background-size: cover;
}

#FeaturedPlans h5 {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 18px;
text-align: center;
color: #9C161A;
padding: 0 0px 0 0px;
}

#FeaturedPlans .FPplanprice {
float: right;
color: #333333;
font-size: 13px;
font-weight: bold;
padding-top: 4px;
font-weight: 600;
}

#FeaturedPlans .FPplanbutton {
color: #333333;
font-weight: 600;
margin-bottom: 10px;
font-size: 18px;
}

#FeaturedPlans .FPbutton {
display: inline-block;
text-align: center;
color: #066E9F;
font-weight: bold;
font-size: 13px;
padding-right: 8px;
}

#FeaturedPlans .FPbutton span {
color: #919191;
font-size: 11px;
}

#FeaturedPlans .FPstats {
text-align: left;margin: 10px 15px 10px 15px;
}

#FeaturedPlans .ofhpbutton {
display: inline-block;
flex-direction: row;
padding: 5px 8px 5px 8px;
margin: 0;
background: #656565;
border-radius: 6px;
flex: none;
align-self: center;
margin: 0px 8px 0 0;
color: #ffffff;
font-size: 11px;
}

#FeaturedPlans .FPplanbuttonOverImage {
color: #333333;
font-size: 10px;
}

#FeaturedPlans .FPplanbuttonOverImage a {
color: #333333;
font-size: 10px;
}

@media (max-width: 40em) {
#FeaturedPlans {
padding-left: 0px;
padding-right: 0px;
margin: auto;
padding-bottom: 0px;
max-height: 610px;
}

#FeaturedPlans .FPplanbuttonOverImage {
position: relative;
top: 30px;
float: left;
}

#FeaturedPlansContainer h4 {
padding-bottom: 0px;
font-size: 24px;
}
}
/* End Featured Plans */



/* Home Styles */
#HomeStylesContainer {
/*background: #F8F8F8;*/
padding-top: 20px;
padding: 10px 0px 1px 0px;
text-align: center;
margin: auto;
}

#HomeStylesContainer h2 {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
xfont-size: 32px;
line-height: 30px;
padding-top: 0px;
padding-bottom: 20px;
color: #333333;
text-align: center;
}

@media (min-width: 40em) {
#HomeStylesContainer {
padding: 10px 0px 1px 0px;
}
}

@media (min-width: 76rem) {
#HomeStylesContainer {
padding: 10px 0px 1px 30px;
/*padding: 15px 0px 1px calc(50% - 577px);*/
/*max-height: 280px;
overflow:hidden;*/
}
}

#HomeStyles {
list-style: none;
padding-left: 0px;
padding-right: 18px;
width: 97%;
max-width: 1155px;
max-height: 325px;
margin: auto auto;
}

#HomeStyles .container {
width: 360px;
border-radius: 8px;
margin-bottom: 20px;
margin-left: 3px;
padding-bottom: 10px;
margin-top: 5px;
}


#HomeStyles .images {
width: 360px;
height: 200px;
margin: auto;
background-position: center center;
background-repeat: no-repeat;
padding: 0px, 0px, 0px, 16px;
border-top-left-radius: 8px 8px;
-moz-border-radius-topleft: 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius-topright: 8px;
border-bottom-left-radius: 8px 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius-bottomright: 8px;
background-size: cover;
}

#HomeStyles h5 {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 18px;
text-align: center;
color: #9C161A;
padding: 0 0px 0 0px;
}

#HomeStyles .HomeStylesButton {
background-color: #066E9F;
border-radius: 6px;
padding: 10px;
margin: 20px auto 20px auto;
white-space: nowrap;
width: 310px;
position: relative;
margin-top: -50px;
}

#HomeStyles .HomeStylesButton a {
text-transform: uppercase;
font-weight: 500;
color: #ffffff;
}


@media (max-width: 40em) {
#HomeStyles {
padding-left: 0px;
padding-right: 0px;
margin: auto;
padding-bottom: 0px;
max-height: 610px;
}

#HomeStylesContainer h4 {
padding-bottom: 0px;
font-size: 24px;
}
}
/* End Home Styles */


/* Home Collections */
#HomeCollectionsContainer {
/*background: #F8F8F8;*/
padding-top: 20px;
padding: 10px 0px 1px 0px;
text-align: center;
margin: auto;
}

#HomeCollectionsContainer h2 {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
xfont-size: 32px;
line-height: 30px;
padding-top: 0px;
padding-bottom: 20px;
color: #333333;
text-align: center;
}

@media (min-width: 40em) {
#HomeCollectionsContainer {
padding: 10px 0px 1px 0px;
}
}

@media (min-width: 76rem) {
#HomeCollectionsContainer {
padding: 10px 0px 1px 30px;
/*padding: 15px 0px 1px calc(50% - 577px);*/
/*max-height: 280px;
overflow:hidden;*/
}
}

#HomeCollections {
list-style: none;
padding-left: 0px;
padding-right: 18px;
width: 97%;
max-width: 1155px;
max-height: 325px;
margin: auto auto;
}

#HomeCollections .container {
width: 360px;
border-radius: 8px;
margin-bottom: 20px;
margin-left: 3px;
padding-bottom: 10px;
margin-top: 5px;
}


#HomeCollections .images {
width: 360px;
height: 200px;
margin: auto;
background-position: center center;
background-repeat: no-repeat;
padding: 0px, 0px, 0px, 16px;
border-top-left-radius: 8px 8px;
-moz-border-radius-topleft: 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius-topright: 8px;
border-bottom-left-radius: 8px 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius-bottomright: 8px;
background-size: cover;
}

#HomeCollections h5 {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 18px;
text-align: center;
color: #9C161A;
padding: 0 0px 0 0px;
}

#HomeCollections .HomeCollectionsButton {
background-color: #066E9F;
border-radius: 6px;
padding: 10px;
margin: 20px auto 20px auto;
white-space: nowrap;
width: 310px;
position: relative;
margin-top: -50px;
}

#HomeCollections .HomeCollectionsButton a {
text-transform: uppercase;
font-weight: 500;
color: #ffffff;
}


@media (max-width: 40em) {
#HomeCollections {
padding-left: 0px;
padding-right: 0px;
margin: auto;
padding-bottom: 0px;
max-height: 610px;
}

#HomeCollectionsContainer h4 {
padding-bottom: 0px;
font-size: 24px;
}
}
/* End Home Collections */






#AboutOurPlans {
background-color: #042F4B;
margin: 60px 0 0px 0;
padding: 40px 0 40px 0;
}

#AboutOurPlans h4 {
color: #ffffff;
text-align: center;
font-weight: 600;
}

#AboutOurPlans h5 {
color: #F7F7F7;
font-weight: 500;
font-size: 18px;
text-align: left;
}

#AboutOurPlans h6 {
color: #F7F7F7;
font-weight: 400;
font-size: 12px;
line-height: 26px;
text-align: left;
}

#AboutOurPlans h6 a {
color: #C2F9F1;
font-weight: 400;
font-size: 12px;
line-height: 26px;
}

#AboutOurPlans p {
color: #F7F7F7;
font-weight: 400;
font-size: 13px;
text-align: center;
margin-bottom: 40px;
}


@media (max-width: 40em) {
#AboutOurPlans {
margin: 30px 0 0px 0;
padding: 10px 0 40px 0;
}
}














/* Buying House Plans Onlines */
#BuyingHousePlansOnline {
padding: 25px 10px 0 10px;
}

#HomeIdeas {
width: 316px;
margin: auto;
background-position: center center;
background-repeat: no-repeat;
border-radius: 7px;
background-size: cover;
}

#HomeIdeas .bgfade {
background-color: #333333;
opacity: 0.45;
border-radius: 7px;
}

#HomeIdeas .hero {
border-radius: 7px;
margin: 0 5px 20px 5px;
padding: 10px;
width: 100%;
height: 150px;
vertical-align: middle;
opacity: 1;
}

.HomeIdeasTitle {
position: relative;
height: 150px;
width: 316px;
margin: auto;
}

.HomeIdeasTitle div {
position: relative;
max-width: 316px;
margin-top: -160px;
padding-left: 15px;
color: #fff;
}

.HomeIdeasTitle span {
font-size: 12px;
}

.HomeIdeasTitle p a {
font-family: Montserrat;
font-style: normal;
font-weight: normal;
color: #066E9F;
font-size: 12px;
}

.HomeIdeasPlanBox {
position: relative;
width: 100%;
}

.HomeIdeasPlan {
right: 128px;
bottom: 16px;
padding: 0px 0px 0px 6px;
margin: 0px 0 0 0;
border-radius: 3px;
color: #ffffff;
background: #066E9F;
position: absolute;
width: 60px;
line-height: 14px;
}

.HomeIdeasPlan a {
color: #ffffff;
font-size: 10px;
line-height: 16px;
}

#HSBlog {
width: 316px;
margin: auto;
background-position: center center;
background-repeat: no-repeat;
border-radius: 7px;
background-size: cover;
}

#HSBlog .bgfade {
background-color: #333333;
opacity: 0.45;
border-radius: 7px;
}

#HSBlog .hero {
border-radius: 7px;
margin: 0 5px 20px 5px;
padding: 10px;
width: 100%;
height: 150px;
vertical-align: middle;
opacity: 1;
}

.HSBlogTitle {
position: relative;
height: 150px;
width: 316px;
margin: auto;
}

.HSBlogTitle div {
position: relative;
max-width: 316px;
margin-top: -160px;
padding-left: 15px;
color: #fff;
}

.HSBlogTitle span {
font-size: 12px;
}

.HSBlogTitle p a {
font-family: Montserrat;
font-style: normal;
font-weight: normal;
color: #066E9F;
font-size: 12px;
}

#HSBlog .inner {
position: relative;
z-index: 2;
}

#HSBlog .title {
position: absolute;
z-index: 1;
width: 316px;
text-align: right;
margin-top: -40px;
padding-right: 15px;
color: #ffffff;
font-size: 12px;
}

#ConnectWithUs {
width: 316px;
margin: auto;
/*background-image: url('/images/plans/EXB/bulk/2235/cullman-aerial-real-estate-photography-8.jpg');*/
background-image: url('/images/connect-with-us-2235.webp');
background-position: center center;
background-repeat: no-repeat;
border-radius: 7px;
background-size: cover;
}

#ConnectWithUs .bgfade {
background-color: #333333;
opacity: 0.45;
border-radius: 7px;
}

#ConnectWithUs .hero {
border-radius: 7px;
margin: 0 5px 20px 5px;
padding: 10px;
width: 100%;
height: 150px;
vertical-align: middle;
opacity: 1;
}

.ConnectWithUsTitle {
position: relative;
height: 150px;
width: 316px;
margin: auto;
}

.ConnectWithUsTitle div {
position: relative;
max-width: 316px;
margin-top: -160px;
padding-left: 15px;
color: #fff;
}

.ConnectWithUsTitle span {
font-size: 14px;
line-height: 26px;
}

.ConnectWithUsTitle p a {
font-family: Montserrat;
font-style: normal;
font-weight: normal;
color: #066E9F;
font-size: 12px;
}

.ConnectWithUsPlanBox {
position: relative;
width: 100%;
}

.ConnectWithUsPlan {
right: 128px;
bottom: 16px;
padding: 0px 0px 0px 6px;
margin: 0px 0 0 0;
border-radius: 3px;
color: #ffffff;
background: #066E9F;
position: absolute;
width: 60px;
line-height: 14px;
}

.ConnectWithUsPlan a {
color: #ffffff;
font-size: 10px;
line-height: 16px;
}


#BuyingLeft h6 {
color: #333333;
text-align: center;
font-size: 20px;
}

#BuyingLeft p {
text-align: center;
}

#Buying {
margin-right: 10%
}

#Buying h4 {
text-align: left;
font-size: 32px;
color: #066E9F;
line-height: 50px;
}

#Buying h6, #Buying .h6 {
color: #333333;
text-align: left;
font-size: 22px;
line-height: 52px;
font-weight: normal;
font-style: normal;
line-height: 52px;
}

#Buying p {
text-align: left;
font-size: 15px;
color: #656565;
line-height: 22px;
}

@media (max-width: 500px) {
#BuyingHousePlansOnline {
padding-top: 0px;
}

#Buying h4 {
font-size: 22px;
text-align: left;
}

#Buying h6, #Buying .h6 {
font-size: 14px;
line-height: 42px;
}
}
/* End Buying House Plans Onlines */
/* 4 Desktop Callouts/ Top Posts */
#HomeTopPostsContainer {
background: #ffffff;
padding-top: 0px;
margin-bottom: 0;
}

#HomeTopPostsContainer ul {
margin-bottom: 0px;
}

#HomeTopPostsContainer h4 {
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 30px;
padding-right: calc((50% * 2) - 1255px);
padding-bottom: 20px;
}

@media (min-width: 40em) {
#HomeTopPostsContainer {
padding: 10px 0px 1px 0px;
}
}

@media (min-width: 76rem) {
#HomeTopPostsContainer {
padding: 10px 0px 1px 30px;
/*padding: 5px 0px 1px calc(50% - 577px);*/
max-height: 240px;
overflow: hidden;
}
}

#HomeTopPostsAdsContainer {
background: #ffffff;
padding-top: 10px;
margin-bottom: 0;
}

#HomeTopPostsAdsContainer h4 {
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 30px;
padding-right: calc((50% * 2) - 1255px);
padding-bottom: 0px;
}

@media (min-width: 40em) {
#HomeTopPostsAdsContainer {
padding: 0px 0px 1px 0px;
}
}

@media (min-width: 76rem) {
#HomeTopPostsAdsContainer {
padding: 10px 0px 1px 30px;
/*padding: 0px 0px 1px calc(50% - 577px);*/
max-height: 290px;
overflow: hidden;
}
}

#HomeTopPostsMobile div {
text-align: center;
background: #F4F4F4;
border-radius: 6px;
flex: none;
order: 1;
align-self: center;
flex-grow: 0;
padding: 1px 0px 1px 0px;
margin: 0px 20px 20px 20px;
}

#HomeTopPostsMobile a {
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 31px;
text-align: center;
color: #333333;
}

#HomeTopPosts {
list-style: none;
padding: 15px 18px 0 0;
width: 97%;
max-width: 1155px;
margin: 0 auto 0px auto;
}

#HomeTopPosts .container {
width: 360px;
}

#HomeTopPosts .images {
width: 360px;
height: 160px;
margin: auto;
background-position: center center;
background-repeat: no-repeat;
border-radius: 7px;
background-size: cover;
}

#HomeTopPosts h5 {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 26px;
text-align: center;
color: #333333;
padding: 0 0px 0 0px;
}

#HomeTopPosts h5 a {
color: #333333;
}

#HomeTopPosts h5 a:hover {
color: #066E9F;
}

@media (max-width: 40em) {
#HomeTopPosts {
padding-left: 0px;
padding-right: 18px;
}
}

/* End 4 Desktop Callouts/ Top Posts */

/* Top Posts Ads */
#HomeTopPostsAds {
list-style: none;
padding: 5px 18px 0 0;
margin-bottom: 0;
width: 97%;
max-width: 1155px;
margin: 0 auto 0 auto;
}

#HomeTopPostsAds .container {
width: 360px;
box-shadow: 0px 2.2px 6px rgba(0, 0, 0, 0.15);
border-radius: 8px;
margin-bottom: 20px;
margin-left: 3px;
padding-bottom: 10px;
}

#HomeTopPostsAds .images {
width: 360px;
height: 160px;
margin: auto;
background-position: center center;
background-repeat: no-repeat;
xborder-radius: 7px;
border-top-left-radius: 8px 8px;
-moz-border-radius-topleft: 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius-topright: 8px;
background-size: cover;
}

#HomeTopPostsAds h5 {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 26px;
text-align: left;
color: #333333;
padding: 10px 10px 0 10px;
}

#HomeTopPostsAds h5 a {
color: #066E9F;
}

#HomeTopPostsAds h5 a span {
color: #066E9F;
}

#HomeTopPostsAds h5 a:hover {
color: #066E9F;
}

@media (max-width: 40em) {
#HomeTopPostsAds {
padding-left: 0px;
padding-right: 18px;
}
}
/* End Top Posts Ads */

/* Why buy home plans from us?  */

#WhyBuyContainer {
background-color: #F4F4F4;
}

#WhyBuy {
border: 0px #646161 solid;
text-align: center;
font-size: 17px;
color: #706f6f;
line-height: 21px;
background: #F4F4F4;
padding: 20px 10% 30px 10%;
margin-top: 0px;
}

#WhyBuyInner {
margin: 0;
padding: 6px 0px 0px 0px;
background: #F4F4F4;
}

#WhyBuyContent {
margin: auto;
padding: 10px;
background: #ffffff;
border-radius: 7px;
}

#WhyBuy h2 {
text-transform: uppercase;
color: #066E9F;
margin-top: 0;
line-height: 1.2rem;
}

#WhyBuy h2 a {
font-size: 20px;
color: #066E9F;
font-weight: bold;
}

#WhyBuy p {
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #3C3C3C;
margin-bottom: 0px;
}


#WhyBuy h4 {
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 32px;
text-align: center;
color: #066E9F;
}

#WhyBuy h6 {
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 32px;
color: #333333;
}

#WhyBuy h6 a {
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 32px;
color: #066E9F;
}

#WhyBuy h6 a:hover {
color: #066E9F;
}
/* End Why buy home plans from us?  */
/* Documentaries */
#documentaries {
margin: 0;
}

#documentaries .copy {
text-align: center;
padding: 0px;
color: #ffffff;
position: relative;
top: 0;
z-index: 1;
margin-top: -40%;
margin-bottom: 150px;
}

#documentaries h6 {
color: #fff;
letter-spacing: 0.33em;
}

#documentaries h4 {
color: #FFFFFF;
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 46px;
line-height: 54px;
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.25);
}

#documentaries .video {
position: relative;
overflow: hidden;
width: 100%;
/*padding-top: 56.25%;*/ /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
z-index: -99;
}

#documentaries .videooverlay {
position: absolute;
z-index: -5;
width: 100%;
height: 600px;
opacity: .5;
background-color: #555555;
left: 0;
right: 0;
}

#video-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -10;
opacity: .75;
background: #363636;
}

@media (max-width: 1020px) {
#documentaries .copy {
padding: 0px;
margin-top: -44%;
margin-bottom: 125px;
}

#documentaries h4 {
font-size: 38px;
line-height: 50px;
}
}

@media (max-width: 800px) {
#documentaries .copy {
padding: 0px;
margin-top: -42%;
margin-bottom: 100px;
}

#documentaries h4 {
font-size: 24px;
line-height: 26px;
}
}

@media (max-width: 700px) {
#documentaries .copy {
padding: 0px;
margin-top: -43%;
margin-bottom: 75px;
}

#documentaries h4 {
font-size: 24px;
line-height: 26px;
}
}

@media (max-width: 600px) {
#documentaries .copy {
padding: 0px;
margin-top: -45%;
margin-bottom: 50px;
}

#documentaries h6 {
font-size: 18px;
}

#documentaries h4 {
font-size: 24px;
line-height: 26px;
}
}

@media (max-width: 500px) {
#documentaries .copy {
padding: 0px;
margin-top: -47%;
margin-bottom: 0px;
}

#documentaries h6 {
font-size: 14px;
}

#documentaries h4 {
font-size: 20px;
line-height: 24px;
}
}

@media (max-width: 400px) {
#documentaries .copy {
padding: 0px;
margin-top: -49%;
margin-bottom: 0px;
}

#documentaries h6 {
font-size: 14px;
}

#documentaries h4 {
font-size: 18px;
line-height: 22px;
}
}
/*@-moz-document url-prefix() {
@media (max-width: 40em) {
#video-background {
margin-top: -310px;
}
}
}*/
/* End Documentaries */

#homeherobanner {
background-color: #141416;
text-align:center;
padding:0px 0px 8px 0px;
font-size:20px;
text-transform:uppercase;
letter-spacing:3px;
margin: -1px auto 0px auto;
}

@media (max-width: 650px) {
#homeherobanner {
background-color: #FFFFFF;
}
}

.homecopy {
max-width: 1000px;
color: #717171;
padding-left:10px;
padding-right:10px;
}

.homecopy h2 {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 30px;
padding-top: 0px;
padding-bottom: 20px;
color: #333333;
text-align: center;
}

.homecopy p {
font-weight: 500;
font-size: 17px;
line-height: 25px;
}

.homecopy div div p strong {
font-weight: 700;
font-size: 15px;
line-height: 25px;
}

.homecopy div div p {
font-weight: 500;
font-size: 15px;
line-height: 25px;
}

.homecopy div div p svg {
margin: 3px 4px 0 -3px;
float: left;
}
@media (max-width: 650px) {
.homecopy div div p {
  margin-left: auto;
  margin-right: auto;
  width: 285px;
}
}
#copy img {border-radius:20px;}

#FeaturedPlansContainer h1 {
    xfont-size: 1.95rem;
    font-size: 30px;
    margin: 20px 0;
}
@media only screen and (max-width: 1023px) {
    #FeaturedPlansContainer h1 {
        font-size: 1.75rem;
    }
}
@media (max-width: 40em) {
    #FeaturedPlansContainer h1 {
        font-size: 1.55rem;
    }
    .homecopy h2 {
        font-size: 1.55rem;
    }
}