.hero-container{
		position: relative;
		margin-top: 110px;
		height: max-content;
		background-color: #fff;
	}
	.hero-top{
		position: relative;
		height: max-content;
		padding: 4% 10% 2%;
	}
	.hero-columns{
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-content: flex-start;
		align-items: flex-start;
		gap: 2em;
	}
	.hero-column-1{
		flex: 0 1 50%;
	}
	.hero-column-2{
		flex: 0 1 50%;
	}
	.hero-header{
		text-transform: uppercase;
		color: #346594;
		font-weight: 600;
	}
	.hero-subheader{
		color: #346594;
		font-weight: 500;
	}
	.hero-content{
		text-align: justify;
	/*	color: #346594;*/
	}
	.hero-form-container{
		position: absolute;
		z-index: 9;
		height: 60vh;
		width: 30vw;
		padding: 2%;
		background-color: rgba(255, 255, 255, .5);
		backdrop-filter: blur(5px);
		top: 10%;
		right: 10%;
		border-radius: 10px;
		min-height: max-content;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	}
	form.searchandfilter, form.searchandfilter ul{
		all: unset;
	}
	form.searchandfilter ul{
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: center;
	}
	/* container */
	.fp-search-hero {
	  background: #f9f9f9;
	  padding: 2rem 1rem;
	}
	.fp-search-form {
	  display: flex;
	  flex-flow: column nowrap;
	  gap: 10px;
	  max-width: 1000px;
	  margin: 0 auto;
	}
#fp-incentive-container{
	color: #fff;
	background-color: #336695;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	gap: 0;
	margin: 0;
	padding: 0;
}
.incentive-column-l{
	flex: 0 1 30%;
	padding: 0 40px;
}
.incentive-column-r{
/*	background-color: #336695;*/
	text-align: center;
	flex: 0 1 70%;
}
#fp-incentive-container .gform_footer input[type=submit]{
	background-color: #17682d;
	border: 1px solid #fff;
	border-radius: 3px !important;
	text-transform: uppercase;
}
#fp-incentive-container .gform_footer input[type=submit]:hover{
	background-color: #fff;
	border: 1px solid #17682d;
	color: #17682d;
}
.friction-remover{
	text-align: center;
}
.friction-remover span{
	vertical-align: middle;
	padding: 0 20px;
	text-transform: uppercase;
	font-weight: 700;
}
.friction-remover span::before{
	vertical-align: middle;
	font-family: 'Font Awesome 6 Free';
	font-size: 26px !important;
	font-style: normal;
	font-weight: 700;
	color: #fff;
	background-color: #17682d;
	content: '\f14a';
	margin: 0 10px 0 0;
}
.fp-incentive img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#fp-container{
/*	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);*/
	margin: 0 0 0 0;
}
	/* each field */
	.fp-field {
/*
	  flex: 1 1 200px;
	  display: flex;
	  flex-direction: column;
*/
	}
	.fp-field label,
	.fp-field span {
	  font-weight: bold;
	  margin-bottom: 0.5em;
	}
	.fp-field select,
	.fp-field input[type="range"] {
	  width: 100%;
	}

	/* slider wrappers */
	.fp-range-wrap {
	  position: relative;
	}
	.fp-range-values {
	  display: flex;
	  justify-content: space-between;
	  font-size: 0.9em;
	  margin-top: 0.25em;
	}

	/* checkbox groups */
	.fp-checkbox-group {
	  flex: 1 1 100%;
	}
	.fp-checkbox-group label {
	  display: inline-flex;
	  align-items: center;
	  margin-right: 1em;
	  font-weight: normal;
	}
	.fp-checkbox-group input {
	  margin-right: 0.25em;
	}

	/* submit */
	.fp-submit-wrap {
	  flex: 1 1 100%;
	  text-align: right;
	}
	.fp-submit-wrap button {
	  background: #0073aa;
	  color: #fff;
	  border: none;
	  padding: 0.75em 1.5em;
	  font-size: 1em;
	  cursor: pointer;
	  border-radius: 4px;
	}
	.fp-submit-wrap button:hover {
	  background: #005177;
	}

	
	/* hide native inputs */
	.toggle-group input[type="checkbox"],
	.toggle-group input[type="radio"] {
	  position: absolute;
	  opacity: 0;
	  pointer-events: none;
	}

	/* common pill styling */
	.toggle-group__section {
/*	  margin-bottom: 1rem;*/
	}
	.toggle-group__title {
	  display: block;
	  margin-bottom: .5rem;
	  font-weight: bold;
	}
	.toggle-group__section label {
	  display: inline-block;
	  margin: 0 .5em .5em 0;
	  padding: .5em 1em;
	  border: 1px solid #ccc;
	  border-radius: 10px;
	  background: #f0f0f0;
	  color: #333;
	  cursor: pointer;
	  transition: background .2s, border-color .2s, color .2s;
	  user-select: none;
	  min-width: 15%;
      text-align: center;
	}

	/* apply “selected” styles when either a checkbox OR radio is checked */
	.toggle-group__section input[type="checkbox"]:checked + label,
	.toggle-group__section input[type="radio"]:checked + label {
	  background: #0073aa;
	  border-color: #005177;
	  color: #fff;
	}
	.range-slider {
	  position: relative;
	  padding: 20px;
	  margin: .5em 0;
	}
	.range-slider input[type="range"] {
	  pointer-events: none;
	  position: absolute;
	  left: 0; right: 0; top: 0; bottom: 0;
	  -webkit-appearance: none;
	  background: transparent;
	}
	.range-slider input[type="range"]::-webkit-slider-thumb {
	  pointer-events: all;
	  position: relative;
	  z-index: 2;
	  width: 35px; height: 25px;
	  border-radius: 50%;
	  background: #0752a4;
	  cursor: grab;
	  -webkit-appearance: none;
	}
	.range-slider input[type="range"]::-webkit-slider-runnable-track {
	  background: radial-gradient(#ddd 0 0) 50%/100% 10px no-repeat;
	  border-radius: 2px;
	}

	/* optional: make the selected range track darker */
	.range-slider::before {
	  content: "";
	  position: absolute;
	  height: 4px;
	  top: 50%; transform: translateY(-50%);
	  background: #4285F4;
	  border-radius: 2px;
	  z-index: 1;
	}
	.fp-results-header{
/*		margin: 5% 0 0 0;*/
		text-align: center;
		text-transform: uppercase;
		color: white;
		background-color: #244a77;
		padding: 20px 0;
		font-weight: 600;
	}
	#fp-results{
		padding: 2% 1%;
	}
