.houseandlandAreaMap{padding:60px 30px; margin-top:30px; margin-bottom:30px; background-color:#fff;}
.areaMap{position:relative;}
#map{height:400px; width:100%	}
#map2{height:400px;	}
/* SHARE BUTTONS */

.share{float:right; padding:10px 0; margin-top:10px; margin-bottom:10px;}
/* RANGE LAYOUTS */

/* PLAN LAYOUTS */
.HomeSeriesHolderPage{background-color:#e7e6e8}
.homeplanpagesBlock{display:grid; grid-template-columns: minmax(180px, 300px) auto; grid-gap: 1.8rem; padding-top:60px; }
.homeplanpagesBlock .columnOneSearch{background-color:#e7e6e8}
.dropDownTitle {display:none; color:#000;} 
.homeplanpagesBlock .planListings{display:grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));grid-gap: 1.2rem; row-gap:1.2rem}

.slideshow .fs-carousel.homeplan{padding:10px 0 5px 0; background-color: #F1F1F2; width:100%; margin:0 auto; }
.fs-carousel.homeplan .flex-viewport{max-width:1200px; margin:0 auto;}

/* HOMESERIES SHOW DETAIL */
.homePlanDetail{background-color: #e7e6e8;}
.homePlanDetail h1{text-transform:uppercase; line-height:2.25rem; margin-bottom:10px;}
.homePlanDetail h2{margin-bottom:1rem;}
 .homePlanHeader { display: grid; grid-template-columns: minmax(33.33%, 300px) auto; grid-gap: 1.8rem; }
 .lighttext h1, .lighttext h2, .lighttext h3, .lighttext h4, .lighttext h5, .lighttext p{color:#fff;}
 .homePlanHeader h1{text-transform:uppercase; line-height:2.25rem; margin-bottom:10px;}
 .homePlanHeader .homePlanHeaderLeftColumn{position:relative;padding:30px; display: grid; align-content:center; text-align:left; padding-bottom:60px}
 .homePlanHeader .homePlanHeaderLeftColumnInner{ }
 .homePlanHeaderHero{line-height:0}
 .homePlanHeaderHero img{width:100%; height:auto;}
 
 .homePlanHeaderTriangle { width: 100%; height: 60px; position: absolute; bottom:0; background-color: #e7e6e8; clip-path: polygon(50% 0%, 100% 100%, 0% 100%); z-index: 5; padding-top: 10px; will-change: transform;}
.innerbreadcrumbs{padding:30px 10% 0 10%;}
.homePlanSpecs{display: grid; grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); grid-gap: 1.8rem; padding:30px 10% 60px 10%; background-color: #e7e6e8;  margin:0 auto;}
.homePlanSpecs .planinfoicons{margin-bottom:30px;}
.homePlanSpecsLeftColumn {text-align:left;}
 .homePlanSpecsFeatures{padding:30px; background-color:#d7d7db;}
.features.columns-2{column-count: 2; list-style-type: none; margin:0}
.features.columns-2 li{list-style-type: none; padding-left:26px; position:relative; margin-bottom:14px; font-size:0.8rem; min-height:26px;line-height:1rem;}
.features.columns-2 li::before{content:''; height:20px; width:20px; position:absolute; left:0; background-image:url('../images/icons/icon-tick-featured-wt.png'); background-size:cover;}
.homeplans.content-container .slide-controller{}
#Form_PropertySearchForm_MinFloor_Holder{}
.plans{}
.plans img{max-width:100%}
.PlanInformation, .homeplandetailcontentbox{list-style-position: inside; max-width:100%;}
.PlanInformation img, .homeplandetailcontentbox{list-style-position: inside; max-width:100%;}
.homeplans{width:auto;}


.homeplanbox{background-color:#fff;}
.HomeSeriesPage .homeplanbox{position:relative; opacity: 0; background-color:#fff;}
.homeplanbox.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.homeplanbox a, .homeplanbox a:hover {color:inherit;}
.homeplanbox .plan{line-height:0; position:relative;}
.homeplanbox img{width:100%; height:auto;}
.homeplanbox .rangeseriestitle h4 {
}
.homePlanSpecs .homePlanViewPlans{padding:0; background-color:#fff; position:relative;}
.floorPlanImg{padding-right:80px;}
.homePlanSpecs .homePlanViewPlans .planSwitchButton{}
button.flipPlans{background:url('../images/icons/icon-planflip-58x72.png'); background-size:cover; height:72px; width:58px; padding:0; margin-top:0; margin-bottom:0; border:none}
button.popPlans{background:url('../images/icons/icon-plan-button.png'); background-size:cover; height:40px; width:52px; padding:0; margin-top:0; margin-bottom:0; border:none}
button.flipPlans{position:absolute; right:20px; top:30px; z-index:9}
.plansOutterWrap{background:transparent; z-index:10}
.plansOutterWrap:hover{cursor:pointer;}
/* READYBUILTSEARCH LAYOUTS */


/* READYBUILT LAYOUTS */

.homeplanbox .plantitle{height:60px; padding:10px 0 0 10px;}
.homeplanbox .plantitle h4{font-size:16px; line-height:16px; text-transform:uppercase; border-bottom:none;}
.homeplanbox .planiconimgbox, .homeplanbox .planiconnobox{ display: grid; grid-template-columns: 20% 20% 20% 20% 20%; height:18px; }
.homeplanbox .planiconimgbox{line-height:0;}

.homeplanbox .blockIcons{position:relative; padding-bottom:30px; max-width:300px; margin:0 auto; }
.planinfoicons .planiconimgbox, .planinfoicons .planiconnobox{ display: grid; grid-template-columns: repeat(auto-fit, minmax(45px, 50px)); height:18px; }
.homeplanbox .planinfoicons .planiconimgbox, .homeplanbox .planinfoicons .planiconnobox{  }
.planinfoicons .planiconimgbox{line-height:0;}



.ReadyBuiltVimeoPlayer iframe{max-width:100%;}
/* READYBUILT FEATURED  */
.featuredblock{width:100%; position:relative; display:grid; grid-template-columns:50% 50%; grid-template-rows: 100%;}
.featuredblockImg {background-size:cover; background-repeat: no-repeat;}
.featuredblock img.featuredAreaImg{width:100%;}
.featuredblockTxt{ display:grid;background-color:#58595B; color: #fff;}


.featuredblock.reverse .boxlink a, .featuredblock.reverse .boxlink a:hover { color: #58595B; border: solid 1px #58595B;  }
.featuredblock .boxlink{text-align:center!Important }
.featuredblock .boxlink a, .featuredblock .boxlink a:hover { color: #fff; border: solid 1px #fff; text-align:center!Important }
.boxlink a:hover { color: #58595B;border: solid 1px #58595B; padding: 5px 35px; text-transform: uppercase;    border-radius: 25px;transition: 0.6s;}


.featuredTitle{height:90px; overflow:hidden;}
.featuredblockinner .featuredRegion{height:auto; overflow:hidden; text-align:center!Important }
.propertysalesTeamOutter{padding:60px 0;}
.propertysalesTeamOutter h3{text-align:center;}
.propertysalesTeam{margin:auto; text-align:center; display:grid; justify-content: center; align-self: center; padding:30px 0; grid-template-columns: repeat(2, minmax(0, 340px)); grid-column-gap: 50px; }
.salesMember img{margin-bottom:20px;}
.salesMember{display: block;  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;  padding: 10px;  width: 100%; background-color:#fff;}
.salesPerson{display:grid; grid-template-columns: minmax(20%, 100px) auto; padding:30px 10px; margin-top:30px; margin-bottom:30px; }
.salesPerson .salesPersonImg .salesHeadShot{width: 80px; height: 80px; border-radius: 50%;  object-fit: cover;}
.salesPerson .salesPersonImg {padding:0 10px;}
.salesPersonContact{padding:10px;}
.salesPersonContact h4{border:solid 2px #fff; font-weight:600; border-radius: 5px; padding:5px 10px; font-size:1rem; margin-top:10px;}
/* READYBUILT AREA PAGE  */
.DW_Blue .carousel-caption.innerpages {display:grid;align-items: center;}

.areaMap Iframe{max-width:100%;}

.searchmessage{ }

.planinfoicons{width:100%; margin-top:6px; background-position: center bottom; background-size: 100% 100%; }
.homeplanbox .planinfoicons{width:auto; margin:6px auto; position:relative;}
.planTitleBox{padding:10px 0 10px 0; margin-top:5px; margin-bottom:10px;}
.planTitleBox h4{margin-bottom:10px; }
.planTitleBox h4{margin-bottom:10px; position:relative; }
.planTitleBox h4::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 42%;
  width: 16%;
  height: 1px;
  background-color: blue;
}
.planTitleBox h4::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 42%;
  width: 16%;
  height: 1px;
  background-color: #7b4b76;
}
.planTitleBox p{font-size:14px; margin:0;}
.planiconnobox{text-align:center;  margin-bottom:10px; }
.planiconimgbox{ text-align:center; }
.planiconimgbox img{width:100%; max-width:18px; }
.iconbox{ border-right:1px solid #ccc;}
.iconbox.last{border-right:1px solid #fff;}
.iconbox.size{ }
.homeseriesgallery .iconbox img{float:none;}
.planiconnobox h2{font-size:13px; line-height:18px; margin-top:0; color:#fff;}
.planinfoicons h2{font-size:13px; line-height:18px; color:#58595b; margin-left:20px; margin-bottom:0; border-bottom:none;}
.planinfoicons p{margin-bottom:0; padding:3px 0; font-size:0.7rem}
.planinfoicons p a{color:#58595b; }
.planinfoicons .iconbox h2{margin-left:0px; font-weight:normal;}

/* PLAN DETAIL */

.featureImg img{width:100%;}




.detailtables{width:100%; padding:10px;}
.detailtables h3{text-align:left; clear:both;}
.detailtables .planroominfo, .detailtablesfloat{width: 50%; float:left; }
.planroominfo{width: 50%; float:right; padding-left:10px;  }
.plancontactform{width: 50%; float:left; padding-right:10px;  }
.detailtables .planinfoiconsoutter{width: 100%; clear:both; padding-left:10px;}

.planinfofloorsize .floortitle{font-size:12px; color:#28569b;}
.planinfofloorsize .floorsizeblockfulltitle{width:120px; float:left;}
.planinfofloorsize .floorsizeblockfullvalue{float:left;}
.planinfofloorsize .floorsizeblock{float:left; padding-right:20px; width:50%;}
.planinfofloorsize .plancost{float:left; padding-right:20px; width:50%;}
.floorsizeblockfull{width:100%;}
#roomdimensions{width:100%; border:none; background:none;}
#roomdimensions tr:nth-child(even){background:none; }
#roomdimensions tr{border-bottom:1px solid #c9c9c9;}
#roomdimensions td {font-size:16px; padding:10px 30px; border:none;}
#roomdimensions td.rightcol{text-align:right;}
.featuredimg{width:100%:}
.featuredimg img{width:100%;}

.homeplandetailbox.doubles .plan{width:50%; float:left;}

.homeplandetailbox.doubles .facades{width:50%; padding:10px; float:left;}

.homeseriesgallery{padding:60px 0;width:100%; clear:both; position:relative;}
.homeseriesgallery .gallerywrap {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax( 200px, 250px));
    grid-gap: 15px;
justify-content: center;}


.planListings{display:grid; grid-template-columns: repeat(auto-fit, minmax( 220px, 260px)); grid-gap: 0.8rem; row-gap:0.8rem;}

/* READYBUILT */

.readybuilds .rangeseriestitle {}
.readybuilds .rangeseriestitle h4 {font-size:1.1rem;}
.readybuilds .homeplanbox .planinfoicons {}
.readybuilt .rangeseriestitle {}
.rbareamapbox{width:30%; float:left;}
.rbareamapbox img, .ReadyBuiltfeaturedImage img{width:100%; }
.readyBuiltHeaderWrapOutter{background-color: #58595B;}
.readyBuiltHeaderWrap{  margin:0 auto; max-width:1200px;}

.ReadyBuiltfeaturedImage.galleryInc{width:50%; float:left;}
.ReadyBuiltfeaturedImage.galleryInc.Count2{width:66.66%; max-width:799px; float:left;}
.ReadyBuiltfeaturedImage.galleryInc.Count3{width:50%; max-width:600px; float:left;}
.ReadyBuiltfeaturedImageGallery{width:50%; float:right; display:flex; flex-wrap:wrap;}
.ReadyBuiltfeaturedImageGallery.Count2{width:33.33%; max-width:399px; float:left; display:flex; flex-wrap:wrap;}
.ReadyBuiltfeaturedImageGallery.Count3{width:50%; max-width:600px; float:left; display:flex; flex-wrap:wrap;}
.ReadyBuiltfeaturedImageGallery img{width:100%;}
.ReadyBuiltfeaturedImageGallery.Count4 div{flex:50%;}
.ReadyBuiltfeaturedImageGallery.Count3 div{flex:50%;}
.ReadyBuiltfeaturedImageGallery.Count2 div{flex:100%;}
.ReadyBuiltfeaturedImageGallery.Count1 div{flex:100%;}
.rbareadetail{width:70%; float:left; padding-left:20px;}
.RBLotsize{color:#fff; font-size:16px; text-transform:uppercase; height:40px;}
.RBLotsize .RBtitle{color:#b0adb6; width:100px;}
.RBLotsizeTitle{width:120px; float:left;}
.showhomevideo{
  --video--width: 2048; --video--height: 1152; position: relative;
  padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */  overflow: hidden;
  max-width: 100%;   background: black;	
}
.showhomevideo iframe,
.showhomevideo object,
.showhomevideo embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.showhomevideoblock{padding:60px 0 0 0; background-color:#58595b;}
.showhomevideoblock .inner{position:relative; max-width:1200px; min-width:400px;  --video--width: 920; --video--height: 382; position: relative;  padding-bottom: 480px; /* 41.66666667% */  overflow: hidden;
   background: black;	}
.showhomevideoblock iframe,
.showhomevideoblock object,
.showhomevideoblock embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.propertycontact{}

.buttonwrapHomeSeries .button{padding: 10px; border-radius: 5px; background-color: #00457d; color: #fff; float: left; margin: 20px 20px 0 0; }
.buttonwrapHomeSeries .button a{color:#fff; }


.openhomesimg{width:40%; float:left; padding-right:30px;}
.openhomesimg img{width:100%; }

/* SHOWHOMES */
.content-container.showhomeholder{width:100%; }
.content-container.showhomeholder .inner {
    padding: 60px 0 30px 0; text-align: Center; background: url(../images/dwfern.png) no-repeat;
    background-position: top right; background-size: 20% auto; width:100%;
}
.showhomeblockwrap{display:block; padding: 0;}
.showhomeblock{display:grid; display: grid; grid-template-columns: 50% 50%;   }
.showhomeblock .showhomeblockimg{padding: 0; background-size: cover;  background-position: center;}
.showhomeblockcontent{padding:60px; background-color: #58595B }
.showhomeblock.reverse .showhomeblockcontent{order:-1; text-align:right!Important; background-color:#fff; color:#58595B!Important;}	
.showhomeblock.reverse .showhomeblockcontent h2, .showhomeblock.reverse .showhomeblockcontent h3{color:#58595B!Important; text-align:right}
.showhomeblockcontent, .showhomeblockcontent h2, .showhomeblockcontent h3, .showhomeblockcontent h4, .showhomeblockcontent h5{text-align:left; color:#fff;}	
.showhomeblockcontent .promolink a{color:#fff; border:solid 1px #fff;}
.showhomeblock.reverse .showhomeblockcontent .promolink a{color:#58595B; border:solid 1px #58595B;}
.showhomeblockgallery { display:grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); grid-gap:0;
  align-items: stretch; }
.showhomeblockgallery img{max-width:100%; height:auto; }
.fancybox__container, .fancybox__backdrop {background:rgb(255, 255, 255, 0.8)!Important;}
.fancybox__toolbar__items--right{background:#c1d72f;}
.galleryinstructions{padding:30px;}
.showhomevideo{ 
text-align:center; position: relative; margin-top:-30px; overflow: hidden; max-width: 100%;  }
.showhomevideo .inner{max-width:1200px; position:relative;}
.showhomevideo iframe,
.showhomevideo object,
.showhomevideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* HOUSE AND LAND AREA PAGE */


.registerInterestForm .content-container{padding:30px;}
.registerInterestForm form{max-width:900px; margin:0 auto;}
.registerInterestForm .typography form label, .registerInterestForm form .readonly, .registerInterestForm .typography h3, .registerInterestForm .typography h4{color:#fff; text-align:center;}
form input.text, form textarea, form .textajaxuniquetext, form select{border:solid 1px #fff;}
.registerInterestForm { }
.registerInterestForm p, .registerInterestForm h4, .registerInterestForm h3, .registerInterestForm h2, .registerInterestForm h1{color:#fff;}
.buildcalclink{padding:30px 0; }
.buildcalclink .promolink{padding:20px 0 0 0; width:360px; margin:0 auto; text:align:Center;}
.buildcalclink .promolink { }
.buildcalclink .promolink a	{color: #fff; background-color:#c1d72f; padding:10px 20px; border: solid 2px #fff;}
.buildcalclink .promolink a:hover{ padding: 10px 45px; text-transform: uppercase; transition: 0.6s;}
.calcForm {background-color:#FFF; padding:60px 0;}
.calcForm h2{color:#c1d72f}
.calcForm form{width:100%; max-width:700px; margin:0 auto; padding:30px 0 0 0; }
.calcForm form label{display:inline-block; width:50%; font-size:15px; line-height:18px; padding-top:20px; padding-bottom:10px; border-bottom:dotted 1px #58595B;  text-align:left; -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
.calcForm form .description{display:block; width:55%; text-align:left; padding-left:15px; clear:both;}	
	
.calcForm form .middleColumn{display:inline-block; width:45%; margin-bottom:10px; -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
.calcForm form input.currency, .calcForm form input.numeric, .calcForm form input.text, .calcForm form select, .calcForm form span.readonly{width:80%; background-color:#F1F1F2;}
.calcformcurrencytotal{padding:20px 0; background-color:#58595B }
.calcForm form .calcformcurrencytotal label{color:#fff;}
.calcForm form span.readonly{text-align:left;}
 .registerInterestForm  { z-index:999;}

 .viewLinks{margin-top:20px; margin-bottom:20px; clear:both; height:36px; overflow:hidden;}
 .viewLinks p { height:36px; border-bottom:solid 1px #ccc;  }
 .viewLinks p a{ background-color:#fff; color:#000; height:35px; padding:10px; display:inline-block; border-top:solid 1px #ccc}
  .viewLinks p a:hover{color:#000; transform: scale(1.1);}
 .viewLinks p a.on{ background-color:#58595B; color:#fff; }
  .viewLinks p a.on:hover{  color:#fff; transform: scale(1.1); }
 .back-to-top-wrapper {

  position: fixed;
  top: 80vh;
  right: 2rem;
  bottom: -5em;
  width: 5em;
  pointer-events: none;
  z-index:99;
}

a.back-to-top-link {

  position: fixed;  
  position:sticky;
 position: -webkit-sticky;  
  pointer-events: all;
  top: calc(90vh - 5rem);
  display: inline-block;
  text-decoration: none;
  font-size: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  border-radius: 5%;
  padding: 5px 10px;
font-family: 'Montserrat', Verdana, Helvetica, Arial, sans-serif;
  background-color: #58595B;
  color:#fff;
  transition: transform 80ms ease-in;
}

.homePlanLinks a.planlink { background: #fff; border:solid 3px #e7e6e8; color: #58595B; display: inline-block; border-radius: 4px; padding: 2px 20px; margin-top: 10px; margin-bottom: 10px; text-transform: none; letter-spacing: 1px; font-size: 13px; line-height:20px; margin-right: 10px; font-weight:600; }
.homePlanLinks a.imagelink img {width:60px; margin-top:10px;}
.homePlanLinks{display:grid; grid-template-columns: auto 60px; justify-content: space-between; padding:0 10px 30px 0;}
.homePlanLink.left{text-align:left;padding-left:20px; }
.homePlanLink.right{text-align:right; margin-right:20px;}
  a.back-to-top-link:hover,
  a.back-to-top-link:focus {
    transform: scale(1.1);
	color:#fff;
  }
 
/* BREAKPOINT 1200px */

@media only screen and (max-width: 1200px) {
.showhomevideoblock	{padding:0;}
.showhomevideoblock .inner { --video--width: 920; --video--height: 382; padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */	}
 .homePlanHeader { display: flex; grid-gap:0; flex-direction: row-reverse; position:relative; width:100%; flex-wrap:wrap;}
.homePlanHeader .homePlanHeaderLeftColumn, .homePlanHeader .homePlanHeaderHero{width: 100%; min-width: 100%;}
.homePlanHeader .homePlanHeaderLeftColumn{display:none;}
.HouseandLandPage .homePlanHeader {display: flex;  grid-gap: 0; flex-direction: row-reverse; position: relative; width: 100%;
        flex-wrap: wrap;}
.HouseandLandPage .homePlanHeader .homePlanHeaderLeftColumn{display:block;}
.homePlanHeader .homePlanHeaderHero img{width:100%;}
 .homePlanHeaderTriangle {display:none;}
}
	 

 
/* BREAKPOINT 1124px */

@media only screen and (max-width: 1128px) {

}	

/* BREAKPOINT 960px */

@media only screen and (max-width: 960px) {
.homeplanpagesBlock {
    display: block;  
}
.homeplanpagesBlock .columnOneSearch {
    padding:10px;
}
#searchFormHolder {display:none;}
.dropDownTitle {display:block; color:#000;} 
.dropDownTitle a{ color:#000;}
.leftColumnTitle {display:none; color:#000;} 

}

	
/* BREAKPOINT 860px */

@media only screen and (max-width: 860px) {	


}

/* BREAKPOINT 690px */

@media only screen and (max-width: 690px) {
.homePlanSpecs { padding: 30px 10px 60px 10px;

}	
.homePlanSpecsFeatures {
    padding: 10px;
	max-width:100%;

}
.features.columns-2 {
    column-count: 1;
    width:100%;
}
.homePlanSpecs {
    display: grid;
	width:100%;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}

/* BREAKPOINT 570px */
}
@media only screen and (max-width: 570px) {
	.innerbreadcrumbs{padding:30px 15px 0 15px;}

}