/*-- 0. Template ----------------------------------------------------------- --*/

:root {
	--primary-blue: #003963;
	--white: #fff;
	--secondary-blue: #94bbe2;
	--secondary-aqua: #abd6d6;
	--secondary-orange: #efae80;
	--secondary-red: #e1766a;
	--secondary-purple: #d4b5d7;
}


body{
	font-family: "Onest", proxima-nova, sans-serif !important;	
  background: #fff;
}

p, ul, li{
	line-height: 140%;
}

.button, .box_button {
	background: #003963;
	padding: 15px 20px;
	display: inline-block;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	margin: 5px 0;
	transition-duration: .2s;
	text-decoration: none;
	border-radius: 30px;
	cursor: pointer !important;
}

.button:hover, .box_button:hover {
	background-color: #004c85;
}


.button.orange-new {
	background-color: var(--secondary-orange);
}

.button.purple {
	background-color: var(--secondary-purple);
}

.button.aqua {
	background-color: var(--secondary-aqua);
}

.button.blue {
	background-color: var(--secondary-blue);
}

.button.orange, .box_button.orange, .box_button.red{
	background-color: var(--secondary-aqua);
}

.button.orange:hover, .box_button.orange:hover, .box_button.red:hover {
	filter: opacity(80%);
}

.button.outline, .box_button.outline {
	background: none;
	border: 2px solid #003963;
	padding: 13px 20px;
	color: #003963;
}

.button.outline:hover, .box_button.outline:hover {
	border-color: #1579c3;
	color: #1579c3;
}


/*-- A. Header ----------------------------------------------------------- --*/
header{
	position: relative;
	display: flex;
	align-items: center;
	height: 70px;
	background-color: #fff;
	z-index: 100;
}

header #main{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;	
	z-index: 100;
	left: 0;
	right: 0;
}

header img.logo{
	display: block;
	max-width: 140px;
	height: auto;
}

header nav{
	display: none;
}

header nav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-weight: 500;
	font-size: 15px;
	color: red;
}

header nav ul li{
	padding: 0 7px;
}

header nav ul li:first-of-type{
	padding-left: 0;
}

header nav ul li:after{
	content: "/";
	margin-left: 14px;
	color: #b9b9b9;
}

header nav ul li:nth-last-of-type(3):after,
header nav ul li:nth-last-of-type(2):after,
header nav ul li:nth-last-of-type(1):after{
	display: none;
	content: none;
}

header nav ul li.home a img{
	width: 14px;
	height: 14px;
	display: inline-block;
	transform: translateY(1px);
	transition-duration: .2s;
}

header nav ul li.home a:hover img{
	transform: translateY(-2px);
}

header nav ul li.get-quote{
	color: #fff;
	margin: 0;
	padding: 0;
}

header nav ul li.fh{
	color: #fff;
	margin: 0 10px;
	padding: 0;
}

header nav ul li a{
	color: #02375f;
	cursor: pointer !important;
	transition-duration: .2s;
	text-decoration: none;
}

header nav ul li a:hover{
	color: var(--secondary-aqua);
}

header nav ul li.get-quote a,
header nav ul li.fh a{
	border-radius: 30px;
	font-size: 14px;
	border: 2px solid #b3b3b3;
	padding: 8px 20px;
	transition-duration: .2s;
}


header nav ul li.get-quote a{
	display: inline-block;
	background-color: var(--secondary-aqua);
	color: #fff;
	border-color: var(--secondary-aqua);
}


header nav ul li.get-quote a:hover{
	filter: opacity(80%);
}

header nav ul li.fh a{
	display: inline-block;
	background: none;
	color: #b3b3b3;
}

header nav ul li.fh a:hover{
	color: #7e7e7e;
	border-color: #7e7e7e;
}

header a#nav_mobile{
	cursor: pointer !important;
}

header a#nav_mobile img{
	display: block;
	height: 22px;
	width: 22px;
	transition-duration: .2s;
	cursor: pointer !important;
}

header a#nav_mobile:hover img{
	transform: scale(.95);
}

header #nav_mobile_container{
	display: none;
	position: fixed;
	width: 100%;
	background: #fff;
	background: linear-gradient(180deg, #ffffff, #ffffffe0);
	height: 100%;
	top: 0;
	left: 0;
}

header.active #main{
	position: fixed;
}

header.active #nav_mobile_container{
	display: block;
}

header #nav_mobile_container ul{
	list-style-type: none;
	margin: 100px 0 0 0;
	padding: 0;
}

header #nav_mobile_container ul li{
	margin: 15px 0;
	text-align: right;
}

header #nav_mobile_container ul li a{
	text-decoration: none;
	font-size: 25px;
	font-weight: 500;
	color: #003963;
	cursor: pointer !important;
	transition-duration: .2s;
}

header #nav_mobile_container ul li a:hover{
	color: var(--secondary-aqua);
}

@media (min-width: 768px){
	header{
		height: 100px;
	}
	
	header #nav_mobile_container ul{
		margin: 150px 0 0 0;
	}

	header img.logo{
		max-width: 200px;
	}
	
	header a#nav_mobile img{
		height: 27px;
		width: 27px;
	}
	
}


@media (min-width: 1270px){
	header.active #main{
		position: relative;
	}
	
	header #nav_mobile,
	header.active #nav_mobile_container{
		display: none;
	}
	
	header nav{
		display: block;
	}
	
	
	header nav ul li a{
		font-size: 16px;
	}
}


#FH23 .dropdown-dp[data-attr-menu-popup="dp2"] .intro h3 {
	color: var(--primary-blue);
}

.sr-only {
	text-indent: 0;
	font-size: 0;
	position: absolute;
}

/*-- A. Header Menu -------------------------------------------------------------------- --*/

#FH23{
  display: flex;
  align-items: center;
  height: 80px;
}

#FH23 > div{
  width: 90%;
  max-width: 1400px; 
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#FH23 .logo{
  margin: 0 auto;
}

#FH23 .logo a.fairmont-logo img{
  width: 120px;
  display: block;
  height: auto;
}



/*-- ------------------------------------------------------------- --*/
#FH23 .menu.mobile-contact-info{
  position: absolute;
  left: 4.5%;
}

#FH23 .menu.mobile-contact-info{
  display: flex;
  align-items: center;
}

#FH23 .menu.mobile-contact-info a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 25px;
  height: 25px;
}

#FH23 .menu.mobile-contact-info a img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#FH23 .menu.mobile-contact-info a.bmm-phone{
  padding-right: 5px;
}

#FH23 .menu.mobile-contact-info a.bmm-phone img{
  width: 80%;
  height: 80%;
}

#FH23 .menu.mobile-contact-info a.bmm-email{
  padding-left: 5px;
}

/**/


#FH23 .menu.mobile-action{
  position: absolute;
  right: 5%;
}

#FH23 .menu.mobile-action{
  display: flex;
  align-items: center;
}

#FH23 .menu.mobile-action a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 25px;
  height: 25px;
}

#FH23 .menu.mobile-action a img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}


/**/

#FH23 .menu.mobile.active{
  display: block;
}

#FH23 .menu.mobile{
  display: none;
  background: #f7f7f7;
  background: #fff;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 80px;
  z-index: 2;
  transition-duration: .2s;
}

#FH23 .menu.mobile > hr{
  border-top: 1px solid #e0e0e0;
  width: 90%;
  margin: 0 auto;
}

#FH23 .menu.mobile ul{
  display: block;
  text-align: right;
  margin: 0;
  padding: 10px 0 12px;
}

#FH23 .menu.mobile ul li{
  margin: 0;
  padding: 0;
}

body[data-entry-slug="__home__"] #FH23 .menu.mobile ul li.mm-home{
  display: none;
}

#FH23 .menu.mobile ul li a{
  padding: 15px 1%;
  margin: 0 4%;
  font-size: 15px;
  -webkit-tap-highlight-color: transparent;
}

#FH23 .menu.mobile ul li a:hover{
  cursor: pointer;
}


#FH23 .menu.mobile ul li a:before{
  display: none;
}


#FH23 .menu.mobile ul li.dp a:after{
  transform: rotate(-90deg) translateY(0); /* right */
}

#FH23 .menu.mobile ul li.dp a:hover:after{
  transform: rotate(-90deg) translateY(0); /* right */
}

#FH23 .menu.mobile ul li.dp a.active:after{
  transform: rotate(0deg) translateY(0); /* down */
}

#FH23 .menu.mobile ul li.dp a.active:hover:after{
  transform: rotate(0deg) translateY(0); /* down */
}

/**/
#FH23 .menu.mobile .pmm{
  pointer-events: none;
  height: 0;
  opacity: 0;
  transition-duration: .2s;
}

#FH23 .menu.mobile .pmm.active{
  pointer-events: all;
  height: 100%;
  opacity: 1;
}


#FH23 .menu.mobile ul .pmm .dp-group{
  margin: 0;
}

#FH23 .menu.mobile ul .pmm .dp-group h4{
  font-size: 15px;
  color: #636363;
}

#FH23 .menu.mobile ul .pmm a{
  border-bottom: 1px solid #f5f5f5 !important;
}


/**/
#FH23 .menu.mobile ul .pmm.active.pm1{
  padding: 0 0 10px;
  margin: 0 5.7% 5px;
}

#FH23 .menu.mobile ul .pm1 a{
  margin: 0;
  padding: 10px 0;
  text-align: right;
  width: 100%;
}

/*
#FH23 .menu.mobile ul .pm1 .dp-group .intro{
  margin: 0 auto;
}

#FH23 .menu.mobile ul .pm1 .dp-group .intro img{
  max-width: 180px;
  margin: 0 auto -10px;
}

#FH23 .menu.mobile ul .pm1 .dp-group:last-of-type .intro img{
  transform: translateX(12%);
}

#FH23 .menu.mobile ul .pm1 .dp-group .intro p{
  text-align: center;
  font-size: 14px;
  line-height: 120%;
  max-width: 250px;
  margin: 0 auto 10px;
}
*/

#FH23 .menu.mobile ul .pm1 .dp-group{
  flex: 0 0 100%;
  margin: 0;
}

#FH23 .menu.mobile ul .pm1 .dp-group .links{
  max-width: 350px;
  margin: 0 auto;
}

#FH23 .menu.mobile ul .pm1 .dp-group .links a{
  font-size: 14px;
  width: auto;
  text-align: center;
  max-width: 150px;
  margin: 0 auto;
}

#FH23 .menu.mobile ul .pm1 .dp-group .links a:after{
  display: none;
}

/**/
#FH23 .menu.mobile ul .pmm.active.pm3{
  padding: 0 0 10px;

  margin: 0 5.7%;
}




#FH23 .menu.mobile ul .pm3 .dropdown-dp[data-attr-menu-popup="dp3"] h4{
  display: none;
}

#FH23 .menu.mobile ul .pm3 .dropdown-dp[data-attr-menu-popup="dp3"] .dp-group a{
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: end;
  margin: 0;
  padding: 0;
  padding: 10px 0;
  margin: 0;
  font-size: 15px;
}

#FH23 .menu.mobile ul .pm3 .dropdown-dp[data-attr-menu-popup="dp3"] .dp-group a span.photo{
  margin: 0 0 0 10px;
}

#FH23 .menu.mobile ul .pm3 .dropdown-dp[data-attr-menu-popup="dp3"] .dp-group .text .suburb{
  display: inline-block;
  font-size: 14px;
}

#FH23 .menu.mobile ul .pm3 .dropdown-dp[data-attr-menu-popup="dp3"] .dp-group.dp-group-photo{
  display: none;
}

/**/
#FH23 .menu.mobile ul .pmm.active.pm4{
  padding: 0 0 10px;
  margin: 0 5.7%;
}

#FH23 .menu.mobile ul .pm4 .dropdown-dp[data-attr-menu-popup="dp4"] h4{
  display: none;
}

#FH23 .menu.mobile ul .pm4 .dropdown-dp[data-attr-menu-popup="dp4"] .dp-group a{
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  padding: 6px 0;
  margin: 0;
  font-size: 15px;
}

#FH23 .menu.mobile ul .pm4 .dropdown-dp[data-attr-menu-popup="dp4"] .dp-group a span.photo{
  margin: 0 0 0 10px;
}

#FH23 .menu.mobile ul .pm4 .dropdown-dp[data-attr-menu-popup="dp4"] .dp-group a .text .sub-text{
  font-size: 15px;
}

/**/
#FH23 .menu.mobile ul .pmm.active.pm5{
  padding: 0 0 10px;
  margin: 0 5.7%;
}

#FH23 .menu.mobile ul .pm5 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group{
  width: 100%;
  margin: 0;
  padding: 0;
}

#FH23 .menu.mobile ul .pm5 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group h4{
  font-size: 15px;
  color: #636363;
  padding: 0;
  margin: 20px 1% 5px;
  margin: 30px 1% 5px;
}

#FH23 .menu.mobile ul .pm5 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group:first-of-type h4{
  margin-top: 0;
}

#FH23 .menu.mobile ul .active.pm5 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group:first-of-type h4{
  margin-top: 10px;
}

#FH23 .menu.mobile ul .pm5 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group a{
  margin: 0;
  padding: 6px 0;
  display: flex;
  flex-direction: row-reverse;
}

#FH23 .menu.mobile ul .pm5 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group a span.photo{
  margin: 0 0 0 10px;
}

#FH23 .menu.mobile ul .pm5 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group:last-of-type{
  border: none;
  padding: 0 0 15px 0;
  margin: 0;
}

#FH23 .menu.mobile ul .pm5 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group:last-of-type a:after{
  display: none;
}


/**/
#FH23 .menu.mobile ul .pmm.active.pm6{
  padding: 0 0 10px;
  margin: 0 5.7% 30px;
}

#FH23 .menu.mobile ul .pm6 .dropdown-dp[data-attr-menu-popup="dp6"] .dp-group:first-of-type{
  margin: 0;
  padding: 0;
  border: none;
}


#FH23 .menu.mobile ul .pm6 .dropdown-dp[data-attr-menu-popup="dp6"] .dp-group h4{
  display: none;
}

#FH23 .menu.mobile ul .pm6 .dropdown-dp[data-attr-menu-popup="dp6"] .dp-group a{
  margin: 0;
  padding: 5px 0;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  font-size: 15px;
}

#FH23 .menu.mobile ul .pm6 .dropdown-dp[data-attr-menu-popup="dp6"] .dp-group a span.photo{
  margin: 0 0 0 10px;
}





/*-- ------------------------------------------------------------- --*/
#FH23 .menu.desktop{
  display: none;
}

#FH23 .menu ul{
  list-style-type: none;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#FH23 .menu ul li{
  margin: 0 5px;
}

#FH23 .menu ul li a{
  position: relative;
  display: block;
  text-decoration: none;
  padding: 0 10px;
}

#FH23 .menu ul li a:hover:before{
  content: "";
  width: 20px;
  height: 1px;
  position: absolute;
  background: #223a54;
  bottom: -6px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#FH23 .menu ul li.dp a:hover:before{
  transform: translateX(-8px);
}

#FH23 .menu ul li.dp a:hover:after{
  transform: translateY(1px);
}

#FH23 .menu ul li.dp a:after{
  content: "";
  display: inline-flex;
  background-image: url(https://fairmonthomes.com.au/images/icons/icon-fh-arrow-down.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  margin-left: 6px;
  transition-duration: .2s;
}

#FH23 .menu ul li.icon{
  margin: 0;
}

#FH23 .menu ul li.icon a{
  margin: 0;
  padding: 0 5px;
}

#FH23 .menu ul li.icon a img{
  display: block;
  width: 16px;
  height: 16px;
  object-fit: contain;
  margin-top: -2px;
}

#FH23 .menu ul li.icon.home a img{
  width: 12px;
  height: 12px;
}

/*-- --*/
#FH23 .dropdown-popup{
  display: none;
  position: absolute;
  background: #fff;
  background: none;
  margin: 0 auto;
  top: 140px;
  z-index: 1;
  left: 0;
  right: 0;
  width: max-content;
  transition-duration: .4s;
  opacity: 0;
  pointer-events: none;
  z-index: 999;
}

#FH23 .dropdown-popup.active{
  pointer-events: all;
  opacity: 1;
}

#FH23 .dropdown-popup .close{
  position: absolute;
  right: 12px;
  top: 12px;
  margin: 0;
  padding: 0 !important;
}

#FH23 .dropdown-popup .close a{
  display: block;
  margin: 0;
  padding: 0;
  cursor: pointer !important;
  text-decoration: none;
  transition-duration: .2s;
}

#FH23 .dropdown-popup .close a:hover{
  transform: scale(1.5);
}

#FH23 .dropdown-popup .close a img{
  display: block;
  width: 8px;
  height: 8px;
}

#FH23 .dropdown-popup > div{
  padding: 0;
  margin: 0;
}

#FH23 .dropdown-popup .dropdown-dp{
  display: none;
  /*
  justify-content: center;
  justify-content: space-between;
  */
  padding: 30px 40px;
  background-color: #fff;
  box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
}

#FH23 .dropdown-popup .dropdown-dp.active{
  display: flex;
}

#FH23 .dp-group{
  flex: 0 0 20%;
  flex: 0 0 auto;
  margin-right: 80px;
}

#FH23 .dp-group:last-of-type{
  margin-right: 0;
}

#FH23 .dp-group h4{
  font-size: 22px;
  font-weight: 100;
  margin: 0 0 15px;
  color: #223a54;
  color: #d1d1d1;
  color: #b2b2b2;
  pointer-events: none;
}

#FH23 .dp-group h4.secondary{
  margin-top: 30px;
}

#FH23 .dp-group a{
  color: #223a54;
  display: flex;
  align-items: center;
  text-decoration: none;
  margin: 10px 0;
  padding: 5px 0;
  cursor: pointer !important;
  width: max-content;
}

#FH23 .dp-group a:last-of-type{
  margin-bottom: 0;
}

#FH23 .dp-group a span.photo{
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
}

#FH23 .dp-group a span.photo img{
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  background: #b3b3b3;
  border: none;
  /*filter: blur(7px);*/
}

#FH23 .dp-group a span.colour{
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
  margin-top: -2px;
}

#FH23 .dp-group a span.colour:after{
  content: "";
  position: absolute;
  display: block;
  width: 100%
  height: 100%
  top: 0;
  left: 0;
  background: radial-gradient(#ffffff70, transparent);
}
  