.fp-price-range{
	text-align: center;
	padding: 5px 10px;
	font-weight: 700;
}
	.floorplan-li ul {
		min-height: 101px;
	}

	/* Popup container - can be anything you want */
	.popup {
		position: relative;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	/* The actual popup */
	.community-link-popuptext {
		visibility: hidden;
		height: 100%;
		max-height: 500px;
		width: 100%;
		max-width: 1024px;
		background-color: #666;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 8px 0;
		position: fixed;
		z-index: 1;
		margin: auto;
		top: 0; left: 0; bottom: 0; right: 0;
	}
	.community-link-popuptext ul {
		padding: 0;
	}
	/* Toggle this class - hide and show the popup */
	.show {
		visibility: visible;
		-webkit-animation: fadeIn 1s;
		animation: fadeIn 1s;
	}

	/* Add animation (fade in the popup) */
	@-webkit-keyframes fadeIn {
		from {opacity: 0;} 
		to {opacity: 1;}
	}

	@keyframes fadeIn {
		from {opacity: 0;}
		to {opacity:1 ;}
	}

	.exit-popup {
		cursor: pointer;
		background: #fff;
		border-radius: 50%;
		padding: 0 9px;
		color: #666;
		margin-top: -15px;
		margin-right: -10px;
		position: absolute;
		right: 0;
	}
	.sales-person-li {
		display: inline-block;
		margin: 15px;
		padding: 15px;
		border: solid #ccccccb3;
	}
	.sales-person-info {
		float: left;
		text-align: right;
		margin: 0 15px;
		font-size: 21px;
		line-height: 22px;
	}
	.sales-person-info a {
		color: #dbdbdb;
		text-decoration: none;
		font-size: 18px;
		transition: .25s;
	}
	.sales-person-info a:hover {
		transition: .5s;
		opacity: .25;
	}
	.sales-people h3 {
		text-transform: uppercase;
		font-size: 26px;
		font-weight: 700;
		margin-top: 15px;
		margin-bottom: 5px;
	}
	.sales-people p {
		font-size: 21px;
		line-height: 26px;
	}
	.floorplan-disclaimer {
		text-align: center;
		font-size: 14px;
		color: #666;
		margin-bottom: 0;
	}
	.request-tour-button {display:block;
	width:100%;}
	

/* Popup container - can be anything you want */
.popup {
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* The actual popup */

/* Toggle this class - hide and show the popup */
.show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
	from {opacity: 0;} 
	to {opacity: 1;}
}

@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity:1 ;}
}
		
.exit-popup {
	cursor: pointer;
	background: #fff;
	border-radius: 50%;
	padding: 0 9px;
	color: #666;
	margin-top: -15px;
	margin-right: -10px;
	position: absolute;
	right: 0;
	z-index: 999;
	
}
	/* -- 5 STEPS CSS -- */
.five-steps {
  display: flex;
	flex-flow: row wrap;
  width: 100%;
  min-height: 400px;
  overflow: hidden;
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #ffffff;
	align-items: stretch;
	align-content:stretch;
}
#five-steps-intro {
	width: 25%;
	padding:2% 50px;
	background: #555555;
	color: #E5E5E5;
	align-self: stretch;
	
}
.steps-link-popuptext{
	display:none !important;
	visibility: none !important;
}
#five-steps-intro p{
	
	text-align: justify;
	font-size: calc(16px + (18 - 16) * ((100vw - 1080px) / (2560 - 1080)));
	line-height: normal;
	
}
#five-steps-intro h2 {
	font-size: calc(28px + (36 - 28) * ((100vw - 1080px) / (2560 - 1080))) !important;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 80% !important;
	text-align: center;
}
#five-steps-intro h2 span{
	font-size: 250%;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 80%;
	text-align: center;
}
#five-steps-tabs {
	
	height: 100% ;
	margin-right: 0;
	position: relative;
	width:100%;
	align-self: stretch;
}

#step-1-tab .step-number {
	color: #4178AD ;
}
#step-2-tab .step-number {
	color: #346594  ;
}
#step-3-tab .step-number {
	color:  #244a77  ;
}
#step-4-tab .step-number {
	color: #0d365f;
}
#step-5-tab .step-number {
	color: #0B2C57;
}
#step-6-tab .step-number {
	color: #0B2C57;
}
#step-7-tab .step-number {
	color: #0d365f;
}
#step-8-tab .step-number {
	color: #244a77;
}
#step-9-tab .step-number {
	color: #346594;
}
#step-10-tab .step-number {
	color: #4178AD;
}
#step-2-tab .step-number, #step-3-tab .step-number, #step-4-tab .step-number, #step-5-tab .step-number, #step-6-tab .step-number, #step-7-tab .step-number, #step-8-tab .step-number, #step-9-tab .step-number, #step-10-tab .step-number {
	-webkit-box-shadow: inset 0px 15px 20px -15px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 15px 20px -15px rgba(0,0,0,0.3);
	box-shadow: inset 0px 15px 20px -15px rgba(0,0,0,0.3);
}
.step-1-tab {
	background:#4178AD;
}
.step-2-tab  {
	background: #346594;
}
.step-3-tab  {
	background: #244a77;
}
.step-4-tab  {
	background: #0d365f;
}
.step-5-tab  {
	background: #0B2C57;
}
.step-6-tab  {
	background:#0B2C57;
}
.step-7-tab  {
	background: #0d365f;
}
.step-8-tab  {
	background: #244a77;
}
.step-9-tab  {
	background: #346594;
}
.step-10-tab {
	background:#4178AD;
}





#step-2-tab .step-title, #step-3-tab .step-title, #step-4-tab .step-title, #step-5-tab .step-title, #step-6-tab .step-title, #step-7-tab .step-title {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

	