/*-- --*/
#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .intro{
  max-width: 500px;
  width: 100%;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .intro p{
  width: 100%;
  max-width: 380px;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .intro img{
  display: block;
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 0 -20px;
}



#FH23 .dropdown-dp[data-attr-menu-popup="dp1"]{
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .dp-group{
  flex: 0 0 46%;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .dp-group .links{
  margin: 20px 0 10px;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .dp-group:first-of-type .links{
  column-count: 2;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .dp-group:last-of-type{
  margin-right: -30px;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .dp-group .links a{
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #d2d2d2;
  width: 200px;
  transition-duration: .4s;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .dp-group .links a:first-of-type{
  margin-top: 0;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .dp-group .links a:after{
  position: absolute;
  right: 10px;
  content: "";
  display: inline-flex;
  background-image: url(https://fairmonthomes.com.au/images/icons/icon-fh-arrow-down.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  transition-duration: .4s;
  transform: rotate(-90deg);
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .dp-group .links a:hover{
  border-color: #223a54;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .dp-group .links a:hover:after{
  transform: rotate(0deg);
}

/*
#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .dp-group .links a:last-of-type{
  margin-bottom: 0;
}
*/

#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .dp-group .links a.brochure{
  border: none;
  background-color: transparent;
  margin-top: 15px;
  border-radius: 20px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 600;
  width: fit-content;
  transition-duration: .2s;

  border: 2px solid;
  color: #223a54;
  border-color: #223a54;
}


#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .dp-group .links a.brochure.fairmont-signature{
  color: #223a54;
  border-color: #223a54;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .dp-group .links a.brochure.fairmont-signature:hover{
  color: #3b5674;
  border-color: #3b5674;
}


/*
#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .dp-group .links a.brochure.fairmont-first{
  background-color: #f7911e;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp1"] .dp-group .links a.brochure.fairmont-first:hover{
  background-color: #ffae53;
}
*/

/*-- Menu: House & Land --*/

#FH23 .dropdown-dp[data-attr-menu-popup="dp2"] .intro{
  max-width: 400px;
  width: 100%;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp2"] .intro img.thumbnail{
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
  max-width: 100%;
  width: 300px;
  height: 200px;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp2"] .intro h3{
  font-size: 22px;
  margin: 20px 0 8px;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp2"] .intro p{
  width: 100%;
  max-width: 300px;
  margin: 0 0 30px;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp2"] .dp-group:first-of-type{
  margin-right: 50px;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp2"] .dp-group .links a {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #d2d2d2;
  width: 230px;
  transition-duration: .4s;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp2"] .dp-group .links a:first-of-type {
  margin-top: 0;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp2"] .dp-group .links a:after {
  position: absolute;
  right: 10px;
  content: "";
  display: inline-flex;
  background-image: url(https://fairmonthomes.com.au/images/icons/icon-fh-arrow-down.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  transition-duration: .4s;
  transform: rotate(-90deg);
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp2"] .dp-group .links a:hover {
  border-color: #223a54;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp2"] .dp-group .links a:hover:after {
  transform: rotate(0deg);
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp2"] .dp-group .links a.brochure {
  border: none;
  background-color: transparent;
  margin-top: 15px;
  border-radius: 20px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 600;
  width: fit-content;
  transition-duration: .2s;
  border: 2px solid;
  color: #223a54;
  border-color: #223a54;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp2"] .dp-group .links a.brochure.fairmont-signature {
  color: #223a54;
  border-color: #223a54;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp2"] .dp-group .links a.brochure.fairmont-signature:hover {
  color: #3b5674;
  border-color: #3b5674;
}







/*-- Menu: Displays --*/
#FH23 .dropdown-dp[data-attr-menu-popup="dp3"]{
  justify-content: left;
  justify-content: unset;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp3"] .dp-group{
  margin-right: 60px;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp3"] .dp-group a{
  /*border-bottom: 1px solid transparent;*/
  width: 100%;
  padding-right: 15px;
  transition-duration: .2s;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp3"] .dp-group a span.photo{
  width: 22px;
  height: 22px;
  margin-top: -8px;
  transition-duration: .1s;
  background-color: #223a54;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp3"] .dp-group a span.photo img{
  border-radius: 50%;
  background: none;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp3"] .dp-group a:hover{
  /*border-color: #223a54;*/
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp3"] .dp-group a:hover span.photo{
  background-color: #325e8d;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp3"] .dp-group a:hover .text .suburb{
  color: #636363;
}


#FH23 .dropdown-dp[data-attr-menu-popup="dp3"] .dp-group .text .suburb{
  display: block;
  color: #b2b2b2;
  font-size: 16px;
  transition-duration: .4s;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp3"] .dp-group-photo{
  flex: auto;
  width: 500px;
  margin-top: -10px;
  margin-bottom: -10px;
  margin-right: -20px;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp3"] .dp-group-photo a{
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: none;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp3"] .dp-group-photo a img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  background-color: #cdcdcd;
}



/*-- ----------------------------------------- --*/
#FH23 .dropdown-dp[data-attr-menu-popup="dp5"] {

}

#FH23 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group{
  margin-right: 20px;
  width: 260px;
  padding-right: 30px;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group a{
  display: flex;
  border-bottom: 1px solid #e2e2e2;
  width: 100%;
  transition-duration: .4s;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group a .text{
  transition-duration: .4s;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group a:hover{
  border-color: #223a54;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group a:hover .text{
  transform: translateX(4px);
}


#FH23 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group:last-of-type{
  width: auto;
  border-left: 1px solid #e2e2e2;
  padding-left: 45px;
  margin-right: 0;
  margin-left: 0;
  padding-top: 10px;
  margin-top: -10px;
  padding-bottom: 10px;
  margin-bottom: -10px;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group:last-of-type a{
  position: relative;
  padding-right: 30px;
}



#FH23 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group:last-of-type a:after{
  position: absolute;
  right: 10px;
  content: "";
  display: inline-flex;
  background-image: url(https://fairmonthomes.com.au/images/icons/icon-fh-arrow-down.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  transition-duration: .4s;
  transform: rotate(-90deg);
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group:last-of-type a:hover:after{
  transform: rotate(0deg);
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group:last-of-type a:hover .text{
  transform: none;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group a span.photo{
  width: 22px;
  height: 22px;
  margin-right: 5px;
  background: none;
  border-radius: 0;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp5"] .dp-group a span.photo img{
  background: none;
  border-radius: 0;
}



/*-- ----------------------------------------- --*/
#FH23 .dropdown-dp[data-attr-menu-popup="dp6"] .dp-group a span.photo{
  width: 20px;
  height: 20px;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp6"] .dp-group a span.photo img{
  background: none;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp6"] .dp-group{
  margin-right: 50px;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp6"] .dp-group:first-of-type{
  border-right: 1px solid #e2e2e2;
  padding-right: 33px;
  margin-right: 40px;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp6"] .dp-group:last-of-type{
  margin-right: 15px;
}



/*-- ----------------------------------------- --*/

#FH23 .dropdown-popup.select{
   /*border-radius: 0 270px 270px 0; */

}

#FH23 .dropdown-dp[data-attr-menu-popup="dp4"] .dp-group a .text .sub-text{
  display: block;
  color: #b2b2b2;
  font-size: 16px;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp4"] .dp-group a span.photo{
  transition-duration: .2s;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp4"] .dp-group a:hover span.photo{
  transform: scale(1.07);
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp4"] .dp-group a span.text,
#FH23 .dropdown-dp[data-attr-menu-popup="dp4"] .dp-group a span.sub-text{
  transition-duration: .4s;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp4"] .dp-group a:hover span.text{
  
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp4"] .dp-group a:hover span.sub-text{
  color: #636363;
}

#FH23 .dropdown-dp[data-attr-menu-popup="dp4"] .dp-group:last-of-type{
  margin-left: 20px;
}




@media(min-width:1270px){

  #FH23{
    display: flex;
    align-items: center;
    height: 120px;
  }

  #FH23 .logo{
    margin: 0;
  }

  #FH23 .logo a.fairmont-logo img{
    width: 100%
  }

  #FH23 .menu.desktop,
  #FH23 .dropdown-popup{
    display: block;
  }
  
  #FH23 .menu.mobile,
  #FH23 .menu.mobile-action,
  #FH23 .menu.mobile-contact-info,
  #FH23 .menu.mobile.active{
    display: none;
  }


}


@media(min-width:1300px){
  #FH23 .dropdown-dp[data-attr-menu-popup="dp2"] {
    transform: translateX(10%);
  }
  #FH23 .dropdown-dp[data-attr-menu-popup="dp5"] {
    transform: translateX(10%);
  }
  #FH23 .dropdown-dp[data-attr-menu-popup="dp6"] {
    transform: translateX(20%);
  }

}


@media(min-width:1600px){
  #FH23 .dropdown-dp[data-attr-menu-popup="dp2"] {
    transform: translateX(10%);
  }
  #FH23 .dropdown-dp[data-attr-menu-popup="dp3"] {
    transform: translateX(10%);
  }
  #FH23 .dropdown-dp[data-attr-menu-popup="dp4"] {
    transform: translateX(12%);
  }
  #FH23 .dropdown-dp[data-attr-menu-popup="dp5"] {
    transform: translateX(20%);
  }
  #FH23 .dropdown-dp[data-attr-menu-popup="dp6"] {
    transform: translateX(25%);
  }

}



/*-- B. Footer ----------------------------------------------------------- --*/
footer{
	background-color: #f5f5f5;
}

footer > div{
	display: flex;
	flex-wrap: wrap;
}

footer .left{
	flex: 0 0 100%;
}

footer .left img.logo{
	max-width: 220px;
	height: auto;
	margin: 0 0 10px;
}

footer .left .contact_info a{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin: 17px 0;
	color: #003963;
	text-decoration: none;
	transition-duration: .2s;
	word-break: break-word;
}

footer .left .contact_info a:hover{
	color: var(--secondary-aqua);
}

footer .left .contact_info a img{
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-right: 15px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

footer .left .socials{
  margin: 30px 0 0;
}

footer .left .socials a.social{
	display: inline-flex;
	margin: 0 5px 0 0;
	background: var(--secondary-aqua);
	width: 25px;
	height: 25px;
	padding: 10px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition-duration: .2s;
}

footer .left .socials a.social:hover{
	filter: opacity(80%);
}

footer .left .socials a.social img{
	width: 17px;
	height: 17px;
}





footer .right{
	flex: 0 0 100%;
}

footer .right ul{
	list-style-type: none;
	margin: 50px 0;
	padding: 0;
}

footer .right ul li{
	padding: 10px 0;
}

footer .right ul li a{
	font-size: 20px;
	display: block;
	color: #003963;
	cursor: pointer !important;
	text-decoration: none;
	transition-duration: .2s;
}

footer .right ul li a:hover{
	transform: translateX(-10px);
}

/* footer .right ul li.main a{
	color: var(--secondary-aqua);
} */

footer .bottom{
	flex: 0 0 100%;
	color: #003963;
}

footer .bottom p{
	max-width: 350px;
}

footer .bottom a{
	color: #003963;
	text-decoration: none;
	transition-duration: .2s;
}

footer .bottom a:hover{
	color: var(--secondary-aqua);
}

@media (min-width: 768px){
	footer{
		padding: 60px 0 40px;
	}
	
	
	footer .left{
		flex: 0 0 50%;
	}
	
	footer .left img.logo{
		margin: 0 0 40px;
	}
  
  footer .left .socials{
    margin: 50px 0;
  }

	footer .right{
		flex: 0 0 50%;
	}
	
	footer .right ul li{
		text-align: right;
	}

	footer .right ul li a{
		font-size: 28px;	
    width: fit-content;
    margin-left: auto;
	}
	
	footer .bottom p{
		max-width: 100%;
	}

}

@media (min-width: 1100px){

}




/*-- 1a. Home Page - Oct 2025 ----------------------------------------------------------- --*/


	#home-page-header-section .home-slides{
		position: relative;
		min-height: 500px;
		height: 500px;
	}

	#home-page-header-section .home-slides .slide.ss3 {
		z-index: 2;
	}

	#home-page-header-section .home-slides .slide .title-img{
		width: 700px;
		padding-left: 5%;
	}

	@media screen and (max-width: 1600px) {
		#home-page-header-section .home-slides .slide .title-img{
			width: 600px;
		}
	}

	@media screen and (max-width: 1300px) {
		#home-page-header-section .home-slides .slide .title-img{
			width: 500px;
		}
	}

	@media screen and (max-width: 768px) {
		#home-page-header-section .home-slides{
			height: 600px;
		}

		#home-page-header-section .home-slides .slide .content{
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			/* padding-top: 15%; */
		}

		#home-page-header-section .home-slides .slide .content.phone{
			justify-content: flex-start;
		}

		#home-page-header-section .home-slides .slide .content.phone > div{
			margin-top: 70px;
		}

		#home-page-header-section .home-slides .slide .title-img{
			width: 300px;
			padding: 0;
		}

		#home-page-header-section .home-slides .slide.baseline {
			align-items: baseline !important;
		}

	}


	#home-page-header-section .home-slides .slick-list{
		height: 100%;
	}

	#home-page-header-section .home-slides .slick-track{
		height: 100%;
	}

	#home-page-header-section .home-slides .slide{
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}

	#home-page-header-section .home-slides .slide .content{
		position: absolute;
		z-index: 2;
		height: 100%;
		align-items: center;
		display: flex;
	}

	#home-page-header-section .home-slides .slide .content a.artwork {
		display: block;
		width: fit-content;
		transition: transform 0.6s ease;
		animation: breathe 3s ease-in-out infinite;
	}

	@keyframes breathe {
		0%, 100% {
			transform: scale(1);
		}
		50% {
			transform: scale(1.05);
		}
	}

	#home-page-header-section .home-slides .slide .content a.artwork:hover {
		/*
		animation: none;
		transition-duration: .4s;
		transform: scale(1.025);
		*/
		transition-duration: .2s;
		filter: brightness(1.02);
	}


	#home-page-header-section .home-slides .slide .content a.artwork h1{
		color: #fff;
		font-size: 0;
		line-height: 0;
		margin: 0;
		width: 100%;
	}

	#home-page-header-section .home-slides .slide .content a.artwork h1 img{
		display: block;
		height: auto;
		width: 100%;
		max-width: 450px;
	}


	#home-page-header-section .home-slides .slide .content h1.heading{
		font-size: 80px;
		font-weight: 900;
		color: #fff;
		line-height: 100%;
		max-width: 550px;
		text-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
	}

	#home-page-header-section .home-slides .slide .bg{
		position: absolute;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}

	#home-page-header-section .home-slides .slide.video .content{
		text-align: center;
	}

	#home-page-header-section .home-slides .slide.video .content .button{
		background: none;
		color: #fff;
		border: 2px solid #fff;
		transition-duration: .4s;
		padding: 10px 22px;
	}

	#home-page-header-section .home-slides .slide.video .content .button:hover{
		filter: brightness(1.1);
	}

	#home-page-header-section .home-slides .slide.video .content h1.heading{
		font-size: 40px;
		text-align: center;
		max-width: 800px;
		margin: 0 auto 10px;
		text-shadow: 2px 2px 10px rgb(0 0 0 / 20%);
	}

	#home-page-header-section .home-slides .slide.video .content p.subheading{
		color: #fff;
		font-size: 20px;
		text-align: center;
		max-width: 800px;
		margin: 0 auto 10px;
		text-shadow: 2px 2px 10px rgb(0 0 0 / 20%);
	}

	#home-page-header-section .home-slides .slide.video .bg{
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	#home-page-header-section .home-slides .slide.video .bg .shader{
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgb(0 0 0 / 30%);
	}

	#home-page-header-section .home-slides .slide.video .bg iframe{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100vw;  /* Start big enough to fill width */
		height: 56.25vw; /* 16:9 ratio based on width */
		min-height: 100vh; /* Ensure it fills height too */
		min-width: 177.78vh; /* 16:9 ratio based on height */
		transform: translate(-50%, -50%);
		pointer-events: none; /* optional: stops clicks on video */
	}

	#home-page-header-section .home-slides .slide.video .bg iframe.video-mobile{
		top: 40%;
	}

	#home-page-header-section .home-slides .slide.video .bg iframe.video-desktop {
		top: auto;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	@media (min-width: 1200px){
		#home-page-header-section .home-slides{
			height: 700px;
		}	
	}


	.video-desktop {
		/* display: none; */
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 400px;
		clip-path: inset(1px 1px);
	}

	/* Show desktop iframe above 768px */
	@media (min-width: 769px) {
		.video-desktop {
			display: block;
		}
	}

	/* Show mobile iframe below 768px */
	@media (max-width: 768px) {
		.video-mobile {
			display: block;
		}

		.video-desktop {
			width: 100%;
			position: absolute;
			bottom: 0;
			left: 0;
			top: unset;
			height: 300px;
		}

		#home-page-header-section .home-slides .slide.ss2 {
			background-color: #c1dada !important;
		}
	}


	#home-page-header-section .home-slides .slide.ss2 {
		background-color: #c3dfdf;
		overflow: hidden;
	}



	.expanded-section .title-img {
		max-height: 75px;
	}



	.cls-1 {
		fill: var(--secondary-blue);
	}

	.cls-2 {
		fill: var(--secondary-orange);
	}

	.cls-3 {
		fill: var(--secondary-purple);
	}

	#Layer_1 {
		height:35%;
	}


	/* --- Fix occasional thin black border / hairline around Vimeo iframes --- */
	#home-page-header-section iframe {
		display: block;
		border: 0 !important;
		outline: none;
		box-shadow: none;
	}

	/* Hide fractional seams on transformed bg video */
		#home-page-header-section .home-slides .slide.video .bg,
		#home-page-header-section .home-slides .slide.video .bg iframe {
		overflow: hidden;
	}

	#home-page-header-section .home-slides .slide.video .bg iframe {
		backface-visibility: hidden;
		transform: translate(-50%, -50%) translateZ(0);
	}







/*-- 1. Page Home ----------------------------------------------------------- --*/
body[data-entry-id="186594"] .site_maxwidth{

}

#home_intro{
	position: relative;
	background-color: #f5f5f5;
	background-image: url("https://fairmontgroup.com.au/images/fairmont-first/home-builder-adelaide.jpg");
	min-height: 700px;
	display: flex;
	align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#home_intro > div{
	max-width: 1366px;	
}

#home_intro > div.main{
	position: relative;
	z-index: 1;
}


#home_intro .content{
	color: #02375f;
}

#home_intro .content h1{
	font-size: 40px;
	margin: 0;
	font-weight: 100;
	margin-left: 3px;
}

#home_intro .content h2{
	font-size: 50px;
	margin: 10px 0 30px;
}

#home_intro .content p{
	width: 480px;
	max-width: 100%;
	font-size: 18px;
	line-height: 140%;
}

#home_intro .content .button{
	margin: 30px 0 0;
	padding: 15px 30px;
}

#home_intro .shader{
	background: #f5f5f5;
	background: linear-gradient(45deg, #f5f5f5, #f5f5f5d4);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition-duration: .2s;
}


/**/
.home_intro_video > div{
  width: 100%;
}

.home_intro_video{
	background: #f5f5f5 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.home_intro_video .content img.fight_for_freedom{
  display: block;
  width: 410px;
  max-width: 100%;
  margin: 0 0 30px;
}

.home_intro_video .video-background{
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 60%;
  height: 100%;
}

.home_intro_video .video-background .cover{
  background-position: 0 100%;
  background-repeat: no-repeat;
  
}

.home_intro_video .video-background iframe{
	width: 100vw;
	height: 80vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 125vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	animation: fadeInAnimation ease 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.home_intro_video .cover{
  position: absolute;
  z-index: 2;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home_intro_video .content{
  position: relative;
  z-index: 3;
  max-width: 1366px;
}

.home_intro_video .content .button.watch{
  display: inline-flex;
  align-items: center;
}

.home_intro_video .content .button.watch span{
  font-size: 10px; 
  margin-left: 10px;
}



/**/
#home_featured_circles{
	background-color: #fff;
}

#home_featured_circles > div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1200px;
	padding: 50px 0 0;
}