.five-steps-content {
	height: auto;
	background: #efefef;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width:100%;
	position: absolute;
	right:0;
	top:0;
	left:0 ;
		bottom:0;
	z-index: 0;
	padding:0;
	overflow:hidden;
}
.step-content {
	color: #555;
	width:70%;
	height:100%;
	position: relative;
	align-self: center;
	bottom:0;
	transform: none;
	z-index: 50;
	font-size: calc(14px + (18 - 14) * ((100vw - 1080px) / (2560 - 1080)));
	line-height: normal;
	padding:5% 10% 5% 30%;
	margin: 0 0 0 0;	
   background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0.5) 90%, rgba(255,255,255,0) 100%); 

}
.step-content ul {
	margin:0;
}
.step-content ul.cta-buttons {
	padding:0;
	margin:  0 ;
	clear:both;
	display: flex;
	flex-flow: row nowrap;
	position: relative;
	width:100%;
}
.step-content ul.cta-buttons li {
	list-style: none!important;
	
	margin: 0 !important;
	padding: 20px 0 20px 0  ;
}
.step-content ul.cta-buttons li:first-of-type {
	padding-right: 5px;
}
.step-content h4 {
	font-size: calc(20px + (30 - 20) * ((100vw - 1080px) / (2560 - 1080))) !important;
	color: #555!important;
	text-transform: uppercase;
	font-weight: 700;
	margin:0 0 2% 0
}
.step-content p {
	font-size: calc(16px + (18 - 16) * ((100vw - 1080px) / (2560 - 1080))) !important;
	text-align: justify;
	line-height: normal;
	padding: 0;
	margin:1% 0 1% 0;}
.step-content .su-row{
	
	margin:0!important;
}
.step-content img.alignleft {
	width:30% !important;
	height: auto;
	max-width: 250px;
}
.five-steps-content p a {
	padding: inherit;
	border: none;
	background: none;
	color: inherit;
	text-decoration: none;
	font-weight: 700;
	text-align: center;
	display: inline;
	text-transform: none;
	vertical-align: inherit;
	font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2560 - 300)));
	line-height: normal;
	height: auto;
	width: auto;
}
.five-steps-content a.cta {
	
	border:2px solid #999;
	background: #D8D8D8;
	color: #333333;
	text-decoration: none;
	font-weight: 700;
	text-align: center;
	display: table-cell;
	text-transform: uppercase;
	vertical-align: middle !important;
	font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (2560 - 300)));
	line-height: calc(16px + (18 - 16) * ((100vw - 300px) / (2560 - 300)));
	width: 100%;
	height: 100%;
	margin:2% 0 2% 0 !important;
	padding:10px 15px !important;
}
.step-background {
	position: absolute;
	display: block;
  	width: 100%;
	height: 100% !important;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;

}
.step-background img{
	display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: right center;
	float: right;
	}



.fiveSteps {
  clip-path: polygon(0% 0%, 93% 0%, 99% 50%, 93% 100%, 0% 100%);
  height: 20%;
  -webkit-box-shadow: inset 0px 15px 20px -15px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 15px 20px -15px rgba(0,0,0,0.75);
  box-shadow: inset 0px 15px 20px -15px rgba(0,0,0,0.75);
  cursor: pointer;
  width: 25%;
  margin: 0;
  padding: 0 40px 0 0;
  display: block;
  position: relative;
  z-index: 500;
}
.fiveSteps.active {
  clip-path: polygon(0% 0%, 93% 0%, 99% 50%, 93% 100%, 0% 100%);
  height: 20%;
  -webkit-box-shadow: inset 0px 15px 20px -15px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 15px 20px -15px rgba(0,0,0,0.75);
  box-shadow: inset 0px 15px 20px -15px rgba(0,0,0,0.75);
  cursor: pointer;
  width: 28%;
  margin: 0;
  padding: 0 40px 0 0;
  display: block;
  position: relative;
  z-index: 500;
  transition: all 0.5s ease;
}

.fiveSteps div:first-child{
	height: 100%;
 	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}

.step-number {
	position: relative;
	display: table-cell !important;
	font-size: 100px;
	line-height: 100%;
  	font-family: 'PT Sans', Arial, sans-serif;
  	font-weight: 700;
  	margin: 0;
  	padding: 0 10px;
  	width: auto;
  	height: 100% !important;
  	background: #efefef;
	vertical-align: middle;
	text-align: center;
}
.step-title{
	padding: 15px;
	flex-basis:100%;
	display: flex ;
	justify-content: space-between !important;
	column-gap: 10px;
	align-self:center;
	align-items:center;
}
.step-title-text {
  margin: 0;
  padding: 0;
	width: auto;
  height: auto;
  max-width: none;
  display: block;
  position: relative;
  line-height: inherit;
  text-align: center;
  vertical-align: middle;
	align-self: center;
	font-family: 'PT Sans', Arial, sans-serif;
	font-size: calc(24px + (40 - 24) * ((100vw - 1180px) / (2560 - 1180)));
	line-height: 90% !important;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 700;
	text-align: left;
	word-break: keep-all;
	display: block;
	margin:0;
}
.step-title h3 {
	
}
.step-title div.step-icon {
  float: none;
  margin: 0;
  padding: 5px;
  flex-basis: 50px;
	width:50px;
  height: auto;
  max-width: none;
  position: relative;
  line-height: inherit;
  text-align: center;
}
.step-title div.step-icon img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}
/*Home Buying Guide Page*/