#home_featured_circles .circle{
	text-align: center;
	flex: 0 0 100%;
	margin: 20px 0;
}

#home_featured_circles .circle img{
	background-color: #b7d5e0;
	width: 220px;
	height: 220px;
	border-radius: 50%;
}

#home_featured_circles .circle h3{
	color: #02375f;
	font-size: 25px;
	font-weight: 500;
	margin: 20px 0 10px;
}

#home_featured_circles .circle p{
	/* width: 160px; */
	max-width: 100%;
	margin: 0 auto;
}
 
#home_featured_circles.v2{
  color: #fff;
}

#home_featured_circles.v2 > div{
  margin: 0 auto;
  padding: 200px 0 40px;
}

#home_featured_circles.v2 .top_curve{
  display: block;
  width: 100%;
  height: auto;
}

#home_featured_circles.v2 .circle img{
  background: none;
  width: 250px;
  max-width: 90%;
  height: auto;
  border-radius: 0;
  object-fit: contain;
}

#home_featured_circles.v2 .circle h3{
  color: #fff;
  margin: 10px 0;
}

#home_featured_circles.v2 .circle p{
  color: #fff;
}



/* ---- announcement ---- */

#home_announcement {
	background-color:#f5f5f5;
	padding:32px 0;
}

#home_announcement .banner .img {
	display:block;
	width:100%;
	height:auto;
}

/* ---- announcements ---- */

#home_announcements {
	background-color:#f5f5f5;
}

#home_announcements .items {
	display:flex;
	flex-direction:column;
	margin:-8px;
}

#home_announcements .items .item {
	display:flex;
	flex-direction:column;
	text-decoration:none;
	margin:8px;
}

#home_announcements .items .item .image {
	position:relative;
	height: 350px;
	background-color:#ccc;
	overflow:hidden;
	z-index:10;
}

#home_announcements .items .item .image .img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	color:transparent;
	z-index:10;
}

#home_announcements .items .item .image iframe {
	position: absolute;
  	inset: 0;
    top: 0px;
    left: 0px;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 110%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	border: 0;
}

#home_announcements .items .item .image .overlay {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:#fff;
	opacity:0;
	mix-blend-mode:overlay;
	z-index:20;
}

#home_announcements .items .item .info {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	font-weight:500;
	padding:16px;
}

#home_announcements .items .item .info .text {
	font-size:1em;
	line-height:120%;
}

#home_announcements .items .item .info .actions {
	margin:12px 0 0 0;
}

#home_announcements .items .item .info .actions .readmore {
	display:inline-block;
	font-weight:700;
	color:#02375f;
	font-size:1.1em;
	line-height:110%;
	text-decoration: underline;
}

#home_announcements.v2{
  position: relative;
  z-index: 2;
  background: none;
}

#home_announcements.v2 > div{
  /* padding-top: 50px;  */
  max-width: 1366px;
}

#home_announcements.v2 .items .item{
  background: #fff;
  overflow: hidden;
  box-shadow: 2px 2px 10px #00000012;
  font-size: 18px;
  color: #02375f;
}

#home_announcements.v2 .items .item .info{
  padding-left: 10%;
  padding-right: 10%;
}

#home_announcements.v2 .items .item .info p{
  font-size: 18px;
  font-weight: 500;
  margin: 10px 0 20px;
  color: #02375f;
}

#home_announcements.v2 .items .item .info .actions .readmore{
  color: var(--primary-blue);
  text-transform: lowercase;
}

@media (min-width: 480px){

	#home_announcements {

	}

	#home_announcements .items .item .info {
		padding:24px;
	}

	#home_announcements .items .item .info .text {
		font-size:1.1em;
	}

}

@media (min-width: 768px){

	#home_announcements {

	}

	#home_announcements .items {
		flex-direction:row;
	}

	#home_announcements .items .item {
		flex:0 0 auto;
		flex-basis:calc(33.333% - 16px);
	}

	#home_announcements .items .item .info {
		padding:16px;
		/* flex:1 1 100%; */
	}

}

@media (min-width: 1024px){

	#home_announcements {
		
	}

	#home_announcements .items {
		margin:-12px;
	}

	#home_announcements .items .item {
		flex-basis:calc(33.333% - 24px);
		margin:12px;
	}

	#home_announcements .items .item .info {
		padding:40px;
	}

}

@media (min-width: 1280px){

	#home_announcements .items {
		margin:-16px;
	}

	#home_announcements .items .item {
		flex-basis:calc(33.333% - 32px);
		margin:16px;
	}

	#home_announcements .items .item:hover .image .overlay {
		opacity:0.1;
	}

	#home_announcements .items .item:hover .info .actions .readmore {
		text-decoration:underline;
	}

}

@media (min-width: 1600px){

	#home_announcements .items {
		margin:-24px;
	}

	#home_announcements .items .item {
		flex-basis:calc(33.333% - 48px);
		margin:24px;
	}

}

/* ---- ---- */

/**/
#home_about_section{
	/*background-color: #f5f5f5;
	background: linear-gradient(0deg, #fff, #f5f5f5);*/
	background-color: #fff;
	background-size: contain;
	background-position: 0 -1px;
	background-repeat: no-repeat;
	min-height: 400px;
	display: flex;
	align-items: center;
	padding: 50px 0;
}

#home_about_section > div{
	max-width: 1366px;
}

#home_about_section .photo img{
	width: 1400px;
	max-width: 100%;
	height: auto;
}

#home_about_section .content{
	width: 100%;
}

#home_about_section .content > div{
	padding: 30px 10px;
}

#home_about_section .content h2{
	color: #023760;
	font-size: 35px;
	font-weight: 500;
	max-width: 320px;
	margin: 0;
  	margin-bottom: 30px;
}


/**/
#home_how_it_works_section{
	background-color: #fff;
	min-height: 400px;
	display: flex;
	align-items: center;
	padding: 50px 0;
}

#home_how_it_works_section > div{
  display: flex;
  flex-direction: column-reverse;
  max-width: 1100px;
}

#home_how_it_works_section .photo img{
	width: 1400px;
	max-width: 100%;
	height: auto;
}

#home_how_it_works_section .content{
	width: 100%;
}

#home_how_it_works_section .content > div{
	padding: 30px 10px 0;
}

#home_how_it_works_section .content h2{
	color: #023760;
	font-size: 35px;
	font-weight: 500;
	margin: 0;
  	margin-bottom: 30px;
}

#home_how_it_works_section .content .process_steps{
  margin: 0 0 30px;
}

#home_how_it_works_section .content .process_steps .process_step{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 8px 0;
}

#home_how_it_works_section .content .process_steps .process_step .blob{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  background-image: url(https://fairmontgroup.com.au/images/fairmont-first/bg-blob-blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 40px;
  height: 40px;
}

#home_how_it_works_section .content .process_steps .process_step h3{
  font-weight: 500;
  font-size: 20px;
  color: #023760;
  margin: 0 0 0 15px;
}

#home_how_it_works_section .video{

}

#home_how_it_works_section .video .video_wrapper {
  position: relative;
  padding-bottom: 100%;
}

#home_how_it_works_section .video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/**/
#home_floorplans_section{
	background-color: #fff;
}

#home_floorplans_section > div{
	max-width: 1200px;
}

#home_floorplans_section .slickHomeFloorPlans .box{
	background: #ebebeb;
	width: 94%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 450px;
	transition-duration: .2s;
	opacity: .15;
}

#home_floorplans_section .slickHomeFloorPlans .box .box_photo{
	flex: 0 0 100%;
	height: 600px;
	width: auto;
}

#home_floorplans_section .slickHomeFloorPlans .box .box_photo img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}




#home_floorplans_section .slickHomeFloorPlans .box .box_content{
	flex: 0 0 100%;
}

#home_floorplans_section .slickHomeFloorPlans .box .box_content > div{
	padding: 0 30px 40px;
	text-align: left;
}

#home_floorplans_section .slickHomeFloorPlans .box .box_content p.block_size{
	margin: 0;
	color: var(--secondary-aqua);
	font-weight: 600;
}

#home_floorplans_section .slickHomeFloorPlans .box .box_content h3{
	margin: 5px 0 15px;
	font-size: 40px;
	color: #003963;
}

#home_floorplans_section .slickHomeFloorPlans .box .box_content ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}

#home_floorplans_section .slickHomeFloorPlans .box .box_content ul li{
	margin-right: 15px;	
	display: flex;
	align-items: center;
	justify-content: center;
}


#home_floorplans_section .slickHomeFloorPlans .box .box_content ul li img{
	width: auto;
	height: auto;
	max-width: 19px;
	max-height: 15px;
	margin-left: 5px;
}

#home_floorplans_section .slickHomeFloorPlans .box .box_content .introduction{
	margin: 25px 0 10px;
}

#home_floorplans_section .slickHomeFloorPlans .box .box_content .button{
	margin: 30px 0 0;
}



#home_floorplans_section .slickHomeFloorPlans .slick-slide.slick-current.slick-active.slick-center .box{
	background: #f5f5f5 !important;
	opacity: 1 !important;
	border-radius: 10px;
}

#home_floorplans_section .slickHomeFloorPlans .slick-arrow{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 50px;
	z-index: 2;
}

#home_floorplans_section .slickHomeFloorPlans .slick-arrow.slick-prev,
#home_floorplans_section .slickHomeFloorPlans .slick-arrow.slick-next{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0 !important;
	border: none;
	background: #02375f;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	transition-duration: .2s;
}

#home_floorplans_section .slickHomeFloorPlans .slick-arrow.slick-prev:hover,
#home_floorplans_section .slickHomeFloorPlans .slick-arrow.slick-next:hover{
	background: #004c85;
}

#home_floorplans_section .slickHomeFloorPlans .slick-arrow.slick-prev:after,
#home_floorplans_section .slickHomeFloorPlans .slick-arrow.slick-next:after{
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
}

#home_floorplans_section .slickHomeFloorPlans .slick-arrow.slick-prev{
	left: 0;
}

#home_floorplans_section .slickHomeFloorPlans .slick-arrow.slick-next{
	right: 0;
}

#home_floorplans_section .slickHomeFloorPlans .slick-arrow.slick-prev:after{
	background-image: url('https://fairmontfirst.com.au/images/icons/icon-arrow-white-left.svg');
}

#home_floorplans_section .slickHomeFloorPlans .slick-arrow.slick-next:after{
	background-image: url('https://fairmontfirst.com.au/images/icons/icon-arrow-white-right.svg');
}

#home_floorplans_section .heading_get_quote{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 40px;
}

/**/
#home_process > div{
	max-width: 950px;
}

#home_process .process_steps{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;	
}

#home_process .process_steps .process_step{
	display: flex;
	flex-wrap: nowrap;
	max-width: 100%;
	align-items: center;
	justify-content: flex-start;
	cursor: pointer !important;
	flex: 0 0 100%;
  margin: 0 0 30px;
}

#home_process .process_steps .process_step:last-of-type{
  margin: 0; 
}

#home_process .process_steps .process_step .blob{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	justify-content: center;
	background-image: url('https://fairmontgroup.com.au/images/fairmont-first/bg-blob-blue.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 70px;
	height: 70px;
}

#home_process .process_steps .process_step h3{
	margin: 0 30px 0 20px;
	font-size: 25px;
	max-width: 180px;
	color: #143a62;
}

#home_process .process_steps .process_step:last-of-type h3{
	margin: 0 0 0 20px;
}


#home_process .steps_intro{
	margin: 40px 0;
	text-align: left;
}

#home_speak_to_consultant{
  overflow: hidden;
  background: #fff;
}

#home_speak_to_consultant > div{
  padding: 50px 0 30px;
}

#home_speak_to_consultant .consultant{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto 50px;
  justify-content: space-between;
  background: var(--secondary-aqua);
  color: #fff;
  border-radius: 30px;
  padding: 40px;
}

#home_speak_to_consultant .consultant .content{

}

#home_speak_to_consultant .consultant .content h2{
  margin: 0 0 10px;
  color: #fff;
  font-weight: 500;
}

#home_speak_to_consultant .consultant .content p.position{
  margin: 0; 
}

#home_speak_to_consultant .consultant .consultant_info{
  display: block;
}

#home_speak_to_consultant .consultant .consultant_info h3{
  font-weight: 500;
  color: #fff;
  font-size: 24px;
  margin: 0 5px 8px 0;
}

#home_speak_to_consultant .consultant .consultant_info .contact_info{
  margin: 0 30px 0 0;
}

#home_speak_to_consultant .consultant .consultant_info .contact_info a{
  display: flex;
  align-items: center;
  margin: 5px 0;
  text-decoration: none;
  text-align: right;
  flex-wrap: nowrap;
  color: #fff;
}

#home_speak_to_consultant .consultant .consultant_info .contact_info a img{
  border-radius: 50%;
  margin: 0 10px 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 20px;
  height: 20px;
}

#home_speak_to_consultant .consultant .consultant_info .photo img{
  display: block;
  object-fit: contain;
  width: 160px;
  height: 160px;
  margin: 20px 0;
}


/**/
@media (min-width: 768px){
	#home_intro .shader{
    background: linear-gradient(90deg, #f5f5f5 40%, #f5f5f500 70%);
	}
	
	#home_featured_circles .circle{
		flex: 0 0 28.33%;
		margin: 0;
	}	

	#home_featured_circles .circle h3{
		margin: 30px 0 10px;
	}
  
  #home_featured_circles.v2 > div{
    margin: 0 auto;
    padding: 120px 0 80px;
  }
  
  #home_featured_circles.v2 .circle img{
    width: 300px;
  }
  
  #home_featured_circles.v2 .circle h3{
    margin: 15px 0;
  }

	#home_about_section > div{
		display: flex;
		align-items: center;
	}	

	#home_about_section .content > div{
		max-width: 100%;
		padding: 30px 10px;
		margin: 0 auto;
	}
  
  #home_how_it_works_section > div{
		align-items: center;
    flex-direction: unset;
  }
  
  #home_how_it_works_section .content{
    flex: 0 0 45%;
  }
  
  #home_how_it_works_section .content > div{
		max-width: 100%;
    padding: 30px 15% 0 0;
		margin: 0 auto;
	}
      
  #home_how_it_works_section .video{
    flex: 0 0 40%;
  }
  
  #home_process .process_steps{
	 flex-wrap: nowrap;
  }
    
	#home_process .process_steps .process_step{
		flex: auto;
    margin: 0;
    justify-content: center;
	}
	
  #home_process .steps_intro{
    text-align: center;
  }
  
  #home_speak_to_consultant .consultant{
    padding: 10px 40px;
  }

  #home_speak_to_consultant .consultant .consultant_info{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    text-align: right;
    flex-direction: row-reverse;
  }
  
  #home_speak_to_consultant .consultant .consultant_info .photo img{
    width: 250px;
    height: 250px;
    margin: -50px auto;
  }
  
  #home_speak_to_consultant .consultant .consultant_info .contact_info a{
    flex-direction: row-reverse;
  }
  
  #home_speak_to_consultant .consultant .consultant_info .contact_info a img{
    margin: 0 0 0 10px;
  }
}

@media (min-width: 900px){
	#home_floorplans_section .slickHomeFloorPlans .slick-arrow.slick-prev{
		left: 110px;
	}

	#home_floorplans_section .slickHomeFloorPlans .slick-arrow.slick-next{
		right: 110px;
	}
	
	#home_floorplans_section .slickHomeFloorPlans .box .box_photo{
		flex: 0 0 45%;
	}
	
	#home_floorplans_section .slickHomeFloorPlans .box .box_content{
		flex: 0 0 45%;
	}
	
	#home_floorplans_section .slickHomeFloorPlans .box .box_content > div{
		padding: 0 0 0 20px;
		text-align: left;
	}
}

@media (min-width: 1200px){
	
	#home_about_section .content > div{
		padding: 30px 15%;
	}
}

@media (min-width: 1400px){
	#home_intro .shader{
		display: none;
	}
}


/*-- 2.0 Page Generic Template ----------------------------------------------------------- --*/
.page_header_design_1{
	background-size: contain;
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 350px;
	transition-duration: .2s;
}

.page_header_design_1 > div{
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	padding: 0;
}

.page_header_design_1 > div > div{
	margin: 0 0 10px;
	max-width: 450px;
}

.page_header_design_1 > div > div h1{
	color: #003963;
	margin: 0 0 10px;	
	font-size: 35px;
	transition-duration: .2s;
  text-shadow: 2px 2px 10px #ffffff87;
}

.page_header_design_1 > div > div p{
	/*margin: 0;*/
	width: 100%;
  text-shadow: 2px 2px 10px #fff;
}

.page_header_design_1 > div > div a.button{
	margin: 30px 0 0;
}

.page_header_design_1_bot{
	margin-top: -50px;
}


.page_header_design_1.v2 .content h1{
	font-size: 40px;
	margin: 0;
	font-weight: 100;
	text-shadow: 1px 1px 10px #fff;
}

.page_header_design_1.v2 .content h2{
	font-size: 50px;
	margin: 10px 0 30px;
	text-shadow: 1px 1px 10px #fff;
	color: #003963;
}


.page_header_design_2{
	background-color: #fff;
	min-height: 700px;
	display: flex;
	align-items: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
	transition-duration: .2s;
}

.page_header_design_2 > div{
	max-width: 1366px;	
}

.page_header_design_2 > div a.button{
	margin: 20px 0 0;
}


.page_header_design_2 .content{
	color: #02375f;
}

.page_header_design_2 .content h1{
	font-size: 40px;
	margin: 0;
	font-weight: 100;
	text-shadow: 1px 1px 10px #fff;
}

.page_header_design_2 .content h2{
	font-size: 50px;
	margin: 10px 0 30px;
	text-shadow: 1px 1px 10px #fff;
}

.page_header_design_2 .content p{
	width: 480px;
	max-width: 100%;
	font-size: 18px;
	line-height: 140%;
	text-shadow: 1px 1px 5px #fff;
}




.wrapper_photo_and_content{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 auto;
}

.wrapper_photo_and_content.invert{
	flex-direction: column-reverse;
}

.wrapper_photo_and_content .content {
	color: #02375f;
}

.wrapper_photo_and_content .content h2{
	color: #02375f;
}

.wrapper_photo_and_content .content .arrow_down{
	height: 80px;
	width: auto;
	display: block;
	margin-top: 30px;
}

.wrapper_photo_and_content .content .arrow_down.left{
	margin-right: auto;
}

.wrapper_photo_and_content .content .arrow_down.right{
	margin-left: auto;
		margin-right: 20px;
}

.wrapper_photo_and_content .photo{
	flex: 0 0 100%;	
	width: 100%;
}

.wrapper_photo_and_content .photo img{
	display: block;
	width: 100%;
	height: auto;
	max-width: 400px;
}


.wrapper_photo_and_content .content{
	flex: 0 0 100%;	
}