.home-buying-guide .five-steps {
	background-color: #fff;
}
.home-buying-guide #five-steps-tabs {
  display: block;
  float: none;
  height: 65vh;
	min-height: 590px;
  max-width: none;
  width: 100%;
  margin-right: 0;
  vertical-align: top;
  position: relative;
  background-color: transparent;
	overflow: scroll;
}
.boyl-tabs #five-steps-intro,
.home-buying-guide #five-steps-intro {
	display:none;
	visibility: hidden;
}
	.boyl-tabs .five-steps-content,
.home-buying-guide .five-steps-content {
 	height: 100%;
  	background: #ffffff;
    background-color: #ffffff;
  	padding-left: 0;
  	display: flex;
	align-content: stretch;
  	align-items: stretch;
  	width: 100%;
  	position: absolute;
  	right: 0;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	z-index: 0;
  	font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2560 - 300)));
  	line-height: calc(16px + (32 - 16) * ((100vw - 300px) / (2560 - 300)));
  	padding: 0;
}
.home-buying-guide .step-content {
  	
	width: 70%;
  	height: 100%!important;
	bottom: 0;
	top:0;
  	display: flex;
	flex-flow: column nowrap;
	align-content: center;
	
	
	align-items: stretch;
	transform: none;
	z-index: 50;
	font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2560 - 300)));
	line-height: normal;
	padding: 5% 10% 5% 30% ;
	margin: 0 0 0 0;
     background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 90%, rgba(255,255,255,0) 100%);  
}
.home-buying-guide .step-content h4 {
  display: none;
}
.home-buying-guide .step-content h3 {
	color: #244A77 !important;
	text-transform: uppercase;
	font-size: calc(30px + (48 - 30) * ((100vw - 1280px) / (2560 - 1280))) !important;
	line-height: 100% !important;
  font-weight: 700;
  margin: 0 0 2% 0;
}

.home-buying-guide .steps-link-popuptext {
	display:none;
	visibility: hidden;
}
.home-buying-guide div.step-background img {
	float:right;
  display: block;
  max-width: 100%;
  width: auto;
  height: 100%;
	object-position: right;
}
.pro-tip {
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
  opacity: 0;
	font-size: calc(16px + (18 - 16) * ((100vw - 1080px) / (2560 - 1080))) !important;
	text-align: justify;
	line-height: normal;
}
.pro-tip p {
	font-size: calc(16px + (18 - 16) * ((100vw - 1080px) / (2560 - 1080))) !important;
	text-align: justify;
	line-height: normal;
}



/* -- BUILD NEW TABS -- */
	.buildnew .five-steps{
		height:500px;
	}
.buildnew  #five-steps-intro {
	
	display:none;
}

.buildnew .fiveSteps,
.buildnew .fiveSteps.active{
	
	height: 125px;
}

.buildnew #five-steps-tabs {
	max-width: none;
	width:100%;
	background-color: transparent;
	height: 500px;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	align-content: stretch;
}
.buildnew .step-content {
	position: relative;
  width: 75%;
  height: 500px !important;
	overflow: scroll;
  bottom: 0;
  top: 0;
  display: flex;
  flex-flow: column nowrap;
  align-content: center;
  align-items: stretch;
  transform: none;
  z-index: 50;
  font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2560 - 300)));
  line-height: normal;
  padding: 50px 10% 50px 30%;
  margin: 0 0 0 0;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 90%, rgba(255,255,255,0) 100%);
}
	.buildnew .five-steps-content{
		height:500px;
	}
.buildnew #step-1-tab .step-number {
	color: #ce181e;
}
.buildnew #step-2-tab .step-number {
	color: #a70e13;
}
.buildnew #step-3-tab .step-number {
	color: #820000;
}
.buildnew #step-4-tab .step-number {
	color: #5d0000;
}
.buildnew #step-5-tab .step-number{
	display: none;
	visibility: hidden;
}
.buildnew .step-5-tab{
	display: none;
	visibility: hidden;
}
.buildnew .step-1-tab  {
	background: #ce181e !important;
}
.buildnew .step-2-tab  {
	background: #a70e13 !important;
}
.buildnew .step-3-tab  {
	background: #820000 !important;
}
.buildnew .step-4-tab  {
	background: #5d0000 !important;
}
.buildnew .step-5-tab  {
	background: #0d365f !important;
}
/* -- Buy Vs Rent -- */

.buyvsrent .steps-link-popuptext{
	display:none;
	visibility: hidden;
}
.buyvsrent #five-steps-intro  {
	height:auto;
}
.buyvsrent #five-steps-tabs {
	height:auto;
}
.buyvsrent .fiveSteps {
	width:50%;
}
.buyvsrent .fiveSteps.active {
	width:53%;
}
.buyvsrent .step-number {
	font-size: 80px;
	line-height: 80px;
}
.buyvsrent .step-title h3 {}
.buyvsrent .five-steps-content {
	height:auto;
}
.buyvsrent div.step-background {display:none;
}
.buyvsrent #five-steps-intro h2 {
	font-size: 3.5vw;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 80%;
	text-align: center;
}
.buyvsrent #five-steps-intro h2 span{
	font-size: 130%;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 80%;
	text-align: center;
}
.buyvsrent .step-content {
	align-self: center;
	width: auto;
	height:auto!important;
	position:relative;
	bottom:0;
	display: block;
	transform: none;
	z-index: 50;
	font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2560 - 300)));
	line-height: normal;
	padding:5% 5% 5% 55%;
	margin: 0 0 0 0 ;
	background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 90%, rgba(255,255,255,0) 100%);
}
/* -- SureTrade Tabs -- */

.suretrade-steps .steps-link-popuptext{
	display:none;
	visibility: hidden;
}
.suretrade-steps #five-steps-intro  {
	height:auto;
}
.suretrade-steps #five-steps-tabs {
	height:auto;
}
.suretrade-steps .fiveSteps {
	width:40%;
}
.suretrade-steps .fiveSteps.active {
	width:43%;
}
.suretrade-steps .step-number {
	font-size: 80px;
	line-height: 80px;
}
.suretrade-steps .step-title h3 {}
.suretrade-steps .five-steps-content {
	height:auto;
}

.suretrade-steps .step-content {
	align-self: center;
	width: auto;
	height:auto!important;
	position:relative;
	bottom:0;
	display: block;
	transform: none;
	z-index: 50;
	font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2560 - 300)));
	line-height: normal;
	padding:5% 5% 5% 45%;
	margin: 0 0 0 0 ;
	background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 90%, rgba(255,255,255,0) 100%);
}

/* -- Design Studio -- */
.design-studio-steps .five-steps{
	min-height: 0;
}
.design-studio-steps  #five-steps-intro {
	
	display:none;
}

.design-studio-steps .fiveSteps,
.design-studio-steps .fiveSteps.active{
	height:25%;
}

.design-studio-steps  #five-steps-tabs {
	max-width: none;
	width:100%;
	background-color: transparent;
}
.design-studio-steps  .step-content {
  width: 85%;
  height: 100% !important;
	overflow: scroll;
  bottom: 0;
  top: 0;
  display: flex;
  flex-flow: column nowrap;
  align-content: center;
  align-items: stretch;
  transform: none;
  z-index: 50;
  font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2560 - 300)));
  line-height: normal;
  padding: 50px 10% 50px 30%;
  margin: 0 0 0 0;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 90%, rgba(255,255,255,0) 100%);
}

.design-studio-steps #step-4-tab .step-number,
.design-studio-steps #step-5-tab .step-number{
	display: none !important;
}
.design-studio-steps .step-4-tab,
.design-studio-steps .step-5-tab{
	display: none !important;
}
/* -- Buyer Incentives -- */
.schedule-appt-tabs .five-steps{
	min-height:0;
}
.schedule-appt-tabs #five-steps-intro {
	height:auto;
	width:35%;
}
.schedule-appt-tabs #five-steps-tabs {
  height: 100%;
  margin-right: 0;
  position: relative;
  width: 65%;
  align-self: stretch;
}
.schedule-appt-tabs .fiveSteps,
.schedule-appt-tabs .fiveSteps.active{
	height:33.33%;
}