.wrapper_photo_and_content .content .button{
  margin: 20px 0 0; 
}

.wrapper_photo_and_content .content > div{
	padding: 30px;	
}

.wrapper_photo_and_content .content > div .blob{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin: 0 0 20px;
}

.wrapper_photo_and_content .content > div .blob span{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	color: #fff;
	margin: 0 12px 0 0;
}

.wrapper_photo_and_content .content > div .blob.how_it_works span{
	background-image: url(https://fairmontfirst.com.au/images/fairmont-first/bg-blob-blue.svg);	
}

.wrapper_photo_and_content .content > div .blob.how_it_works_step_1 span{
	background-image: url(https://fairmontfirst.com.au/images/fairmont-first/bg-blob-light-blue.svg);	
}

.wrapper_photo_and_content .content > div .blob.how_it_works_step_2 span{
	background-image: url(https://fairmontfirst.com.au/images/fairmont-first/bg-blob-green.svg);	
}

.wrapper_photo_and_content .content > div .blob.how_it_works_step_3 span{
	background-image: url(https://fairmontfirst.com.au/images/fairmont-first/bg-blob-orange.svg);	
}

.wrapper_photo_and_content .content > div .blob.how_it_works h2{
	color: #143a62;
}

.wrapper_photo_and_content .content > div .blob.how_it_works_step_1 h2{
	color: #87bace;
}

.wrapper_photo_and_content .content > div .blob.how_it_works_step_2 h2{
	color: #1c9d6d;
}

.wrapper_photo_and_content .content > div .blob.how_it_works_step_3 h2{
	color: #f7911f;
}

.wrapper_photo_and_content .content > div .blob h2{
	margin: 0 20px 0 0;
}

.lender_logos{
	margin: 40px 0 0;
}

.lender_logos img{
	display: block;
	width: 100%;
	max-width: 1400px;
	height: auto;
	margin: 0 auto 50px;
}



@media (min-width: 500px){
	.page_header_design_1{
		height: 370px;
	}
}

@media (min-width: 600px){
	.page_header_design_1{
		height: 400px;
	}
}

@media (min-width: 700px){
	.page_header_design_1{
		height: 430px;
	}
	
	.page_header_design_2{
		background-size: cover;
		background-position: 20% 100%;
	}
}

@media (min-width: 768px){
	.page_header_design_1{
		height: 420px;
	}

	.page_header_design_1 > div > div{
		max-width: 400px;
	}
	
	.page_header_design_2{
		background-position: 30% 100%;
	}
	
	.wrapper_photo_and_content.invert{
		flex-direction: unset;
	}
	
	.wrapper_photo_and_content .photo{
		flex: 0 0 50%;	
	}

	.wrapper_photo_and_content .photo img{
		max-width: 100%;
	}

	
	.wrapper_photo_and_content .content{
		flex: 0 0 50%;	
	}

	.wrapper_photo_and_content .content p{
		width: 90%;
	}
}

@media (min-width: 900px){
  .page_header_design_1{
		height: 480px;
	}

	.page_header_design_1 > div > div{
	  margin-bottom: 20px;
	}
	
	.page_header_design_2{
		background-position: 50% 100%;
	}
	
}

@media (min-width: 1100px){
  .page_header_design_1{
		height: 500px;
	}

	.page_header_design_1 > div > div{
	  margin-bottom: 20px;
		max-width: 450px;
	}
}

@media (min-width: 1200px){
  .page_header_design_1{
		height: 550px;
	}

	.page_header_design_1 > div > div{
	  margin-bottom: 20px;
	}
  
	.page_header_design_1 > div > div h1{
		font-size: 55px;
	}
}

@media (min-width: 1300px){
	.page_header_design_1{
		background-size: contain;
		background-position: 100% 100%;
    height: 600px;
	}
  
  .page_header_design_1 > div > div{
	  margin-bottom: 80px;
	}
}
	

@media (min-width: 1400px){
  .page_header_design_1 > div > div{
	  margin-bottom: 120px;
	}
}
	
@media (min-width: 1600px){
  .page_header_design_1 > div > div{
	  margin-bottom: 140px;
	}
}
	
	

/*-- 2.1 Page Designs ----------------------------------------------------------- --*/

#page_designs_content{
	/*background-color: #f9f9f9;*/
	/*background: linear-gradient(0deg, white 0%, #f2f2f2 10%, #f2f2f2 90%, white 100%);*/
}

#page_designs_content > div.main{
	padding: 10px 0;	
}



#page_designs_content > div.shader_bot{
	/*height: 200px;
	background-color: #f9f9f9;
	background: linear-gradient(0deg, #fff, #f9f9f9);*/
}





.designs_filter{
	margin: 0 1% 30px;
	display: flex;
	flex-wrap: wrap;
}

.designs_filter > div.width{
	margin: 0 15px 30px 0;
}

.designs_filter > div.sort a{

}

.designs_filter h3{
  color: #003963;
	margin: 0 0 15px;	
	font-size: 22px;
}

.designs_filter .controls{
	display: inline-block;
	margin: 0;
}

.designs_filter .controls a{
	display: inline-block;
	background: #f7f7f7;
	box-shadow: 2px 2px 15px #0000001c;
	padding: 5px 8px;
	font-size: 12px;
	cursor: pointer;
	transition-duration: .2s;
}

.designs_filter .controls a:hover,
.designs_filter .controls a.active{
	color: var(--secondary-aqua);
	background: #fff;
	font-weight: 600;
}

.designs_filter .controls a:first-of-type{
	border-radius: 30px 0 0 30px;
}

.designs_filter .controls a:last-of-type{
	border-radius: 0 30px 30px 0;
}




/**/

.designs{
	display: flex;
	flex-wrap: wrap;
}

.designs.show_only_10m .design.lot_width_12{
	flex: 0;
	margin: 0;
	opacity: 0;
	display: none;
}

.designs.show_only_12m .design.lot_width_10{
	flex: 0;
	margin: 0;
	opacity: 0;
	display: none;
}

.designs .design{
	background: #fff;
	flex: 0 0 100%;
	margin: 15px 0;
	box-shadow: 2px 2px 10px #00000012;
	overflow: hidden;
	opacity: 1;
	border-radius: 10px;
}


.slickDesignsFloorPlans{
	width: 100%;
	height: 100%;

}

.slickDesignsFloorPlans .slick-list{
	width: 100%;
	height: 100%;
}

.slickDesignsFloorPlans .slick-list .slick-track{
	width: 100%;
	height: 100%;
}

.slickDesignsFloorPlans .slick-list .slick-track .slick-slide{
	width: 100%;
	height: 100%;
}



.slickDesignsFloorPlans ul.slick-dots{
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	list-style-type: none;
	height: 15%;
	justify-content: center;
}

.slickDesignsFloorPlans ul.slick-dots li a{
	margin: 0;
	cursor: pointer;
	transition-duration: .2s;
	font-weight: 600;
	font-size: 14px;
}

.slickDesignsFloorPlans ul.slick-dots li:after{
	content: "/";
	color: #cdcdcd;
	margin: 0 10px;
}

.slickDesignsFloorPlans ul.slick-dots li:last-of-type:after{
	display: none;
}

.slickDesignsFloorPlans ul.slick-dots li.slick-active a{
	color: var(--secondary-aqua);	
}

.slickDesignsFloorPlans ul.slick-dots li a:hover{
	color: #003963;
}

.slickDesignsFloorPlans .slick-arrow.slick-prev,
.slickDesignsFloorPlans .slick-arrow.slick-next{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0 !important;
	background: none;
	border: none;
	width: 22px;
	height: 22px;
	position: absolute;
	bottom: 27px;
	cursor: pointer !important;
}

.slickDesignsFloorPlans .slick-arrow.slick-prev:after,
.slickDesignsFloorPlans .slick-arrow.slick-next:after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.slickDesignsFloorPlans .slick-arrow.slick-prev{
	left: 40px;
}

.slickDesignsFloorPlans .slick-arrow.slick-next{
	right: 40px;
}

.slickDesignsFloorPlans .slick-arrow.slick-prev:after{
	background-image: url("https://fairmontfirst.com.au/images/icons/icon-arrow-blue-left.svg");
}

.slickDesignsFloorPlans .slick-arrow.slick-next:after{
	background-image: url("https://fairmontfirst.com.au/images/icons/icon-arrow-blue-right.svg");
}


.designs .design .floorplan{
	position: relative;
	background: #f8f8f8;
	height: 500px;
	min-height: 400px;
	max-height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	overflow: hidden;
}

.designs .design .floorplan .photo{
	height: 85%;
	width: 100%;
	margin: 0 auto;
	object-fit: contain;
	border: none;
	text-align: center;
}

.designs .design .floorplan .photo img{
	height: 100%;
	max-height: 450px;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}

.designs .design .floorplan .price,
.designs .design .floorplan .link{
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 0;
	color: #f8f8f8;
	background: #f8f8f8;
	height: 15%;
	margin: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.designs .design .floorplan .banner_width{
	z-index: 1;
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	padding: 13px;
	width: 50px;
	height: 40px;
	text-align: right;	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.designs .design .floorplan .banner_on_display{
	left: 10px;
	position: absolute;
	top: 5px;
	margin: 5px 0 2px;
	padding: 3px 12px;
	border-radius: 20px;
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	background: #003963;
	z-index: 10;
	text-decoration: none;
	transition-duration: .2s;
}

.designs .design .floorplan .banner_on_display:hover{
	background: #004c85;
}

.designs .design .floorplan .banner_width.lot_width_10{
	/*background-image: url("https://fairmontfirst.com.au/images/fairmont-first/blob-width-light-blue.svg");*/
}

.designs .design .floorplan .banner_width.lot_width_12{
	/*background-image: url("https://fairmontfirst.com.au/images/fairmont-first/blob-width-light-blue.svg");*/
}

/*
.designs .design .floorplan .banner_width.lot_width_10,
.designs .design .floorplan .banner_width.lot_width_12{
	background-image: url("https://fairmontfirst.com.au/images/fairmont-first/blob-width-grey.svg");
}*/

.designs .design .floorplan .banner_width p{
	position: relative;
	margin: 0;
	color: #a1a1a1;
	font-size: 14px;
	font-weight: 500;
	margin-top: 3px;
}

.designs .design .floorplan .banner_width p span.plus{
	position: absolute;
	font-size: 10px;
	top: -5px;
	right: -6px;
	font-weight: 500;
}



.designs .design .info{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px;
}

.designs .design .info .info_name h2{
	color: #003963;
	margin: 0;
}

.designs .design .info .info_name h2 a{
	text-decoration: none;
	color: #003963;
	margin: 0;
}

.designs .design .info .info_name p.price{
	color: var(--secondary-aqua);
	margin: 5px 0 0;	
}

.designs .design .info .info_button .button{
	margin: 0;
}




@media (min-width: 768px){
	.designs .design{
		flex: 0 0 48%;
		margin: 1%;
	}
	
	.designs_filter .controls a{
		padding: 20px;
		font-size: 15px;
	}
	
}


@media (min-width: 1000px){
	.designs_filter > div.width{
		margin: 0 30px 0 0;
	}
}


@media (min-width: 1100px){
	.designs .design{
		flex: 0 0 31.33%;
		margin: 1%;
	}
}













/*-- 2.2 Page Designs INDIVIDUAL ----------------------------------------------------------- --*/
.selectionsGroup.introduction h1{
	color: #003963;
	font-weight: 600;
	font-size: 35px;
	margin: 0 0 15px;
}

.selectionsGroup.introduction ul{
	list-style-type: none;
	margin: 0 0 15px;
	padding: 0;
	display: flex;
	align-items: center;
}

.selectionsGroup.introduction ul li{
	margin-right: 15px;	
	display: flex;
	align-items: center;
	justify-content: center;
}


.selectionsGroup.introduction ul li img{
	width: auto;
	height: auto;
	max-width: 19px;
	max-height: 15px;
	margin-left: 5px;
}


.selectionsGroup.introduction .intro{
	margin: 0 0 15px;
}


#page_design_layout_options{
	position: relative;
	background-color: #f5f5f5;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#page_design_layout_options.scroll{
	background-attachment: fixed;
}


#page_design_layout_options.hitbot{
	background-attachment: unset;
	background-position: 0 100%;
}

#page_design_layout_options > div{
	display: flex;
	flex-wrap: wrap;
}

#page_design_layout_options > div .photo{
	position: relative;
	flex: 0 0 100%;	
	overflow: hidden;
}

#page_design_layout_options > div .photo > div{
	display: flex;
	justify-content: center;
	text-align: center;
}

#page_design_layout_options > div .photo a{
	display: block;
	margin: 0;
	padding: 0;
}

#page_design_layout_options > div .photo img{
	width: 100%;
	height: auto;
	max-height: 100vh;
	margin: 0 auto;
}

#page_design_layout_options > div .photo .slickDesignVariationsPhoto{
	position: static;
	width: 300px !important;
	padding: 0 30px;
	margin: 0 auto;
	transition-duration: .2s;
}


#page_design_layout_options > div .photo .slick-dots{
	display: none !important;
}



.slickDesignVariations{

}

.slickDesignVariations .slick-list,
.slickDesignVariations .slick-track{
	width: 100%;
}


.slickDesignVariations img{
	width: 200px !important;
	height: 200px !important;
}


#page_design_layout_options > div .content{
	flex: 0 0 100%;	
	text-align: left;
	overflow: hidden;
}

#page_design_layout_options > div .content > div{
	padding: 0;	
}

#page_design_layout_options > div .content h2{
	color: #003963;
	margin: 30px 0 20px;
}

#page_design_layout_options > div .content p{
	font-size: 17px;
	line-height: 140%;
	width: 100%;
}

#page_design_layout_options > div .content h4.group_title{
	flex: 0 0 100%;
	color: #003963;
	margin: 0 0 10px;
	display: flex;
	justify-content: space-between;
}

#page_design_layout_options > div .content h4.group_title span.more{
	background: #c9c9c9;
	text-shadow: 2px 2px 10px #0000004a;
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 2px;
	transition-duration: .2s;
	cursor: pointer !important;
}

#page_design_layout_options > div .content h4.group_title span.more:hover{
	color: #fff;
	background: var(--secondary-aqua);
}

.more_info_container{
	margin: 30px 10px !important;
	background: #f8f8f8;
	max-width: 750px;
  padding: 30px 20px;
  border-radius: 10px;
}

.more_info_container h2{
	color: #003963;
	margin: 0;
}

.more_info_container .mi_content{
	margin: 15px 0 20px;
	color: #878787;
}

.more_info_container .mi_table{
	background: #fff;
	padding: 20px;
	max-width: 100%;
	font-size: 16px;
  border-radius: 10px;
}

.more_info_container .mi_table .row{
	display: flex;
	flex-wrap: wrap;
	border-bottom: 2px solid #f3f3f3;
	padding: 15px 10px;
	overflow: hidden;
}

.more_info_container .mi_table .row:first-of-type{
	padding-top: 10px;	
}

.more_info_container .mi_table .row:last-of-type{
	border: none;	
	padding-bottom: 10px;
}

.more_info_container .mi_table .row > div:nth-of-type(1){
	flex: 0 0 160px;
	padding: 5px;
	color: #003963;
	font-weight: 500;
}

.more_info_container .mi_table .row > div:nth-of-type(2){
	padding: 5px;
	color: #979797;
}

.more_info_container .mi_table .row > div:nth-of-type(2),
.more_info_container .mi_table .row > div:nth-of-type(2) strong,
.more_info_container .mi_table .row > div:nth-of-type(2) span{
	font-weight: 500 !important;
}

.more_info_container .mi_table .row > div:nth-of-type(2) li{
	margin-bottom: 10px;
}

.more_info_container .mi_table .row > div:nth-of-type(2) li:last-of-type{
	margin-bottom: 0;
}


.more_info_container .mi_table ul{
	margin: 0;
	padding-left: 18px;
}



#page_design_layout_options > div .content .filter{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	width: 100%;
}

#page_design_layout_options > div .content .filter a{
	margin: 10px 10px 10px 0;
	border-radius: 5px;
	border: 4px solid #efefef;
	transition-duration: .2s;
	cursor: pointer;
}

#page_design_layout_options > div .content .filter a:last-of-type{

}

#page_design_layout_options > div .content .filter a img{
	width: 100px;
	height: 100px;
	background: #fff;
	padding: 4px 10px;
}

#page_design_layout_options > div .content .filter a p{
	font-weight: 600;
	font-size: 14px;
	margin: 5px 0 10px;
}

#page_design_layout_options > div .content .filter a:hover{
	border-color: #dddddd;
}

#page_design_layout_options > div .content .filter a.active{
	border-color: var(--secondary-aqua);
}

#page_design_layout_options > div .content .lifestyle_mod{
	display: inline-flex;
	align-items: center;
	color: #003963;
	font-size: 14px;
	width: auto;
	margin-right: 20px;
}

#page_design_layout_options > div .content .lifestyle_mod span{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #c9dde6;
	margin-right: 10px;
}

#page_design_layout_options > div .content .wet_areas{
	display: inline-flex;
	align-items: center;
	color: #003963;
	font-size: 14px;
	width: auto;
}

#page_design_layout_options > div .content .wet_areas span{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #dee1e1;
	margin-right: 10px;
}



#page_design_layout_options > div .content .design_variant_spec{
	margin: 30px 0 0;
	background: #fff;
}

#page_design_layout_options > div .content .design_variant_spec > div{

}

#page_design_layout_options > div .content .design_variant_spec > div > div{
	display: flex;
	flex-wrap: nowrap;
}

#page_design_layout_options > div .content .design_variant_spec h2{
	margin: 0 0 20px;
}

#page_design_layout_options > div .content .design_variant_spec > div > div{
	padding: 8px 0;
	border-bottom: 1px solid #e5e6ea;
}

#page_design_layout_options > div .content .design_variant_spec > div > div:last-of-type{
	border: none;
}

#page_design_layout_options > div .content .design_variant_spec > div > div p{
	margin: 0;
}

#page_design_layout_options > div .content .design_variant_spec > div > div p:nth-of-type(1){
	color: #858585;
	flex: 0 0 180px;
}

#page_design_layout_options > div .content .design_variant_spec > div > div p:nth-of-type(2){
	color: #003963;
	text-align: right;
}

#page_design_layout_options > div .content .slick-dots{
	display: none !important;
}

#page_design_layout_options > div .content .slick_upgrades_content{
	background: #fff;
	margin: 30px 0 0;
}

#page_design_layout_options > div .content .slick_upgrades_content > div{

}

#page_design_layout_options > div .content .slick_upgrades_content > div h2{

}

#page_design_layout_options > div .content .slick_upgrades_content .upgrade_group{
	position: relative;
	padding: 30px 0;
	margin: 0;
	border-top: 2px solid #ebebeb;
}

#page_design_layout_options > div .content .slick_upgrades_content .upgrade_group:first-of-type{
	border: none;	
}


#page_design_layout_options > div .content .slick_upgrades_content .upgrade_group .ug_list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid #e5e6ea;
	border-bottom: 1px solid #fff;
	cursor: pointer !important;
	margin-left: 35px;
}




#page_design_layout_options > div .content .slick_upgrades_content .upgrade_group .ug_list:last-of-type{
	border: none;	
}

#page_design_layout_options > div .content .slick_upgrades_content .upgrade_group .ug_list p{
	margin: 0;
	line-height: 110%;
	transition-duration: .2s;
}

#page_design_layout_options > div .content .slick_upgrades_content .upgrade_group .ug_list p.title{
	flex: 0 0 40%;
	color: #858585;
}

#page_design_layout_options > div .content .slick_upgrades_content .upgrade_group .ug_list p.price{
	flex: 0 0 30%;
	color: #858585;
}

#page_design_layout_options > div .content .slick_upgrades_content .upgrade_group .ug_list p.description{
	position: relative;
	display: flex;
	flex: 0 0 60%;
	font-size: 15px;
	text-align: right;
}

#page_design_layout_options > div .content .slick_upgrades_content .upgrade_group .ug_list p.description span.desc{
	width: 100%;
	margin-right: 2px;
}



#page_design_layout_options > div .content .slick_upgrades_content .upgrade_group .ug_list.active p,
#page_design_layout_options > div .content .slick_upgrades_content .upgrade_group .ug_list.active:hover p{
	color: var(--secondary-aqua);
}

#page_design_layout_options > div .content .slick_upgrades_content .upgrade_group .ug_list:hover p{
	color: #4c4c4c;
}

#page_design_layout_options > div .content .selectionsGroup{
	position: relative;
}

#page_design_layout_options > div .content .selectionsGroup .step{
	background: none;
	background-image: url(https://fairmontgroup.com.au/images/fairmont-first/bg-blob-blue.svg);
	background-size: contain;
	position: absolute;
	background-repeat: no-repeat;
	top: -20px;
	right: 0;
	margin: 0;
	padding: 0;
	width: 80px;
	height: 80px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 600;
	z-index: 1;
	box-shadow: none !important;
}

#page_design_layout_options > div .content .selectionsGroup .step span{
	text-align: center;
	padding: 0 5% 5% 0;
}

#page_design_layout_options > div .content .selectionsGroup .step span h4{
	margin: 0;
	font-size: 20px;
	font-weight: 900;
}

#page_design_layout_options > div .content .selectionsGroup .step span p{
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .05em;
}

#page_design_layout_options > div .content .selectionsGroup > div{
	background: #fff;
	box-shadow: 2px 2px 10px #0000000a;
	padding: 30px;
	margin: 30px 0;
}

#page_design_layout_options > div .content .selectionsGroup h2{
	flex: 0 0 100%;
  margin: 0 0 15px;
	max-width: 90%;
}

#page_design_layout_options > div .content .selectionsGroup .selections{
	box-shadow: 2px 2px 10px #ededed;
	border: 4px solid #f78f1c;
	border: 4px solid #ebebeb;
	border-radius: 5px;
	padding: 0 0 1px;
	margin: 0 -15px;
}

#page_design_layout_options > div .content .selectionsGroup .selections a{
	margin: 4px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	overflow: hidden;
	text-decoration: none;
	border-radius: 5px;
	transition-duration: .2s;
	cursor: pointer;
	color: #858585;
}

#page_design_layout_options > div .content .selectionsGroup .selections .options{
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0;
	color: #003963;
	padding: 0 30px;
}

#page_design_layout_options > div .content .selectionsGroup .selections .options h4{
	flex: 0 0 100%;
	margin: 0 0 10px;
}

#page_design_layout_options > div .content .selectionsGroup .selections .options a{
	position: relative;
	cursor: pointer !important;
}

#page_design_layout_options > div .content .selectionsGroup .selections .options a p{
	display: flex;
	align-items: center;
	margin: 0 20px 0 35px;
	cursor: pointer !important;
}

#page_design_layout_options > div .content .selectionsGroup .selections .options a p:before,
#page_design_layout_options > div .content .slick_upgrades_content .upgrade_group .ug_list:before{
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	background: #c5c5c5;
	position: absolute;
	left: 0;
	transition-duration: .2s;
	background-image: url('https://fairmontfirst.com.au/images/fairmont-first/tick-off.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#page_design_layout_options > div .content .slick_upgrades_content .upgrade_group .ug_list.active:before,
#page_design_layout_options > div .content .selectionsGroup .selections .options a.active p:before{
	background-image: url('https://fairmontfirst.com.au/images/fairmont-first/tick-on.gif');
}

#page_design_layout_options > div .content .slick_upgrades_content .upgrade_group .ug_list:hover:before,
#page_design_layout_options > div .content .selectionsGroup .selections .options a:hover p:before{

}

#page_design_layout_options > div .content .selectionsGroup .selections .kitchen_options,
#page_design_layout_options > div .content .selectionsGroup .selections .floor_options,
#page_design_layout_options > div .content .selectionsGroup .selections .interior_options{
	position: relative;
}

#page_design_layout_options > div .content .selectionsGroup .selections .kitchen_options .options,
#page_design_layout_options > div .content .selectionsGroup .selections .floor_options .options{
	display: none;
	/*background: #ffdbdb !important;*/
}

#page_design_layout_options > div .content .selectionsGroup .selections .kitchen_options .options.active,
#page_design_layout_options > div .content .selectionsGroup .selections .floor_options .options.active{
	display: flex;
	/*background: #d6ffa2 !important;*/
}

#page_design_layout_options > div .content .selectionsGroup .selections a.active,
#page_design_layout_options > div .content .selectionsGroup .selections a.active:hover{
	border-color: var(--secondary-aqua);
	color: var(--secondary-aqua);
}

#page_design_layout_options > div .content .selectionsGroup .selections a:hover{
	border-color: #4c4c4c;
	color: #4c4c4c;
}

#page_design_layout_options > div .content .selectionsGroup .selections a .text{
	flex: 0 0 75%;	
}

#page_design_layout_options > div .content .selectionsGroup .selections a .text p{
	margin: 0;
	padding: 0 30px;
}

#page_design_layout_options > div .content .selectionsGroup .selections a .image{
	flex: 0 0 25%;	
}

#page_design_layout_options > div .content .selectionsGroup .selections a .image img{
	display: block;
	object-fit: cover;
	width: 100%;
	height: 70px;
}

#page_design_layout_options > div .content .selectionsGroup .selections.facades .facade_image{
	position: relative;
	margin: 15px;
}

#page_design_layout_options > div .content .selectionsGroup .selections.facades .facade_image img{
	display: block;
	width: 100%;
	height: auto;
}

#page_design_layout_options > div .content .selectionsGroup .selections .interior_image{
	position: relative;
	margin: 15px;
}

#page_design_layout_options > div .content .selectionsGroup .selections .interior_image img{
	display: block;
	width: 100%;
	height: auto;
}

#page_design_layout_options > div .content .selectionsGroup .selections .interior_image .magnify{
	position: absolute;
	background-color: #606060;
	background-image: url("https://fairmontfirst.com.au/images/icons/icon_zoom_white.svg");
	bottom: 15px;
	left: 25px;
	padding: 20px;
	border-radius: 50%;
	transition-duration: .2s;
	cursor: pointer;
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 50% 50%;

}

#page_design_layout_options > div .content .selectionsGroup .selections .interior_image .magnify.zoomed{
  background-color: var(--secondary-aqua);
}

#page_design_layout_options > div .content .selectionsGroup .selections .interior_image .magnify:hover{
	background-color: #143a62; 
}



#page_design_layout_options > div .content .selectionsGroup .selections .colour{
	display: none;
}

#page_design_layout_options > div .content .selectionsGroup .selections .colour.active{
	display: block;
}



/**/
#page_design_layout_options_bot{
	position: relative;
	background: #f79325;
	background: url('https://fairmontfirst.com.au/images/fairmont-first/Seaford-Heights-Fairmont-Homes.jpg');
	min-height: 300px;
	background-size: cover;
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

#page_design_layout_options_bot > div{
	position: relative;
}

#page_design_layout_options_bot > div .wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url("https://fairmontfirst.com.au/images/fairmont-first/bg-blog-white.svg");
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 0;
	width: 100%;
	max-width: 600px;
	min-height: 700px;
	margin: 100px 0 -200px 0;
}

#page_design_layout_options_bot .curve_bot{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

.wrap > div{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.wrap > div p{
	margin: 0;	
	font-size: 14px !important;
}

.wrap > div p:nth-of-type(1){
	color: #858585;
	flex: 0 0 40%;
}

.wrap > div p:nth-of-type(2){
	color: var(--secondary-aqua);
	flex: 0 0 60%;
}


#page_design_layout_options_bot_2{
	background: #fff;
	padding: 100px 0 20px;
}

#page_design_layout_options_bot_2 h3{
	color: #003963;
	margin: 0;
}

#page_design_layout_options_bot_2 p{
	max-width: 340px;
}

#page_design_layout_options_bot_2 .button{
	margin: 10px 0 0;
}




@media (min-width: 768px){
	#page_design_layout_options > div .photo{
		flex: 0 0 45%;	
	}
	
	#page_design_layout_options > div .photo .slickDesignVariationsPhoto{
		position: static;
		width: 600px !important;
	}

	#page_design_layout_options > div .photo .fixed .slickDesignVariationsPhoto{
		position: fixed;
		top: 0;
	}

	#page_design_layout_options > div .photo .hitbot .slickDesignVariationsPhoto{
		position: absolute !important;
		bottom: 0 !important;
		top: unset !important;
	}
	
	#page_design_layout_options > div .content{
		flex: 0 0 55%;	
	}
	
	#page_design_layout_options > div .content > div{
		padding: 50px 20px;	
	}
	
	
	#page_design_layout_options > div .content .selectionsGroup > div{

	}
	
	#page_design_layout_options > div .content .selectionsGroup .step{
		right: -20px;
		width: 100px;
		height: 100px;
	}
	
	#page_design_layout_options > div .content .selectionsGroup .selections{
		margin: 0;
	}
	
	#page_design_layout_options_bot > div .wrap{
		padding: 50px;
	}
	
	#page_design_layout_options_bot{
		min-height: 750px;
	}
	
  .selectionsGroup.introduction h1{
    font-size: 50px;
  }
  
	.selectionsGroup.introduction .intro{
		margin: 0 0 30px;
	}
	
	.selectionsGroup.introduction ul{
		margin: 0 0 30px;
	}
  
  .more_info_container{
    padding: 40px;
  }
  
	
	.more_info_container .mi_table{
		width: 700px;
	}
	
	.more_info_container .mi_table .row{
		flex-wrap: nowrap;
	}
	
	.more_info_container .mi_table .row > div:nth-of-type(2){

	}
	
}

@media (min-width: 1200px){
	#page_design_layout_options > div .content > div{
		padding: 50px;	
	}
}
	


@media (min-width: 1300px){
	#page_design_layout_options > div .content .selectionsGroup > div{
		padding: 40px 50px;
	}
}



/*-- 3. Page House and Land ----------------------------------------------------------- --*/



/*-- 3a. Page House and Land – Jan 2025 Update ----------------------------------------------------------- --*/

.onest-font {
	font-family: "Onest", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.onest-font h1 {
	font-weight: 700;
}

#jan25 #page_house_and_land_listings #phall-header {
	max-width: 640px;
	display: flex;
	align-items: center;
}

#jan25 #page_house_and_land_listings #phall-header > div {
	padding: 0;
}

@media (min-width: 1200px) {
    #jan25 #page_house_and_land_listings #phall-header > div {
		padding: 0;
	}
}

#jan25 #page_house_and_land_listings .page-header-container img {
	max-width: 50%;
}




/*----------- Listings --------------*/

#jan25 #page_house_and_land_listings .listing_items .item:not([data-status="sold"]) .inner:hover {
	transform: scale(1.015);
	background: #fff;
}

#jan25 #page_house_and_land_listings .listing_items .item:not([data-status="sold"]) .inner {
	transition: all .2s ease-in-out;
}

#jan25 #page_house_and_land_listings.page-home-designs .house_listings .item a {
	border-radius: 30px;
}


@media only screen and (max-width: 768px) {
	#jan25 #page_house_and_land_listings.page-home-designs .house_listings .item a {
		border-radius: 20px;
	}


}




#jan25 #page_house_and_land_listings .listing_items .item .price {
	font-size: 26px;
}

#jan25 #page_house_and_land_listings .listing_items .item .divider {
	border: 0.5px solid #CCCCCB;
	margin: 20px 0;
}

@media only screen and (max-width: 768px) {
	#jan25 #page_house_and_land_listings .listing_items .item .divider {
		display:none;
	}
}

#jan25 #page_house_and_land_listings .listing_items .item .price_container {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

#jan25 #page_house_and_land_listings .listing_items .item .price_container .arrow img {
	width: 16px;
	display: none;
}

#jan25 #page_house_and_land_listings .listing_items .item:not([data-status="sold"]):hover .price_container .arrow img {
    display: block;
}

#jan25 #page_house_and_land_listings .listing_items .item h3 .small {
	color: #231F20;
	font-style: normal;
}

#jan25 #page_house_and_land_listings .listing_items .item h3 .big {
	color: #231F20;
	font-weight: 600;
}


#jan25 #page_house_and_land_listings .listing_items .item .location {
	display: flex;
	align-items: center;
	gap: 5px;
	margin: 15px 0;
}

#jan25 #page_house_and_land_listings .listing_items .item .location img {
	width: 20px;
}

#jan25 #page_house_and_land_listings .listing_items .item .text .location_container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;

}

@media only screen and (max-width: 768px) {
	#jan25 #page_house_and_land_listings .listing_items .item .text .location_container {
		flex-direction: column-reverse;
	}

	#jan25 .listing_items .item .package_features {
		display: none;
	}


}


#jan25 #page_house_and_land_listings .listing_items .item .text .location_container .availability_status {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	margin-bottom: 20px;
}

#jan25 #page_house_and_land_listings .listing_items .item .text .location_container .availability_status .circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}


#jan25 #page_house_and_land_listings .listing_items .item[data-status="sold"] .text .location_container .availability_status .circle {
    background-color: rgb(182, 33, 33);
}

#jan25 #page_house_and_land_listings .listing_items .item[data-status="onHold"] .text .location_container .availability_status .circle {
    background-color: rgb(216, 216, 34);
}

#jan25 #page_house_and_land_listings .listing_items .item[data-status="underContract"] .text .location_container .availability_status .circle {
    background-color: rgb(28, 15, 87);
}




#jan25 #page_house_and_land_listings .listing_items .item .text {
	padding: 36px 48px;
}

@media only screen and (max-width: 768px) {
	#jan25 #page_house_and_land_listings .listing_items .item .text {
		padding: 24px;
	}
}


#jan25 #page_house_and_land_listings .listing_items .item .text .package_features .feature {
	display: flex;
	align-items: center;
}



#jan25 #page_house_and_land_listings .listing_items .item[data-status='sold'] .text .package_features {
	display: none;
}

#jan25 #page_house_and_land_listings .listing_items .item[data-status='sold'] .text .divider {
	display: none;
}

#jan25 #page_house_and_land_listings .listing_items .item[data-status='sold'] .text .price_container {
	display: none;
}




/*----- Listing images -------*/

#page_house_and_land_listings.page-home-designs .house_listings .item .image .br-message {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#page_house_and_land_listings.page-home-designs .house_listings .item[data-status="sold"] .br-message {
	display: none;
}



#page_house_and_land_listings.page-home-designs .house_listings .item .image .br-message span {
    color: #fff;
    background: var(--secondary-aqua);
    font-size: 15px;
    font-weight: 500;
    padding: 10px 35px;
    display: inline-block;
	border-top-left-radius: 25px;
}


#jan25 #page_house_and_land_listings.page-home-designs .house_listings .item .build-status span {
	font-size: 14px;
	padding: 6px 15px;
}







/* From Uiverse.io by kyle1dev */ 
.checkbox-container {
	display: flex;
	gap: 20px;
	padding: 20px;
	background: #f8fafc;
	border-radius: 16px;
	box-shadow:
	  0 4px 6px -1px rgba(0, 0, 0, 0.1),
	  0 2px 4px -2px rgba(0, 0, 0, 0.05);
  }
  
  .ios-checkbox {
	--checkbox-size: 28px;
	--checkbox-color: var(--secondary-aqua);
	--checkbox-bg: #dbeafe;
	--checkbox-border: #1E1E1E;
  
	position: relative;
	display: inline-block;
	cursor: pointer;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
  }
  
  .ios-checkbox input {
	display: none;
  }
  
  .checkbox-wrapper {
	position: relative;
	width: var(--checkbox-size);
	height: var(--checkbox-size);
	border-radius: 8px;
	transition: transform 0.2s ease;
  }
  
  .checkbox-bg {
	position: absolute;
	inset: 0;
	border-radius: 8px;
	border: 2px solid var(--checkbox-border);
	background: white;
	transition: all 0.2s ease;
  }
  
  .checkbox-icon {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 80%;
	height: 80%;
	color: white;
	transform: scale(0);
	transition: all 0.2s ease;
  }
  
  .check-path {
	stroke-dasharray: 40;
	stroke-dashoffset: 40;
	transition: stroke-dashoffset 0.3s ease 0.1s;
  }
  
  /* Checked State */
  .ios-checkbox input:checked + .checkbox-wrapper .checkbox-bg {
	background: var(--checkbox-color);
	border-color: var(--checkbox-color);
  }
  
  .ios-checkbox input:checked + .checkbox-wrapper .checkbox-icon {
	transform: scale(1);
  }
  
  .ios-checkbox input:checked + .checkbox-wrapper .check-path {
	stroke-dashoffset: 0;
  }
  
  /* Hover Effects */
  .ios-checkbox:hover .checkbox-wrapper {
	transform: scale(1.05);
  }
  
  /* Active Animation */
  .ios-checkbox:active .checkbox-wrapper {
	transform: scale(0.95);
  }
  
  /* Focus Styles */
  .ios-checkbox input:focus + .checkbox-wrapper .checkbox-bg {
	box-shadow: 0 0 0 4px var(--checkbox-bg);
  }
  
  
  /* Animation */
  @keyframes bounce {
	0%,
	100% {
	  transform: scale(1);
	}
	50% {
	  transform: scale(1.1);
	}
  }
  
  .ios-checkbox input:checked + .checkbox-wrapper {
	animation: bounce 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  

#jan25 #page_house_and_land_listings #phall-header h1 {
	color: #fff;
	margin: 0 0 10px;
	transition-duration: .2s;
	text-shadow: none;
}

#jan25 #page_house_and_land_listings #phall-header p {
	color: #fff;
	text-shadow: none;
}

#jan25 .designs_filter .controls a {
	padding: 15px 20px;
	font-size: 15px;
	font-weight: 600;
}


#jan25 .designs_filter .controls a:hover {
	transform: scale(1.05);
}

#jan25 #page_house_and_land_listings.page-home-designs .designs_filter {
	/* background-color: #F9F9FA;
	box-shadow: 7px 6px 20px -4px rgba(0,0,0,0.1);
	border-radius: 30px; */
	max-width: 1200px;
	margin-top: 100px;
	margin-bottom: 20px;
	display: flex;
	gap: 30px;
	justify-content: space-between;
	user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}