.schedule-appt-tabs .fiveSteps{
	width:40% ;
}
.schedule-appt-tabs .fiveSteps.active{
	width:43%;
}

.schedule-appt-tabs .step-content {
  
  padding: 2% 5% 2% 45%;
 
}
.schedule-appt-tabs #step-4-tab .step-number,
.schedule-appt-tabs #step-5-tab .step-number{
	display: none !important;
}
.schedule-appt-tabs .step-4-tab,
.schedule-appt-tabs .step-5-tab{
	display: none !important;
}
	@media only screen and (max-width: 1080px) {
		.boyl-tabs .five-steps-content,
	.schedule-appt-tabs .five-steps-content,
	.construction-stages .five-steps-content,
	.buildnew .five-steps-content,
	.buyvsrent .five-steps-content,
	.suretrade-steps .five-steps-content,
	.design-studio-steps .five-steps-content{
	height: auto;
	background: #EBECEE;
	display: block;
	width:100%;
	position:relative;
	right:0;
	top:0;
	z-index: 0;
	padding:0;
	overflow: hidden;
}
		.fiveSteps,
	.fiveSteps.active{
  clip-path: none;
  height:50px !important;
  -webkit-box-shadow: inset 0px 15px 20px -15px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 15px 20px -15px rgba(0,0,0,0.75);
  box-shadow: inset 0px 15px 20px -15px rgba(0,0,0,0.75);
  cursor: pointer;
  width: 100% !important;
  margin: 0;
  padding: 0 ;
  display: block;
  position: relative;
  z-index: 500;
		}
	.step-number{
	font-size: 45px !important;
		line-height:55px !important;
	width:auto;
	text-align: right;
	display: table-cell!important;
	}
.construction-stages .step-number {
  font-size: 70px;
  line-height: 70px;
	width:100px;
	text-align: center;
	vertical-align: middle !important;
	display:table-cell !important;
}

	
	
.home-buying-guide .five-steps-content{
	max-height: 550px;
	display: block;
	width:100%;
	position:relative;
	z-index: 0;
	padding:0;
}

	.home-buying-guide div.step-background img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}

	.boyl-tabs .step-content,
	.schedule-appt-tabs .step-content,
	.five-steps-intro .step-content,
	.construction-stages .step-content,
	.design-studio-steps .step-content,
	.buildnew .step-content,
	.buyvsrent .step-content,
	.suretrade-steps .step-content,
	.home-buying-guide .step-content{
	width: 100% !important;
	height:auto;
	padding: 5% !important;
		background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0.90) 0%, rgba(255,255,255,0.75) 90%, rgba(255,255,255,0) 100%);
}	
	
}
	@media only screen and (max-width: 960px) {
		#five-steps-intro {
	height: auto;
	width:100% !important;
	display:block;
	padding: 2% 5% !important;
}
	
	.schedule-appt-tabs #five-steps-tabs{
  width: 100%;
  align-self: stretch;
}
	#five-steps-tabs {
  height: 100%;
  margin-right: 0;
  position: relative;
  width: 100%;
  align-self: stretch;
		}
		}
	@media only screen and (max-width: 768px) {
	
	.home-buying-guide .five-steps-content{
		height:auto!important;
		}}







/* laptop view */
@media (max-width: 1024px){
	.hero-columns{
		flex-direction: column;
		top: unset !important;
    	right: unset !important;
	}
	.hero-form-container{
		height: max-content;
        width: 80%;
		top: unset !important;
	}
	.hero-bottom{
		height: 80vh !important;
	}

	#fp-incentive-container{
		flex-direction: column-reverse;
	}
	.incentive-column-l {
		padding: 15px 40px;
	}
	
}

/* mobile tweaks */
@media (max-width: 600px) {
  .fp-submit-wrap { text-align: center; }
  .fp-submit-wrap button { width: 100%; }

}
@media (max-width: 480px) {
  .hero-form-container{
/*
		height: max-content;
        width: 80%;
		top: unset !important;
*/
	}
}
@media (max-height: 500px) {
    .hero-bottom {
        height: 160vh !important;
    }
}