#jan25 #page_house_and_land_listings.page-home-designs .designs_filter.scroll {
	background: rgba(255, 255, 255, 0.89);
	border-radius: 40px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(17px);
	-webkit-backdrop-filter: blur(17px);
	border: 1px solid rgba(255, 255, 255, 0.27);
	padding: 25px 40px;
	position: sticky;
	top: 20px;
	z-index: 99;
	scale: 0.95;
}




@media only screen and (max-width: 1120px) {
	.card {
		width: 300px !important;
	}

}


@media only screen and (max-width: 768px) {
	#jan25 #page_house_and_land_listings.page-home-designs .designs_filter {
		margin-top: 20px;
		margin-bottom: 20px;
  	}

	#jan25 .designs_filter .controls a {
		border-radius: 30px;
		margin: 5px 0;
	}

	.designs_filter .controls a {
		box-shadow: 2px 2px 5px #0000001c;
	}

	.swiper-outer-container {
		padding: 0 !important;
	}

	.card {
		width: 275px !important;
	}

	.property-features .controls {
		flex-wrap: wrap;
	}

}

@media only screen and (max-width: 568px) {
	#jan25 #page_house_and_land_listings.page-home-designs .designs_filter {
		gap: 0;
	}
}




#jan25 .listing_items .item .rooms .room .icon {
    display: inline-block;
    color: #999;
    color: #1f1f1f;
}
#jan25 .listing_items .item .rooms .room .icon img {
    width: 20px;
    height: 20px;
    max-width: 24px;
    max-width: 20px;
    max-height: 20px;
}
#jan25 .listing_items .item .rooms .room .number {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #444;
    margin: 0 4px 0 0;
    margin: 0 6px 0 0;
}
#jan25 .listing_items .item .rooms .room {
    display: flex;
    align-items: center;
    margin: 0 12px 0 0;
    margin: 0 20px 0 0;
}





  
  .card {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	width: 400px;
	height: 200px;
  }


  
  .card-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  
  .card-overlay {
	position: absolute;
	bottom: 15px;
	color: white;
	text-align: left;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
  }

  .card-image-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%; /* Adjust height as needed */
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  }

  .card-selection {
	position: absolute;
	left: 10px;
	top: 10px;
	display: none;
  }

  .card-selection .label {
	background-color: white;
	opacity: 0.9;
	padding: 5px 15px;
	font-size: 16px;
	border-radius: 50px;
  }




  
  .card-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
  }
  
  .card-subtitle {
	font-size: 18px;
	margin: 0;
  }

  /* .card .info-button {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  
  .card.selected .info-button {
	opacity: 1;
	visibility: visible;
  } */
  
  .info-button {
	bottom: 10px;
	right: 10px;
	background: white;
	color: black;
	border: none;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	font-weight: bold;
	cursor: pointer;
	transition: transform 0.2s ease-in-out;
	/* display: none; */
	z-index: 99;
	display: none;
	text-decoration: none;
  }

  .info-button:hover {
	transform: scale(1.2);
  }

  .info-button-link {
	text-decoration: none;
  }




  .info-button-container .tooltiptext {
	width: 120px;
	background-color: #003963;
	color: #fff;
	text-align: center;
	border-radius: 50px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 15%;
	right: 60px;
	margin-left: -60px;
	font-size: 16px;
	opacity: 0; /* Start with the tooltip hidden */
	transition: opacity 0.3s ease-in-out; /* Smooth transition for opacity */
	pointer-events: none; /* Prevents the tooltip from being hovered when hidden */
}

.info-button-container:hover .tooltiptext {
	opacity: 1; /* Make it visible on hover */
	pointer-events: auto; /* Enables interaction only when visible */
}









  /* .swiper-button-prev, .swiper-button-next {
	position: absolute;
	top: 50%;
	z-index: 10;
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	--swiper-navigation-size: 12px;
  } */

  .swiper-outer-container{
	max-width:1310px;
	margin-inline: auto;
	padding: 1rem;
	user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  .swiper-container{
	position:relative;
  }

  .swiper {
	position:static;
	height:100%;
	/* max-width: 85%; */
  }

  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

  .logo-overlay {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 15%;
  }

  .logo-overlay img {
	display: block;
	height: 100%;
	width:auto;
  }
  



/*------------------------------------------------------------- --*/


#page_house_and_land_listings #phall-header{
	max-width: 1280px;
}

#page_house_and_land_listings #phall-header > div{
	padding: 100px 0 50px;
	max-width: 500px;
}

#page_house_and_land_listings #phall-header h1{
    color: #003963;
    margin: 0 0 10px;
    font-size: 35px;
    transition-duration: .2s;
    text-shadow: 2px 2px 10px #ffffff87;
}

#page_house_and_land_listings #phall-header p {
    margin: 0;
    width: 100%;
    text-shadow: 2px 2px 10px #fff;
}

/**/
#page_house_and_land_listings.page-home-designs .designs_filter{
	margin: 0 auto;
	max-width: 1280px;
}


#page_house_and_land_listings.page-home-designs .designs_filter h3{
    margin: 20px 0 10px;
}




/* #page_house_and_land_listings.page-home-designs .house_listings .item.fade-in-animate {
	opacity: 0;
	transform: translateY(10px);
	animation: fadeInAnimation 0.8s ease-out forwards;
  }
  
  @keyframes fadeInAnimation {
	from {
	  opacity: 0;
	  transform: translateY(10px);
	}
	to {
	  opacity: 1;
	  transform: translateY(0);
	}
  } */


#page_house_and_land_listings.page-home-designs .house_listings .item.hidden{
	display: none;
}

#page_house_and_land_listings.page-home-designs .house_listings .item.hidden-feature{
	display: none;
}

#page_house_and_land_listings.page-home-designs .house_listings .item.hidden-collection{
	display: none;
}

#page_house_and_land_listings.page-home-designs .card {
    transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;
    cursor: pointer;
}

#page_house_and_land_listings.page-home-designs .card:hover {
    transform: scale(1.05);
}

#page_house_and_land_listings.page-home-designs .card.selected:hover {
    transform: none;
}

#page_house_and_land_listings.page-home-designs .card.selected {
    opacity: 1;
}

#page_house_and_land_listings.page-home-designs .card.inactive {
    opacity: 0.4; /* Greyed out effect */
}

#page_house_and_land_listings.page-home-designs .card.inactive:hover {
    opacity: 1; /* Greyed out effect */
}

/*------ H&L Swiper ------*/

:root {
	--swiper-navigation-size: 16px !important;
}

/* Default size and color for arrows */
.swiper-button-next,
.swiper-button-prev {
  color: #303030 !important;  /* Change the arrow color (use any hex, rgb, etc.) */
}

/* Optional: Add hover effects */
.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: var(--secondary-aqua) !important; /* Change color on hover */
}









#page_house_and_land_listings.page-home-designs .house_listings .item a{
	border-radius: 15px;
	overflow: hidden;
}

#page_house_and_land_listings.page-home-designs .house_listings .page-listing-filter-result{
	display: none;
	margin: 0 10px 0;
    color: #898989;
    font-weight: 600;
    font-size: 14px;
}

#page_house_and_land_listings.page-home-designs .house_listings .page-listing-filter-result.active{
	display: block;
}

/*

#page_house_and_land_listings.page-home-designs .house_listings[data-build-status-show='all'] .item,
#page_house_and_land_listings.page-home-designs .house_listings[data-build-status-show='ready-to-build'] .item.ready-to-build,
#page_house_and_land_listings.page-home-designs .house_listings[data-build-status-show='under-construction'] .item.under-construction,
#page_house_and_land_listings.page-home-designs .house_listings[data-build-status-show='move-in-now'] .item.move-in-now{
	display: block;
}

#page_house_and_land_listings.page-home-designs .house_listings[data-build-bedrooms-show='all'] .item,
#page_house_and_land_listings.page-home-designs .house_listings[data-build-bedrooms-show='2'] .item[data-bedrooms='2'],
#page_house_and_land_listings.page-home-designs .house_listings[data-build-bedrooms-show='3'] .item[data-bedrooms='3'],
#page_house_and_land_listings.page-home-designs .house_listings[data-build-bedrooms-show='4'] .item[data-bedrooms='4']{
	display: block;
}

*/



/**/

#page_house_and_land_listings.page-home-designs .house_listings .item .build-status span{
    color: #fff;
    background: #003963;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 15px 2px;
    display: inline-block;
    border-radius: 30px;
}


#page_house_and_land_listings.page-home-designs .house_listings .item .image .build-status{
	position: absolute;
	top: 10px;
    left: 10px;
}

#page_house_and_land_listings.page-home-designs .house_listings .item[data-status="sold"] .build-status{
	display: none;
}


#page_house_and_land_listings.page-home-designs .house_listings .item .image .status{
	width: max-content;
    left: auto;
    right: 10px;
    top: 10px;
    opacity: 1;
	background: #003963;
    background: var(--secondary-aqua);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 15px 2px;
    display: inline-block;
    border-radius: 30px;
	transform: none;
	text-transform: none;
	letter-spacing: unset;
	text-shadow: unset;
}








/*
#page_house_and_land_listings #phall-filters{
	max-width: 1280px;
    display: flex;
    flex-wrap: wrap;
}

#page_house_and_land_listings #phall-filters .phall-filter{
	margin-right: 40px;
}

#page_house_and_land_listings #phall-filters .phall-filter:last-of-type{
	margin-right: 0;
}

#page_house_and_land_listings #phall-filters .phall-filter a.phf-main{
	font-weight: 600;
}

#page_house_and_land_listings #phall-filters .phall-filter a.phf-main.active,
#page_house_and_land_listings #phall-filters .phall-filter a.phf-main:hover{
	color: orange;
}

#page_house_and_land_listings #phall-filters .phall-filter .phf-children{
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

*/
/**/

#page_house_and_land_listings .house_listings{
	padding: 30px 0 60px !important;
	background: #fff !important;
}

.listing_items .item h3 .small {
	font-size: 18px;
}

#page_house_and_land_listings .listing_items .item{

}

#page_house_and_land_listings .listing_items .item{
  margin-bottom: 15px;
}

#page_house_and_land_listings .listing_items .item .inner{
	background: #f8f8f8;
}

#page_house_and_land_listings .listing_items .item .builder_logo_box{
	background: #f8f8f8;
}

#page_house_and_land_listings .listing_items .item h3 .big{
	color: #003963;
}

#page_house_and_land_listings .listing_items .item h3 .small{
	color: var(--secondary-aqua);
}

#page_house_and_land_listings .listing_items .item .readmore{
	background: var(--secondary-aqua);
	padding: 15px 20px;
	display: inline-block;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	transition-duration: .2s;
	text-decoration: none;
	border-radius: 30px;
	cursor: pointer !important;
	text-transform: lowercase;
	margin: 10px 0 0;
}

#page_house_and_land_listings .listing_items .item .readmore:hover{
	background-color: #ffa139;
}

#page_house_and_land_listings .listing_items .item .button.outline{
	margin-left: 2px;
}


/*-- Display Villages --*/
#page_house_and_land_listings.display_villages_listing .listing_items .item .image{
  /* height: 300px; */
  overflow: hidden;
}

#page_house_and_land_listings.display_villages_listing .listing_items .item .image .thumbnail{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#page_house_and_land_listings.display_villages_listing .listing_items .item .image video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*-- Display Page V2 --*/
.page_header_design_1.page_display_village{
  text-align: center;
  height: 500px;
}

.page_header_design_1.page_display_village .content{
  margin: 0 auto 30px;
  text-align: center;
}

.page_header_design_1.page_display_village .content h1{

}

.page_header_design_1.page_display_village .content .is_open{
  margin: 22px auto 20px;
  font-weight: 600;
  color: #fff;
  text-shadow: 2px 2px 10px #00000017;
  background: #003963;
  padding: 5px 15px;
  font-size: 15px;
  display: block;
  width: fit-content;
}

#display_village_info{
  margin: 0 0 50px;
  text-align: center;
}



#page_house_and_land_listings.displays_v2 .listing_items{
  display: flex;
  flex-wrap: wrap;
}

#page_house_and_land_listings.displays_v2 .listing_items .item{
  flex: 0 0 100%;
  margin: 10px 0;
  padding: 0;
  border-radius: 20px;
  display: block;
  overflow: hidden;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner{
  display: block;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .image{
  padding-bottom: 15px;
  background: #fff;
  z-index: 1;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .image img.thumbnail{
  border-radius: 20px;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .image .view-gallery{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--secondary-aqua);
  background: #003963;
  height: 35px;
  /*width: 35px;
  border-radius: 50%;*/
  overflow: hidden;
  left: 30px;
  bottom: -10px;
  color: #fff;
  padding: 0 15px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 2px 2px 10px #ffffff66;
  transition-duration: .2s;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .image .view-gallery:hover{
  background: #005390;
  cursor: pointer !important;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .image .view-gallery img{
  display: block;
  object-fit: contain;
  width: 12px;
  height: 12px;
  margin: 0 10px 0 0;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .gallery{
  background: #fff;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .gallery > div{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #fff;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .gallery a{
  position: relative;
  flex: 0 0 33.333%;
  padding-bottom: 33.333%;
  margin: 0;

}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .gallery a:hover{
  opacity: .9;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .gallery a > img{
  position: absolute;
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .gallery a.video video{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .gallery a.video span.icon{
  display: flex;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-shadow: 2px 2px 10px #0000003b;
  cursor: pointer !important;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .gallery a.video span.icon img{
  width: 12px;
  height: 12px;
  object-fit: contain;
  margin-left: 8px;
}


/**/

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .text{
  text-align: center;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .text h3{
  margin: 0 0 5px;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .text span.big{
  display: block;
  color: #003963;
  margin: 0 0 8px;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .text span.development_name{
  display: block;
  color: var(--secondary-aqua);
  font-size: .6em;
  line-height: 100%;
  margin: 0 0 8px;
}
/*
#page_house_and_land_listings.displays_v2 .listing_items .item .inner .text span.design_variant{
  display: block;
  font-size: .6em;
  color: #444444;
  margin: 35px 0 0;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .text span.small{
  display: block;
  color: #999999;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .text span.small a{
  text-decoration: none;
  color: #999999;
}
*/
#page_house_and_land_listings.displays_v2 .listing_items .item .inner .text .info{
  margin: 0 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .text .info .rooms{
  margin: 0; 
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .text .info .rooms .room{
  margin: 0 20px 0 0;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .text .info .rooms .room:last-of-type{
  margin-right: 0;
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .text .info .rooms .room .number{
  font-size: 16px; 
}

#page_house_and_land_listings.displays_v2 .listing_items .item .inner .text .info .rooms .room .icon img{
  max-height: 15px;
}

#page_house_and_land_listings.displays_v2 .listing_items.solo .item .inner .gallery > div{
  border-radius: 20px;
}

#page_house_and_land_listings.displays_v2 .listing_items.solo .item .inner .gallery .view-gallery{
  top: 30px;
  bottom: auto;
}

@media (min-width:500px){
  #page_house_and_land_listings.displays_v2 .listing_items .item{
    flex: 0 0 48%;
    margin: 1%;
  }
  
  #page_house_and_land_listings.displays_v2 .listing_items.solo .item{
    flex: 0 0 100%;
  }
  
  #page_house_and_land_listings.displays_v2 .listing_items.solo .item .inner{
    display: flex;
    flex-wrap: wrap;
  }
  
  #page_house_and_land_listings.displays_v2 .listing_items.solo .item .inner .image{
    flex: 0 0 30%;
  }
  
  #page_house_and_land_listings.displays_v2 .listing_items.solo .item .inner .gallery{
    flex: 0 0 30%;
  }
  
  #page_house_and_land_listings.displays_v2 .listing_items.solo .item .inner .gallery a{
    flex: 0 0 50%;
    padding-bottom: 50%;
  }
}


@media (min-width:768px){
	#page_house_and_land_listings.page-home-designs .designs_filter h3{
		margin: 0 0 15px;
	}
}

@media (min-width:1200px){
	#page_house_and_land_listings #phall-header > div{
		padding: 140px 0 50px;
	}

	#page_house_and_land_listings #phall-header h1{
		font-size: 55px;
	}

}


/*-- 4. Page Contact ----------------------------------------------------------- --*/
#page_contact > div{
	display: flex;
	flex-wrap: wrap;
}

#page_contact .wrapper_photo_and_content{
	align-items: flex-start;	
}

#page_contact .content h2{
	margin: 0;
	color: var(--secondary-aqua);
}

#page_contact .content .position{
	margin: 10px 0 20px;
	color: #222;
}


#page_contact .contact_group{
	margin: 40px 0 0;
	padding: 30px 0 0;
	border-top: 2px solid #e1e1e1;
}

#page_contact .contact_group h4{
	color: #003963;
	margin: 0 0 20px;
}

#page_contact .contact_group .socials{
	margin: 30px 0 0;
}

#page_contact .contact_group .socials a.social{
	display: inline-flex;
	margin: 0 5px 0 0;
	background: var(--secondary-aqua);
	width: 25px;
	height: 25px;
	padding: 10px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition-duration: .2s;
}

#page_contact .contact_group .socials a.social:hover{
	filter: opacity(80%);
  cursor: pointer;
}

#page_contact .contact_group .socials a.social img{
	width: 17px;
	height: 17px;
}

#page_contact .contact_info a{
	display: flex;
  flex-wrap: nowrap;
	align-items: center;
	margin: 17px 0;
	color: #003963;
	text-decoration: none;
	transition-duration: .2s;
	max-width: max-content;
  word-break: break-word;
}

#page_contact .contact_info a:hover{
	color: var(--secondary-aqua);
}

#page_contact .contact_info a img{
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-right: 15px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

@media (min-width: 768px){
	#page_contact .wrapper_photo_and_content .photo{
		flex: 0 0 20%;
	}
	
	#page_contact .wrapper_photo_and_content .content{
		flex: 0 0 80%;
	}
	
	#page_contact .content > div{
    padding: 30px 10%;
	}
}


/*-- 5. Page Where We Build ----------------------------------------------------------- --*/
#page_where_we_build_content #map{
	height: 500px;
	width: 100%;
	margin: 0 0 40px;
	border-radius: 10px;
	overflow: hidden;
	transition-duration: .2s;
}

@media (min-width: 1000px){
	#page_where_we_build_content #map{
		height: 600px;
	}
}

@media (min-width: 1300px){
	#page_where_we_build_content #map{
		height: 800px;
	}
}

.ff_where_we_build_map {
	width:90%;
	margin:32px auto;
	box-shadow:2px 2px 8px rgba(0,0,0,0.1);
}

.ff_where_we_build_map img {
	display:block;
	width:100%;
	height:auto;
}

#gmap_where_we_build {
	width:100%;
	height:75vh;
  border-radius: 20px;
  overflow: hidden;
  margin: 0 auto 50px;
}

/*-- 6. Page Terms & Conditions, Legal and Supplier Agreement ----------------------------------------------------------- --*/
#page_terms_conditions_content{
  padding: 0 0 100px;
}

#page_terms_conditions_content > div > div{
  max-width: 750px;
}

#page_terms_conditions_content > div > div h1,
#page_terms_conditions_content > div > div h2,
#page_terms_conditions_content > div > div h3{
  color: #003963;
}


/*-- 7. Page Selections Brochure ----------------------------------------------------------- --*/
#page_selections_brochure > div{
  max-width: 1200px;
}

#page_selections_brochure .publuuflip{ 
  background-color: #ffffff;
}

/*-- X1. Fancybox ----------------------------------------------------------- --*/
.fancybox-bg{
	background: #d7d7d7 !important;
}

.fancybox-slide--iframe .fancybox-content{
	background: none;
}

.fancybox-iframe{
	border-radius: 10px;
}

.get_quote,
#actionFinance{
	border-radius: 10px;
	margin: 40px 0;
}

.get_quote form .form_header{
	text-align: center;
	margin: 0 0 20px;
}

.get_quote form .form_header h2,
#actionFinance form .form_header h2,
.iframe_form form .form_header h2{
	color: var(--secondary-aqua);
	margin: 0 0 10px;
}

.get_quote form .form_header p{
	margin: 2px 0;
	font-size: 15px;
}

.get_quote form .form_selections{
	text-align: center;
	margin: 20px 0 0;
}

.get_quote form .form_selections h4{
	color: var(--secondary-aqua);
	margin: 0 0 10px;
}

.get_quote form .form_selections p{
	margin: 2px 0;
	font-size: 15px;
}

.get_quote form .form_content{
	text-align: center;
	margin: 30px 0;
}

.get_quote .hide,
.get_quote form .form_selections,
.get_quote form textarea.enquiry,
.get_quote form .freeform-required,
.get_quote form .freeform-label{
	display: none !important;
}

.get_quote form .interested_finance{
	display: inline-block !important;
	color: #222222;
	font-size: 14px;
}



.get_quote#getQuoteWithSelections .hide,
.get_quote#getQuoteWithSelections form .form_selections,
.get_quote#getQuoteWithSelections form textarea.enquiry{
	display: block !important;
}


.get_quote form .freeform-row .freeform-column{
	margin: 0 5px;
}


.get_quote form label,
#actionFinance form label,
.iframe_form form label{
	font-size: 15px;
	font-weight: 500 !important;
	margin: 10px 0 5px;
}

.get_quote form input,
#actionFinance form input,
#actionFinance form textarea,
.iframe_form form input,
.iframe_form form textarea{
	border-radius: 30px;
	padding: 20px !important;
	font-size: 15px;
}

.get_quote form textarea.enquiry,
#actionFinance form textarea.enquiry{
	pointer-events: none;
	border-radius: 40px;
	padding: 20px 25px;
	font-size: 14px;
	min-height: 357px;
	color: var(--secondary-aqua);
	line-height: 150%;
	resize: none;
}
	

.get_quote form button[type=submit],
#actionFinance form button[type=submit],
.iframe_form form button[type=submit]{
	background: var(--secondary-aqua);
	padding: 15px 22px;
	display: inline-block;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	margin: 5px 0;
	transition-duration: .2s;
	text-decoration: none;
	border-radius: 30px;
	cursor: pointer !important;
}









/*-- X. JAMES  --------------------------------------------------------------------*/
#listing_detail {
	background: linear-gradient( to bottom, #eee 90%, #fff 100% );
}

#listing_detail .box_heading {
	background-color: #153b57;
}

#listing_detail .box_images .gallery_button {
	background-color:#003963;
}

#listing_detail .box_contact .contact_person .name {
	color:#003963;
}

#listing_detail .box_specs table th {
	color:#003963;
}

#listing_detail .box_contact .contact_person .button {
	font-weight: 500;
	padding: 15px 25px;
	margin: 5px 0 0;
	text-transform: capitalize;
	background: var(--secondary-aqua);
	transition-duration: .2s;
}

#listing_detail .box_contact .contact_person .button:hover{
	filter: opacity(80%);
}

#listing_detail .box_contact .contact_person .image{
	background: none !important;
}

#listing_detail .box_specs table tr.builder_subitem td:nth-child(2),
#listing_detail .box_specs table tr.feature td:nth-child(2){
	text-align: left;
}


/* -------- seo package page -------- */
#seo_package_page_header .page_headline{
  line-height: 100%;
}

#seo_package_page_header .page_headline .p1{
  font-size: 40px;  
  line-height: 0;
}

#seo_package_page_header .page_headline .p2{
  display: block;
  color: #999;
  font-weight: 500;
  font-size: 20px;
  margin: 10px 0 0;
}
	
#seo_package_page {
  display: flex;
  flex-wrap: wrap;
	position:relative;
  background: #fff;
	/*background-color:#f5f5f5;
	background:linear-gradient(to bottom, #f5f5f5 75%, #ffffff 100%);*/
}

/*
#seo_package_page:before {
	position:absolute;
	z-index:10;
	content:'';
	top:0;
	right:0;
	left:0;
	height:25vh;
	background-image:url('/images/fairmont-first/curve-1-white.svg');
	background-size:100% auto;
	background-position:center top;
	background-repeat:no-repeat;
}
*/

#seo_package_page .panel_maxwidth {
	position:relative;
  max-width: 1200px;
	z-index:20;
  margin-top: -100px;
}

#seo_package_page .panel_maxwidth > .seo_content{
  max-width: 700px;
  width: 100%;
}



/*-- Z. Animation Elements --------------------------------------------------------------------*/
.animate{
  position: relative;
}

.bounce-up.in-view.animate,
.slide-from-left.in-view.animate,
.slide-from-right.in-view.animate,
.fadein.in-view.animate{
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*-- animation: bounce up--*/
.bounce-up.animate {
  opacity: 0;
  
  /*-- transition --*/
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  
  /*-- transform --*/
  -moz-transform: translate3d(0px, 50px, 0px);
  -webkit-transform: translate3d(0px, 50px, 0px);
  -o-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate3d(0px, 100, 0px);
  
  /*-- visibility --*/
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*-- animation: slide from left --*/
.slide-from-left.animate {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-50px, 0px, 0px);
  -webkit-transform: translate3d(-50px, 0px, 0px);
  -o-transform: translate(-50px, 0px);
  -ms-transform: translate(-50px, 0px);
  transform: translate3d(-50px, 0px, 0px);
}

/*-- animation: slide from right --*/
.slide-from-right.animate {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(50px, 0px, 0px);
  -webkit-transform: translate3d(50px, 0px, 0px);
  -o-transform: translate(50px, 0px);
  -ms-transform: translate(50px, 0px);
  transform: translate3d(50px, 0px, 0px);
}

@media (max-width: 768px){
  .animate{
    overflow: hidden;
  }
}

.delay-1 {transition-delay: 0.05s !important;}
.delay-2 {transition-delay: 0.10s !important;}
.delay-3 {transition-delay: 0.15s !important;}
.delay-4 {transition-delay: 0.20s !important;}
.delay-5 {transition-delay: 0.25s !important;}
.delay-6 {transition-delay: 0.30s !important;}



/* -------- promotion page: pick your promotion -------- */

body[data-entry-id='181358'] {

}

body[data-entry-id='181358'] header nav ul li a:hover {
	color:#f36e8b;
}

body[data-entry-id='181358'] header nav ul li.fh a:hover {
	color:#7e7e7e;
}

body[data-entry-id='181358'] header nav ul li.get-quote a {
	background-color:#f36e8b;
	border-color:#f36e8b;
}

body[data-entry-id='181358'] header nav ul li.get-quote a:hover {
	color:#fff;
	background-color:#ff8ea6;
}

body[data-entry-id='181358'] .panel_page_feature {
	padding-top:26%;
}

body[data-entry-id='181358'] .panel_page_feature .panel_maxwidth {
	display:none;
}

body[data-entry-id='181358'] .panel_basic_content {

}

body[data-entry-id='181358'] .panel_basic_content .panel_maxwidth {
	max-width:768px;
}

body[data-entry-id='181358'] .panel_basic_content .page_headline {
	color:#f36e8b;
}

body[data-entry-id='181358'] .panel_basic_content .box_button {
	background-color:#222;
}

body[data-entry-id="181358"] .panel_basic_content .box_button:hover {
	background-color:#333;
}



/* -------- promotion page: let's celebrate feb 25 promo -------- */

body[data-entry-id='251816'] {

}

body[data-entry-id='251816'] header nav ul li a:hover {
	color:#ef403f;
}

body[data-entry-id='251816'] header nav ul li.fh a:hover {
	color:#7e7e7e;
}

body[data-entry-id='251816'] header nav ul li.get-quote a {
	background-color:#ef403f;
	border-color:#ef403f;
}

body[data-entry-id='251816'] header nav ul li.get-quote a:hover {
	color:#fff;
	background-color:#ef403f;
}

body[data-entry-id='251816'] .panel_page_feature {
	padding-top:26%;
}

body[data-entry-id='251816'] .panel_page_feature .panel_maxwidth {
	display:none;
}

body[data-entry-id='251816'] .panel_basic_content {

}

body[data-entry-id='251816'] .panel_basic_content .panel_maxwidth {
	max-width:768px;
}

body[data-entry-id='251816'] .panel_basic_content .page_headline {
	color:#ef403f;
}

body[data-entry-id='251816'] .panel_basic_content .box_button {
	background-color:#222;
}

body[data-entry-id="251816"] .panel_basic_content .box_button:hover {
	background-color:#333;
}



/* -------- promotion page: solar is now included -------- */

body[data-entry-id='226414'] {

}

body[data-entry-id='226414'] .panel_page_feature {
	padding-top:26%;
}

body[data-entry-id='226414'] .panel_page_feature .panel_maxwidth {
	display:none;
}

body[data-entry-id='226414'] .panel_basic_content {

}

body[data-entry-id='226414'] .panel_basic_content .panel_maxwidth {
	max-width:768px;
}

body[data-entry-id='226414'] .panel_basic_content .page_headline {
	color:#001e34;
	font-size: 1.7em;
}





@media (max-width: 768px) {
	body[data-entry-id='226414'] .panel_basic_content .ffsolar table {
		display: block;
	}
	body[data-entry-id='226414'] .panel_basic_content .ffsolar tr {
		display: block;
	}
	body[data-entry-id='226414']  .panel_basic_content .ffsolar td {
		display: block;
		width: 100% !important;
	}
	body[data-entry-id='226414'] .panel_basic_content .ffsolar img {
		width: 100% !important;
	}
}




/* -------- promotion template page -------- */


.expanded-section .title-img {
	max-height: 75px;
	max-width: 100%;
}





/*-- Build and Price Extension Upgrade ------------------------------------------------------------------------------------*/
#page-build-and-price{
	background: #fff;
}

#page-build-and-price header nav ul li.get-quote{
	display: none;
}


#page-build-and-price .kiosk-wrapper{
	display: block;
	background-color: #f1f1f1;
	padding: 30px 0;
}

#page-build-and-price .bp-breaker{
	display: block;
    width: 100%;
    height: 100px;
    background: linear-gradient(360deg, #fff, #f1f1f1);
}

#page-build-and-price .kiosk-screen{
	min-height: unset;
	max-height: unset;
	overflow: visible;
	margin: 0 auto;
	opacity: 0;
	transition-duration: .3s;
  }

  #page-build-and-price .kiosk-screen.viewing-summary .k-panel{
	display: none !important
  }
  
  #page-build-and-price .kiosk-screen .k-panel{
	position: relative;
	background-color: #f1f1f1;
  }
  
  #page-build-and-price .kiosk-screen.active{
	opacity: 1;
  }
  
  #page-build-and-price .kiosk-screen #toolbar{
	display: none !important;
  }
  

  #page-build-and-price .designs .design .floorplan .banner_on_display{
	left: 40px;
    padding: 2px 12px;
  }


  #page-build-and-price #page_designs_content > div.main{
	overflow: unset;
	margin: 0;
	padding: 0;
	width: 100%;
  }
  
  #page-build-and-price #page_designs_content > div.main .designs {
	flex-wrap: wrap;
	padding: 0;
	width: 90%;
  }
  
  #page-build-and-price #page_designs_content .designs{
	width: 100%;
	margin: 0 auto;
  }
  
  #page-build-and-price #page_designs_content .designs .design{
	position: relative;
	flex: 0 0 100%;
	margin: 15px 0;
  }

  
  #page-build-and-price #page_designs_content .designs .design .info .info_name h2{
	font-size: 25px;
  }
  
  #page-build-and-price #page_designs_content .designs .design .floorplan-variants a.floorplan-variant{
	position: relative;
	overflow: hidden;
  }

  #page-build-and-price #page_designs_content .designs .design .floorplan-variants a.floorplan-variant:hover{
	cursor: pointer;
    filter: brightness(1.2);
  }

  #page-build-and-price #page_designs_content .designs .design .floorplan-variants a.floorplan-variant:after{
	content: '';
	position: absolute;
	top: -50%;
	right: -50%;
	bottom: -50%;
	left: -50%;
	animation: sheen 3s forwards;
	animation-iteration-count: infinite;
	transform: rotateZ(60deg) translate(-5em, 7.5em);
	background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(248,248,248,0.3) 50%, rgba(229, 172, 142, 0));
  }

  #page-build-and-price #page_designs_content .designs .design .info .info_button{
	display: flex;
    align-items: center;
  }

  #page-build-and-price #page_designs_content .designs .design .info .info_button .button{
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
	overflow: hidden;
	padding: 0 15px;
	height: 35px;
    display: inline-flex;
    align-items: center;
	margin-right: -10px;
  }

  #page-build-and-price #page_designs_content .designs .design .info .info_button .button:hover{
	filter: opacity(80%);
  }


  #page-build-and-price #page_designs_content .designs .design .info .info_button .button:after{
	content: '';
	position: absolute;
	top: -50%;
	right: -50%;
	bottom: -50%;
	left: -50%;
	animation: sheen 1.5s forwards;
	animation-iteration-count: infinite;
	transform: rotateZ(60deg) translate(-5em, 7.5em);
	background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255,255,255,0.2) 50%, rgba(229, 172, 142, 0));
  }

  #page-build-and-price #page_designs_content .designs .design .button.detailed-information{
	display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 8px;
    left: 12px;
	width: 20px;
	height: 20px;
	padding: 0;
	margin-right: 4px;
	background-color: #003963;
	transition-duration: .2s;
	z-index: 12;
  }

  #page-build-and-price #page_designs_content .designs .design .button.detailed-information:hover{
	background-color: #114d79;
  }

  #page-build-and-price #page_designs_content .designs .design .button.detailed-information img{
    display: block;
    width: 8px;
    height: 8px;
    object-fit: contain;
  }

  #page-build-and-price #page_designs_content .designs .design .info .info_button .button.get-quote{
	margin-right: -10px;
  }

  @keyframes sheen {
	100% { transform: rotateZ(60deg) translate(1em, -9em); }
  }


  
  #page-build-and-price .kiosk-screen #kiosk-panel-2,
  #page-build-and-price .kiosk-screen #kiosk-panel-3{
	height: auto;
  }

  #page-build-and-price .kiosk-screen .k-panel > .panel-split .left{
    height: unset;
    flex: 0 0 90%;
    aspect-ratio: 16/12;
    max-width: 500px;
    margin: 0 auto;
  }

  #page-build-and-price .kiosk-screen .k-panel > .panel-split .right{
	flex: 0 0 100%;
  }

  #page-build-and-price .kiosk-screen .k-panel > .panel-split .right > div{
	padding: 40px 5% 20px;
  }
  
  #page-build-and-price .kiosk-screen .k-panel > .panel-split .left > div{
	height: 100%;
	display: flex;
	align-items: center;
  }
  
  #page-build-and-price .kiosk-screen .k-panel > .panel-split .left .house{
	height: 100%;
	padding: 0;
	margin: 0;
  }
  
  #page-build-and-price .kiosk-screen .k-panel > .panel-split .left > div > div{
	flex: 0 0 100%;
  }
  
  #page-build-and-price .kiosk-screen .k-panel .house-selections .intro h2{
	margin: 0 0 10px;
	font-size: 24px;
  }

  #page-build-and-price .kiosk-screen .k-panel .house-selections .selections h3{
	margin: 15px 0 5px
  }

  #page-build-and-price .kiosk-screen .k-panel .house-selections .selections h3:first-of-type{
	margin-top: 10px;
  }

  #page-build-and-price .kiosk-screen .k-panel .house-selections .selections .selection{
	padding: 8px 12px;
    font-weight: 500;
  }

  #page-build-and-price .kiosk-screen .k-panel .house-selections .selections .selection-wrapper-with-info{
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	flex: 0 0 calc(50% - 48px);
	overflow: hidden;
	flex: 0 0 calc(50% - 4px);
	margin-right: 4px;
  }
  
  #page-build-and-price .kiosk-screen .k-panel .house-selections .selections .selection-wrapper-with-info .selection{
    flex: 0 0 calc(100% - 4px);
    padding: 0;
    margin: 0 0 4px 0;
    width: 100%;
  }
  
  #page-build-and-price .kiosk-screen .k-panel .house-selections .selections .selection-wrapper-with-info .selection p{
	padding: 10px 20px;
  }
  
  #page-build-and-price .kiosk-screen .k-panel .house-selections .selections .selection-wrapper-with-info .description{
	flex: 0 0 20px;
	height: 35px;
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 600;
	cursor: pointer !important;
	margin-left: 5px;
    position: absolute;
    right: -32px;
	right: 0;
    padding: 4px 10px;
    border-radius: 20px;
	top: 0;
  }
  
  #page-build-and-price .kiosk-screen .k-panel .house-selections .selections .selection-wrapper-with-info .description img{
	  width: 10px;
	  height: 10px;
	  display: block;
	  background: #023863;
	  background: #bababa;
	  border-radius: 50%;
	  padding: 5px;
	}
  

  /**/



  /**/

  #page-build-and-price .kiosk-screen #kiosk-panel-4 .panel{
	width: 90%;
	margin: 0 auto;
  }

  #page-build-and-price .kiosk-screen #kiosk-panel-4 .upgrades-panel-horizontal-swipe{
	overflow: unset;
  }
  
  #page-build-and-price .kiosk-screen #kiosk-panel-4 .upgrades-panel-horizontal-swipe > div{
	flex-wrap: wrap;
	padding: 0;
	width: 100%;
  }
  
  #page-build-and-price .kiosk-screen #kiosk-panel-4 .upgrades-panel-horizontal-swipe .product-upgrade.spacer{
	display: none;
  }
  
  #page-build-and-price .kiosk-screen #kiosk-panel-4 .introduction{
	margin: 0 auto 10px;
  }
  
  #page-build-and-price .kiosk-screen #kiosk-panel-4 .upgrades-panel-horizontal-swipe .product-upgrade .content h3{
	font-size: 16px;
  }
  
  #page-build-and-price .kiosk-screen #kiosk-panel-4 .upgrades-panel-horizontal-swipe .product-upgrade .content .upgrades-title-description a.pu-title{
	padding: 5px 12px;
  }

  #page-build-and-price .kiosk-screen #kiosk-panel-4 .upgrades-panel-horizontal-swipe .product-upgrade{
    flex: 0 0 100%;
    margin: 10px auto;
    width: auto;
	height: 100%;
  }

  #page-build-and-price .kiosk-screen #kiosk-panel-4 .upgrades-panel-horizontal-swipe .product-upgrade[data-id="245509"] .utd-clickable-colour{
	display: inline-flex;
  }

  #page-build-and-price .kiosk-screen #kiosk-panel-4 .upgrades-panel-horizontal-swipe .product-upgrade[data-id="245509"] .utd-clickable-colour a.pu-title{
    width: 30px;
    height: 30px;
    padding: 0;
	box-shadow: 2px 2px 8px #00000036;
	border-color: transparent;
  }

  #page-build-and-price .kiosk-screen #kiosk-panel-4 .upgrades-panel-horizontal-swipe .product-upgrade[data-id="245509"] .utd-clickable-colour a.pu-title.active{
	border-color: #ffffff;
  }

  #page-build-and-price .kiosk-screen #kiosk-panel-4 .product-upgrade img.product-upgrade-photo{
	width: 100%;
    height: auto;
    aspect-ratio: 4/2.6;
  }

  #page-build-and-price .fancybox-container{
	max-width: 100%;
	max-height: 100%;
  }

  #page-build-and-price .fancybox-container .fancybox-bg{
	background: none !important;
	background: #041a2cc7 !important;
  }

  
  #page-build-and-price .kiosk-screen #page_designs_content .shade-left,
  #page-build-and-price .kiosk-screen #page_designs_content .shade-right{
	display: none;
  }
  


  

  #page-build-and-price .k-panel .panel-switch-buttons{
	position: relative;
	margin: 30px auto 0;
	padding: 0;
	top: 0;
	bottom: 0;
	left: 0;
    right: 0;
    text-align: right;
    display: flex;
	justify-content: center;
	width: 98%;
  }

  /**/
  #page-build-and-price .kiosk-screen .k-panel{
	transition-duration: .2s;
  }
  #page-build-and-price .kiosk-screen.viewing-summary .k-panel{
    filter: blur(10px);
    opacity: 0;
  }

  #page-build-and-price #kiosk-panel-toolbar-summary{
    position: relative;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;

	background: #f1f1f1;
	background: none;
	box-shadow: none;
	opacity: 0;
	display: none;

  }

  #page-build-and-price #kiosk-panel-toolbar-summary.active{
	opacity: 1;
	display: block;
	height: auto;
  }

  #page-build-and-price #kiosk-panel-toolbar-summary .panel{
	height: auto;
  }

  #page-build-and-price #kiosk-panel-toolbar-summary .summary-panel-title{
	position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    margin-top: 50px;
    margin-bottom: -40px;
    margin-left: 35%;
    font-size: 14px;
    text-align: left;
  }

  #page-build-and-price #kiosk-panel-toolbar-summary .summary-panel-close{
	position: absolute;
    top: 30px;
    right: 30px;
    background: #01355c;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 900;
	z-index: 2;
	color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin-top: -2px;
	transition-duration: .2s;
  }

  #page-build-and-price #kiosk-panel-toolbar-summary .summary-panel-close:hover{
    background: #1d5b8a;
  }



  #page-build-and-price #kiosk-panel-toolbar-summary[data-dropdown-panel="get-quote"] h2.summary-panel-title,
  #page-build-and-price #kiosk-panel-toolbar-summary[data-dropdown-panel="get-quote"] .sm-panel.summary-floorplan,
  #page-build-and-price #kiosk-panel-toolbar-summary[data-dropdown-panel="get-quote"] .sm-panel.summary-details{
	display: none;
  }

  #page-build-and-price #kiosk-panel-toolbar-summary[data-dropdown-panel="summary"] .sm-panel#summary-form{
	display: none;
  }

  /**/
  #page-build-and-price #summary-panel{
    flex-wrap: wrap;
    align-items: flex-start;
	height: auto;
	overflow-x: hidden;
    overflow-y: hidden;
	background: #f1f1f1;
  }

  #page-build-and-price #summary-panel > div{
	flex-wrap: wrap;
    height: auto;
	width: 100%;
	padding: 50px 0;
  }

  #page-build-and-price #summary-panel .sm-panel{
	height: unset;
	width: unset;
	overflow: hidden;
	flex: 0 0 50%;
	margin: 0;
	padding: 0;
	border: none;
  }

  /**/
  #page-build-and-price #summary-panel .summary-floorplan{
	flex: 0 0 100%;
  }

  #page-build-and-price #summary-panel .summary-floorplan img{
	transform: none;
	margin-top: -50px;
	max-height: 600px;
  }

  /**/
  #page-build-and-price #summary-panel .summary-details.sd-1{
	display: block;
	flex: 0 0 100%;
  }

  #page-build-and-price #summary-panel .summary-details.sd-1 > div{
    height: 100%;
    width: 80%;
    padding: 0;
	margin: 0 auto;
  }

  #page-build-and-price #summary-panel .summary-details.sd-1 .summary-house-cta a#summary-send-enquiry{
	display: none;
  }

  #page-build-and-price #summary-panel .summary-details .summary-house-tables{
	flex-wrap: wrap;
	margin: 20px 0;
  }

  #page-build-and-price #summary-panel .summary-details .summary-house-tables .summary-house-table{
	flex: 0 0 100%;
	width: unset;
  }

  /**/
  #page-build-and-price #summary-panel .summary-details.sd-2{
	flex: 0 0 100%;
  }

  #page-build-and-price #summary-panel .summary-details.sd-2 > div{
	height: auto;
  }

  #page-build-and-price #summary-panel .summary-details .summary-house-photos{
	flex-wrap: wrap;
  }

  #page-build-and-price #summary-panel .summary-details.sd-2 .summary-house-photos a{
    flex: 0 0 100%;
	margin: 0 0 20px;
	height: auto;
    width: auto;
  }

  #page-build-and-price #summary-panel .summary-details.sd-2 .summary-house-photos a img{
	display: block;
    height: 100%;
    width: 100%;
	aspect-ratio: 16/9;
  }

  .input-group-one-line label{
	display: flex !important;
	align-items: center;
	font-size: 12px;
  }

  .input-group-one-line label input{
	height: 10px !important;
  }

  /*
  #page-build-and-price #summary-panel #summary-form form .freeform-row.hidden{
	display: block;
	height: auto;
  }


  */

/*
  #page-build-and-price #summary-panel .summary-details.sd-2 > div{
	padding: 20px;
    height: 100%;
  }

  #page-build-and-price #summary-panel .summary-details.sd-2 .summary-house-photos{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	height: 300px;
  }

  #page-build-and-price #summary-panel .summary-details.sd-2 .summary-house-photos a{
	display: block;
    flex: 0 0 49%;
    width: 100%;
    height: 100%;
    border-radius: 0;
    overflow: hidden;
    margin: 0;
	border-radius: 10px;
  }

  #page-build-and-price #summary-panel .summary-details.sd-2 #design-introduction{
	max-width: 100%;
  }

  #page-build-and-price #summary-panel .summary-details.sd-2 #design-introductio p{
    margin: 20px 0 10px;
  }
*/


  /**/

  #page-build-and-price #summary-panel #summary-form{
	flex: 0 0 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
  }

  #page-build-and-price #summary-panel #summary-form > div{
    width: 100%;
    height: 100%;
	padding: 0 5%;
  }

  #page-build-and-price #summary-panel #summary-form .freeform-row.show{
	display: block;
	position: relative;
	height: 80px;
	width: auto;
  }
  
  #page-build-and-price #summary-panel #summary-form .freeform-row .forn_header h2{
	font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
  }

  #page-build-and-price #summary-panel #summary-form form{
	padding: 40px;
	margin: 0;
  }

  #page-build-and-price #summary-panel #summary-form form .freeform-row{
	margin: 0;
  }
  
  #page-build-and-price #summary-panel #summary-form form .freeform-row .freeform-column{
	/*margin: 0;*/
  }


  /**/

  #page-build-and-price #summary-panel .sm-panel.summary-spacer{
	display: none;
  }

  /**/


	.sticky-design-and-price-toolbar{
		color: #fff;
		display: flex;
		align-items: center;
		background-color: #003963;
		background: linear-gradient(45deg, #003963, #05273f);
		/*background-color: #f7921e;*/
		position: fixed;
		bottom: 0;
		z-index: 15;
		width: 100%;
		left: 0;
		right: 0;
	    height: 100px;
		width: 100%;
		max-width: 1600px;
		margin: 0 auto;
		width: 96%;
		bottom: 10px;
		border-radius: 50px;
		height: 70px;
		box-shadow: 2px 2px 10px rgb(0 0 0 / 20%);

		border-radius: 0;
		margin: 0;
		width: 100%;
		bottom: 0;
		height: auto;
		padding: 15px 0;
	}

	.sticky-design-and-price-toolbar > div{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}

	.sticky-design-and-price-toolbar #progressbar{
		position: relative;
		margin: 10px auto 0;
		margin: 0;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		height: auto;
		pointer-events: all;
		flex: 0 0 auto;
		text-align: left;
	  }
	
	  .sticky-design-and-price-toolbar #progressbar > div{
		display: flex;
		width: 100%;
	  }

	  .sticky-design-and-price-toolbar #progressbar .selections{
		font-size: 12px;
		font-weight: 600;
		color: #f78e1f;
		padding: 0;
		margin: 0 10px 0 0;
		display: none;
	  }
	
	  .sticky-design-and-price-toolbar #progressbar a{
		display: table;
		text-align: left;
		color: #bbbbbb;
		padding: 5px;
		margin: 0 5px;
		margin: 0;
		pointer-events: none;
		opacity: .1;

		display: inline-flex;
		text-align: center;
		font-size: 0;
		width: 3px;
		height: 3px;
		background: white;
		border-radius: 50%;
		margin: 0 5px;
	  }
	

	.sticky-design-and-price-toolbar #progressbar a:after{
		content: "";
		background: #f78e1f;
		background: #bbbbbb;
		width: 10px;
		height: 2px;
		display: block;
		position: absolute;
		bottom: -6px;
		left: 0;
		right: 0;
		margin: 0 auto;
		transition-duration: .2s;

		display: none;
	}



	.sticky-design-and-price-toolbar #progressbar a.active{
		opacity: 1;
	}

	.sticky-design-and-price-toolbar #progressbar a.active:after {
		background: #f78e1f;
		display: none;
	}

	.sticky-design-and-price-toolbar #progressbar a.active {
		color: #fff;
	}

	.sticky-design-and-price-toolbar #progressbar.active{
		left: 0;
	}

	.sticky-design-and-price-toolbar #progressbar.active a{
		opacity: 1;
	}

	.sticky-design-and-price-toolbar #progressbar.active a:hover{
		color: #ffffff;
	}



	.sticky-design-and-price-toolbar a:hover{
		cursor: pointer !important;
	}

	.sticky-design-and-price-toolbar #summary{
		position: relative;
		padding: 0;
		left: 0;
		display: block;
		text-align: left;
		margin: 0;
		top: auto;
		bottom: auto;
		right: auto;
		opacity: 1;

		display: none;
	}

	.sticky-design-and-price-toolbar #summary .from{
		margin: 0 8px 0 0;
		font-size: 10px;
		font-weight: 500;
		color: #b1b1b1;
		color: #fff;
	
	}
	
	.sticky-design-and-price-toolbar #summary .price-from{
		position: relative;
		color: #F78E21;
		color: #fff;
		display: inline-block;
		font-size: 14px;
		padding: 10px 15px;
		font-weight: 500;
		cursor: pointer !important;
		transition-duration: .2s;
		margin: 0;
		padding: 0;
		font-weight: 600;
	}

		


	.sticky-design-and-price-toolbar #progressbar.active a{
		color: #7c8f9c;
		pointer-events: all;
	  }

	.sticky-design-and-price-toolbar #progressbar.active a.active{
		color: #ffffff;
	}

	.sticky-design-and-price-toolbar #progressbar .arrow{
		opacity: .1;
		transition-duration: .2s;
		display: none;
	}

	.sticky-design-and-price-toolbar #progressbar.active .arrow{
		opacity: 1;
	}
	  
	.sticky-design-and-price-toolbar #progressbar .arrow img{
		object-fit: contain;
		width: 5px;
		height: 5px;
		transform: translateY(-2px);
		margin: 0 5px;
	}

	.sticky-design-and-price-toolbar #summary-buttons-right{
		opacity: .1;
		pointer-events: none;
		flex: 0 0 auto;
		display: flex;
		justify-content: flex-end;
	}

	.sticky-design-and-price-toolbar #summary-buttons-right.active{
		opacity: 1;
		pointer-events: all;
	}

	.sticky-design-and-price-toolbar #summary-buttons-right .button{
		position: relative;
		font-weight: 600;
		font-size: 13px;
		padding: 7px 18px;
		font-size: 12px;
	}

	.sticky-design-and-price-toolbar #summary-buttons-right .button.button-summary{
		background: none;
	}

	.sticky-design-and-price-toolbar #summary-buttons-right .button.button-summary:after{
		content: "";
		background: #ffffff;
		width: 24px;
		height: 2px;
		display: block;
		position: absolute;
		bottom: 2px;
		left: 0;
		right: 0;
		margin: 0 auto;
		transition-duration: .2s;
	}

	.sticky-design-and-price-toolbar #summary-buttons-right .button.button-summary:hover:after{
		width: 28px;
		bottom: 2px;
	}

	@media(min-width: 900px){
		.sticky-design-and-price-toolbar{
			bottom: 15px;
		}
	}


	@media(min-width: 1400px){
		.sticky-design-and-price-toolbar{
			bottom: 30px;
		}
	}


	/**/
  
	@media (min-width:600px){
		


		.sticky-design-and-price-toolbar > div{
			width: 94%;
			padding: 0;
		}

		.sticky-design-and-price-toolbar{
			border-radius: 50px;
			padding: 0;
			margin: 0 auto;
			width: 96%;
			bottom: 10px;
			height: 70px;
		}

		.sticky-design-and-price-toolbar #summary{
			display: block;
			align-items: unset;
			flex: unset;
			margin: 0;
			text-align: left;
		}

		.sticky-design-and-price-toolbar #summary .from{
			margin: -5px 0 -5px;
		}

		.sticky-design-and-price-toolbar #summary .price-from{
			font-size: 20px;
		}

		.sticky-design-and-price-toolbar #progressbar{
			margin: 0 auto;
			flex: unset;
			text-align: center;
		}

			
		.sticky-design-and-price-toolbar #progressbar > div{
			display: block;
			margin-left: 8%;
			margin-right: -8%;
		}
		

		.sticky-design-and-price-toolbar #progressbar a{
			width: auto;
			height: auto;
			background: none;
			border-radius: 0;
			margin: 0;
			font-size: 12px;
		}

		

		.sticky-design-and-price-toolbar #progressbar a:after{
			bottom: 2px;
			width: 24px;
			display: block;
		}

		.sticky-design-and-price-toolbar #progressbar a.active:after {
			display: block;
		}

		.sticky-design-and-price-toolbar #summary-buttons-right{
			flex: unset;
		}



		/*	*/

	
		#page-build-and-price #page_designs_content .designs .design{
		flex: 0 0 46%;
		margin: 2%;
		}

		#page-build-and-price .kiosk-screen #kiosk-panel-4 .upgrades-panel-horizontal-swipe .product-upgrade{
			flex: 0 0 46%;
			margin: 2%;
		}
		

		#page-build-and-price #summary-panel .summary-floorplan{
			flex: 0 0 35%;
		}

		#page-build-and-price #summary-panel .summary-floorplan img{
			max-height: unset;
		}

		#page-build-and-price #summary-panel .summary-details.sd-1{
			flex: 0 0 65%;
		}

		#page-build-and-price #summary-panel .summary-details.sd-1 > div{
			width: 95%;
			margin: 0;
		}


	
	}

	@media (min-width:800px){
		.sticky-design-and-price-toolbar #progressbar .arrow{
			display: inline-block;
		}

		#page-build-and-price #summary-panel .summary-details.sd-2 .summary-house-photos{
			justify-content: space-between;
		}

		#page-build-and-price #summary-panel .summary-details.sd-2 .summary-house-photos a{
			flex: 0 0 48%;
			margin: 0 0 30px;
		}

	}
  
  
	@media (min-width:1000px){

		.sticky-design-and-price-toolbar #progressbar .selections{
			display: inline-block;
		}


		.sticky-design-and-price-toolbar #progressbar a:hover:after{
			width: 28px;
			bottom: 2px;
		}

		.sticky-design-and-price-toolbar #summary .price-from{
			font-size: 24px;
		}

		/**/
	
	
		#page-build-and-price #page_designs_content .designs .design{
		flex: 0 0 31.33%;
		margin: 1%;
		}

		#page-build-and-price .kiosk-screen #kiosk-panel-4 .upgrades-panel-horizontal-swipe .product-upgrade{
			flex: 0 0 31.33%;
			margin: 1%;
		}


		#page-build-and-price .kiosk-screen .k-panel > .panel-split .left{
			max-width: 100%;
			flex: 0 0 60%;
		}

		#page-build-and-price .kiosk-screen .k-panel > .panel-split .right{
			flex: 0 0 40%;
		}

		#page-build-and-price .kiosk-screen #kiosk-panel-2,
		#page-build-and-price .kiosk-screen #kiosk-panel-3{
			height: 700px;
		}

		#page-build-and-price .kiosk-screen .k-panel > .panel-split .right > div{
			padding: 0 5% 0 10%;
		}

		#page-build-and-price .kiosk-screen #kiosk-panel-2,
		#page-build-and-price .kiosk-screen #kiosk-panel-3{
			height: 100%;
		}

		#page-build-and-price .k-panel .panel-switch-buttons{
			justify-content: flex-end;
			margin: -30px 0 0 0;
		}

	}
		
	@media (min-width:1300px){
	
	
		#page-build-and-price #page_designs_content .designs .design{
			flex: 0 0 24%;
			margin: .5%;
		}

		#page-build-and-price .kiosk-screen #kiosk-panel-4 .upgrades-panel-horizontal-swipe > div{
			max-width: 1200px;
			margin: 0 auto;
		}

		#page-build-and-price .kiosk-screen #kiosk-panel-4 .upgrades-panel-horizontal-swipe .product-upgrade{
			flex: 0 0 24%;
			margin: .5%;

			flex: 0 0 31.33%;
			margin: 1%;
		}

		#page-build-and-price #summary-panel .summary-details.sd-2{
			margin-top: -60px;
		  }
	
	
	}

  	@media (min-width:1400px){
		#page-build-and-price .kiosk-screen .k-panel .house-selections .selections .selection{
			padding: 10px 20px;
		}

		#page-build-and-price .kiosk-wrapper{
			padding: 60px 0;
		}

	}

  	@media (min-width:1600px){
		#page-build-and-price .kiosk-screen .k-panel .house-selections .selections .selection{
			padding: 10px 20px;
		}

		#page-build-and-price .kiosk-wrapper{
			padding: 80px 0;
		}
		
	}