html, body, button, input, textarea, select {
font-family: "pragmatica", sans-serif;
font-weight: 300;
font-style: normal;
 color:#132A45;
font-style: normal;
}

h1, h2, h3, h5, h6 {

  font-family: "big-caslon-fb", serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom:40px;
  line-height: 1.2;
}

hr {
  background:#C3C3C3;
  height:1px;
  border:0;
  padding:0;
  margin:0;
}

h1 {
  font-size: 32px;
  margin-bottom:20px;
}


h2 {
  font-size: 3rem;
 
}

h3 {
  font-size:1.5rem;
}

h4, .content_builder_intro h2 {
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  color:#202020;
  letter-spacing: 0.1em;
  font-family: "pragmatica", sans-serif;
}

body {
  font-smooth: antialiased;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

html {
  font-size: 16px;
  overflow-x: hidden;
    scroll-behavior: smooth;
}

strong {
  font-weight: bold;
}

p {
  margin-bottom:1rem;
  line-height: 1.3;
}

p:last-of-type {
  margin-bottom:0;
}

.main-content p {
  font-size: 18px;
  line-height: 1.4;
}



body {
  font-size:100%;
  color:#202020;
  background-color:#fff;
  font-weight: 300;
  line-height: 1.2;
  overflow-x: hidden;


}

.container {
  max-width: 90.5%;
  max-width: 1737px;
}

.padding {
  padding-top:100px;
  padding-bottom:100px;
}

.padding-top {
  padding-top:100px;
}

.padding-bottom {
  padding-bottom:100px;
}

a {
  cursor:pointer;
  color:inherit;
}

a:hover, .button:hover {
  transition: all 250ms ease;
}


.button {
  height:40px;
  line-height:40px;
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
  padding:0 20px;
  border:1px solid #202020;
  display: inline-block;
  border-radius: 30px;
  box-shadow:none;
  cursor: pointer;
  text-decoration: none;
  background: transparent;
}

.button.solid.white {
  border-color:#fff;
  background:#fff;
  color:#202020
}

.button.clear.white {
  border-color:#fff;
  background:transparent;
  color:#fff
}

.button.clear.white:hover {
  background:#fff;
  color:#202020;
}

.button.white.border {
  background:#fff;
}

.button.white.border:hover {
  background: #202020;
  color:#fff;
}

.button.solid.white:hover {
  border-color:#fff;
  background:transparent;
  color:#fff
}


.button.clear.black:hover {
  border-color:#202020;
  background:#202020;
  color:#fff
}

.button.solid.black {
  border-color:#202020;
  background:#202020;
  color:#fff
}

.button.solid.black:hover {
  border-color:#202020;
  background:#fff;
  color:#202020
}

header {
  line-height: 0;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  z-index:99;
  background:rgba(255,255,255,0);
  transition: all 0.5s;
}

header.scrolling {
  background:rgba(255,255,255,1);
  position: fixed;
  
}


 .hide-header {
    top: -100%; 
    transition: none;
}

.promo-active .hide-header {
    top: -100%!important; 
}


.ico-menu {
width: 27px;
    height: 16px;
    top: 1px;
    position: relative;

}

.ico-menu-close {
  width:19px;
  height:19px;
  position: relative;
  top: 9px;
}

.fa-close:before {
    width: 19px;
    height: 19px;
    position: relative;
    top: 4px;

}

/*
header .container {
  max-width: 94%
} */

header .logo {
  display: block;
  width:332px;
  height:31px;
  background-image:url('../images/logo.svg');
  background-size:cover;
  background-repeat: no-repeat;
}

header .row {
  height:120px;
  transition: height 250ms linear;
}

header.scrolling .row {
  height:72px;
}

header ul {
  list-style: none;
}

header ul li {
  display: inline-block;
  margin-left:60px;
}

header ul li:first-child {
  margin-left:0;
}

header ul li a {
  color:#202020;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  position: relative;

}


header ul li a:after {
    content: '';
  background-size: contain;
  background-repeat: no-repeat;
  height: 13px;
  width: 11px;
  position: absolute;
  right: -16px;
  opacity: 0;
  top: 4px;
  transition:all 250ms ease;
}

header ul li a:hover:after { 
  opacity:1;
}

header ul li.home-designs a:after { 
  background-image:url('../images/ico_oval-alt.svg');
 
}

header ul li.bespoke-homes a:after { 
background-image:url('../images/ico_square-alt.svg');
  top: 3.5px;
  height: 14px;
  width: 12px;
}

header ul li.townhomes a:after { 
  background-image:url('../images/ico_triangle-alt.svg');
  top: 4px;
  height: 14px;
  width: 11px;
}



header ul li a.button {

  text-transform: none;
  font-weight: 400;
  font-size: 14px;
  padding:0 20px;
  border:1px solid #202020;
  display: inline-block;
  border-radius: 20px;
}

header ul li a.button:hover {
  opacity: 1;
}

header ul li a.button:hover {
  background:#202020;
  color:#fff;
}

.banner {
  position: relative;
}

.banner img {
  position: relative  
}

.banner img.slogan {
position: absolute;
z-index: 2;
bottom: -4px;
left: 0;
width: 100%;
max-width: 100%;
}




/*

.single-gh_products .banner img  {
  height: calc(100vh - 100px);
}
*/

.mosiac .image-holder {
  position: relative;
}

.mosiac .image-holder .more {
  position: absolute;
  right:30px;
  top:30px;
  z-index: 2;
}

.mosiac .image-holder .heading {
  position: absolute;
  left:90px;
  top:30px;
  color:#202020;
  z-index: 2;

}

.mosiac .image-holder * {
  transition: all 250ms ease;
}

.mosiac .image-holder .heading p {
  font-size: 16px;
  max-width: 380px;
  opacity: 0;
  padding-right:20px;
}

.mosiac .double-image .image-holder .heading p {
    max-width: 220px;
}

.mosiac .image-holder .heading h2 {
  margin-bottom:10px;
  font-size: 32px;
  padding-right:20px;
}

.mosiac .image-holder .heading h2:before {
  content:'';
  display: inline-block;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -62px;
  top: 4px;
}

.mosiac .image-holder .heading h2.home-designs:before {
  width:42px;
  height:49px;
  background-image:url('../images/ico_oval.svg');
}

.mosiac .image-holder .heading h2.bespoke-homes:before {
  width:43px;
  height:49px;
  background-image:url('../images/ico_square.svg');
}

.mosiac .image-holder .heading h2.townhomes:before {
  width:37px;
  height:49px;
  background-image:url('../images/ico_triangle.svg');
}

.mosiac .image-holder:hover .heading h2.home-designs:before {
  background-image:url('../images/ico_oval-alt.svg');
}

.mosiac .image-holder:hover .heading h2.bespoke-homes:before {
  background-image:url('../images/ico_square-alt.svg');
}

.mosiac .image-holder:hover .heading h2.townhomes:before {
  background-image:url('../images/ico_triangle-alt.svg');

}


.mosiac .image-holder:hover p {
  opacity: 1;
}

.mosiac .image-holder:hover .button {
  background:#202020;
  color:#fff;
}

.single-image, .double-image {
  line-height: 0;
}

.double-image .image-holder:first-child {
  margin-bottom:2rem;
}

.testimonials {
  background:#202020;
  color:#fff;
  margin-top:90px;
  padding:80px 0;
}


.testimonials h4 {
  color:#fff;
}

.testimonials h3 {
  font-size: 36px;
  font-weight: 400;
}

.testimonials p {
  font-size: 18px;
  color:#999591;
}


.border-line-top {
  margin-bottom:30px;
}

.awards {

  font-size: 18px;
}

.post-type-archive-gh_awards .awards {
  padding:0;
  padding-top:90px;
}

.awards a {
  font-style: italic;
  text-decoration: underline;
  
}

.awards-categories {
  padding:15px 0;
  background:#000;
  position: fixed;
  bottom:0;
  width:100%;
  z-index: 2;
}

.awards-categories {
  min-height:40px;
}

.awards-categories a {
  color:#999591;
  text-decoration:none;
  font-size: 18px;
  margin-right:30px;
  line-height: 42px;
}


.awards-categories a.button {
  font-size: 14px;
  color:#000;
  margin-right:10px;
  line-height: 40px;
}

.awards-categories a.button:last-child {
  margin-right:0;
}

.awards-archive h4 {
  font-size: 24px;
  
}

.awards-categories a:hover {
  color:#666;
}

.awards p {
 max-width: 640px;
}

.awards img {
  max-width: 183px;
  height:auto;
  margin-top:50px;
}

.awards .heading {
  padding-bottom:100px;
}

.awards h3 {
  font-size: 48px;
  max-width: 330px;
}

.awards table {
  width:100%;
  text-transform: uppercase;
  font-size:16px;
}


.awards table th, .awards table td {
  border-bottom:1px solid #999591;
  padding:12px 0;
  color:#999591;
}
  


.content_builder_awards.awards table th:nth-child(1), .content_builder_awards.awards table td:nth-child(1) {
  width:10%;
  min-width:85px
}

.content_builder_awards.awards table th:nth-child(2), .content_builder_awards.awards table td:nth-child(2) {
  padding:12px 24px;
}


.awards table th {
  font-weight:bold;
  text-transform: uppercase;
  color:#202020;
}


footer img {
  max-width:334px;
  margin-bottom:20px;
  
}

footer {
  background:#202020;
  color:#fff;
  padding:80px 0 60px 0;
  font-size: 16px;
}

footer ul {
  list-style: none;
}

footer ul li {
  margin-bottom:20px;
}

footer ul li.menu-footer-home-design-process a:before {
content:'- ';
}


footer ul li a {
  text-decoration: none;
}


footer ul.menu li a {
  font-weight: bold;
  text-transform: uppercase;

}

footer ul li a:hover {
  opacity: 0.5;
}


footer ul.menu li.menu-footer-home-design-process a {
  font-weight: 300;
  text-transform:none;
}

footer .copyright {
  padding-top:30px;
  font-size: 14px;
}

footer .copyright .footer-details a {
  text-decoration: none;
  transition: all 250ms linear;
}

footer .copyright .footer-details a:hover {
  opacity: 0.5;
  
}

footer .copyright .social {
    width: 198px;
float: right;
text-align: left;
}


footer .copyright .social a {
    font-size: 30px;
margin: 15px 15px 0 0;
display: inline-block;
}
footer .copyright .social a:hover {
  opacity: 0.5;
}

footer p.contact-details a {
  text-decoration: none;
}

footer p.contact-details a:hover {
  opacity: 0.5;
}

footer p.contact-details {
  line-height: 1.6;
}

footer p.subscribe {
  margin-bottom:20px;
  margin-top:40px;
}

footer form {
  max-width: 334px;
}


footer .form input:focus::placeholder {
  color:#333;
  transition: all 250ms ease;
}


footer .form input {
  max-width: 334px;
  width:100%;
  height:40px;
  line-height: 40px;
  border:1px solid #fff;
  color:#fff;
  border-radius: 30px;
  background: transparent;
  padding:0 15px;
  font-size: 16px;
  margin-bottom:14px;
}


.alt-background {
  background:#202020;
  color:#fff;
  margin-bottom:90px;
}

.alt-background.padding {
  
}

.alt-background * {
  color:#fff;
}

.offer h4 {
  margin-bottom:30px;
}

.offer p {
  font-size:16px;
  font-weight:400;
  margin-top:10px;
}

.offer .heading p {
  padding-right:180px;
}

.offer .thumbnail {
  margin-bottom:19px;
  line-height: 0;
  cursor: pointer;
}

.offer .thumbnail img {
  opacity: 0.5;
  transition: all 500ms ease;

}

.offer .thumbnail:hover img {
  opacity: 1;
} 

.offer .thumbnail:last-child {
  margin-bottom:0;
}







.offer .image-holder a  {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 800px;
}

.offer .image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top:0;
    left:0;
}






.offer .image-holder .button {
  background:transparent;
  color:#fff;
  border-color:#fff;
}

.offer .image-holder .button:hover {
  background:#fff;
  color:#202020;
}

.offer .image-holder {
  position: relative;
  line-height: 0;
  opacity: 0;

  width:0;
  height:0;
}

.offer .image-holder.active {
 opacity:1;
 width:auto;
 height:auto;
 transition: opacity 250ms linear;
}

.offer .image-holder:before {
  content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    height: 254px;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
    left: 0;
    width: 100%;

}

.offer .image-holder .button {
  position: absolute;
  z-index: 2;
  bottom:-100%;
  right:30px;

}

.offer .image-holder .heading {
  position: absolute;
  bottom:-100%;
  z-index: 2;
  opacity: 0;
  left:30px;
  color:#fff;
  max-width: 700px;
}

.offer .image-holder.active .button {
    bottom: 30px;
    opacity: 1;
    transition: bottom 500ms ease, opacity 500ms ease; 
    transition-delay: 1s;
}


.offer .image-holder.active .heading {
  bottom:30px;
  opacity: 1;
  transition: all 500ms ease;
  transition-delay: 0.5s;
}

.offer .image-holder .heading h2 {
  font-size: 32px;
  margin-bottom:10px;
  color:#fff;
}



/*

.offer .thumbnail.active {
    display: none;
} */


.offer .thumbnail.active img {
  opacity: 1;
}

.post-holder h3 {
  font-size: 18px;
  margin:20px 0 10px 0;
  font-family: "pragmatica", sans-serif;
  font-weight: 400;
  font-style: normal;
}




.post-holder * {
  text-decoration: none;
}

.post-holder p {
  font-size: 18px;
  color:#999591;
}


.post-holder {
  position: relative;
}

.post-holder .tags {
  position: absolute;
  top:15px;
  right:15px;
}

.post-holder .tags a {
  font-size: 12px;
  color:#202020;
  display: inline-block;
  height:31px;
  line-height: 31px;
  border-radius: 16px;
  padding:0 20px;
  background:rgba(255,255,255,0.6);
  margin-left:10px;
}

.post-holder .tags a:hover {
  background:#202020;
  color:#fff;
}



.why.main-content p {
  font-size: 16px;
}


.why-holder {
  padding-top:20px;
  margin-top:20px;
  position: relative;
}

.show-lines .why-holder:before {
  content:'';
  position: absolute;
  top:-20px;
  height:1px;
  width:200%;
  background:#202020;
}

.show-lines .owl-carousel .owl-item:last-child .why-holder:before {
  width:190%;
}

.content_builder_timeline_slider.wide .container .owl-item .why-holder:before {
  width: 200%;
}


.content_builder_timeline_slider.wide .container .owl-item:nth-last-child(2) .why-holder:before {
  display: none;
}

.content_builder_timeline_slider.standard .container .owl-item:nth-last-child(1) .why-holder:before {
  display: none;
}


.why-holder:after {
  content:'';
  height:32px;
  width:32px;
  border:1px solid #202020;
  background:#fff;
  position: absolute;
  top:-34px;
  left:-5px;
  border-radius: 100%;
}

.why-holder {
  max-width: 294px;
}


.wide .why-holder {
  max-width: 400px;
}


.why img {
  margin-bottom:30px;
}

.why .owl-carousel .owl-stage-outer {
  overflow: visible;
}




.container.wide {
  max-width: 100%;
  margin-left:5%
}

.why h4 {
  margin-bottom:60px;
}

.why h3 {
  font-size: 24px;
  margin-bottom:15px;
  font-family: "pragmatica", sans-serif;  
}

.why span {
  margin: 0 0 30px 0;
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
}


.nav i {
  font-size:40px;
  cursor: poionter;
}
.nav i:hover {
  font-weight: bold;
}


    .banner picture.main {
  height:80vh;
  overflow: hidden;
  display: block;
  background-size:cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.single-gh_products .banner picture.main,  .single-gh_townhomes .banner picture.main, .post-type-archive-gh_awards .banner picture.main {
  height: calc(100vh - 70px);
  overflow: hidden;
  display: block;
}

.single-gh_products .banner picture.main img, .single-gh_townhomes .banner picture.main img {
  position: relative;

}



.single-gh_townhomes .intro hr {
  display: none;
}


.single-gh_townhomes .intro.padding {
  padding-bottom:0;
}


.banner h1 {
   position: absolute;
    z-index: 2;
    bottom: -18px;
    left: 0;
    color: #fff;
    font-size: 80px;
    margin-bottom: 0;
    line-height: 1;
    text-transform: uppercase;

}

.single-post .banner h1, .single-gh_design_stories h1 {
  font-size: 60px;
  bottom: -12px;
} 

.banner {
  line-height: 0;
}

video {
  width:100%;
  height:auto;
}



.banner .video-holder {
  
    height: calc(100vh - 70px);
  max-height:70vh;

  overflow: hidden;
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}


.page-home-victoria .banner .video-holder,
.page-home-queensland .banner .video-holder,
.page-home-national .banner .video-holder,
.home .banner .video-holder { 
  height: 80vh;
  max-height:100vh;
}




.banner .video-holder video {
  position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; /* This property ensures the video covers the container */

}

.page-home-victoria .banner .video-holder,
.page-home-queensland .banner .video-holder,
.page-home-national .banner .video-holder,
.home .banner .video-holder, 
.page-home-victoria .banner picture.main,
.page-home-queensland .banner picture.main,
.page-home-national .banner picture.main,
.home .banner picture.main {
  height: 100vh;
}

.promo-active.pum-open .page-home-victoria .banner .video-holder,
.promo-active.pum-open .page-home-queensland .banner .video-holder,
.promo-active.pum-open .page-home-national .banner .video-holder,
.promo-active.pum-open .home .banner .video-holder, 
.promo-active.pum-open .page-home-victoria .banner picture.main,
.promo-active.pum-open .page-home-queensland .banner picture.main,
.promo-active.pum-open .page-home-national .banner picture.main,
.promo-active.pum-open .home .banner picture.main{
    height: calc(100vh - 76px);

}





.awards-archive {
  background:#fff;
  color:#000;

}





.page-intro p {
  font-size: 22px;
}

.mobile-menu {
  display: block;
  width:960px;
  max-width: 57%;
  min-width:300px;
  height:1079px;

  position: fixed;
  top:0;
  right:0;
  color:#fff;
  overflow: hidden;
  z-index: 999;
  height:100vh;
  transform: translate3d(100%,0,0);
  transition: all 350ms ease;
  background: #202020;
}


.mobile-menu .inner {
background: #202020;
position: relative;
z-index: 2;
overflow: hidden;
}



.mobile-menu .menu-images {
  position: absolute;
  bottom:-10px;
  background: #202020;
}


.mobile-menu .menu-image-holder {
  position: absolute;
  top:0;
  
}


/* CSS for the fade-in effect */
.mobile-menu  .menu-images  img {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.mobile-menu  .menu-images  img.active {
    opacity: 1;
}

.mobile-menu a {
  color:#fff;
}

.menu-active .mobile-menu {
  display: block;
  transform: translate3d(0,0,0);
}

.mobile-menu .extended-menu {
  padding:40px;
  width:50%;
  float:left
}

.mobile-menu .extended-menu.first li.menu-image-home-design-process a {
  font-weight: 300;
}


.mobile-menu .extended-menu.first {
display: block;
width: 100%;
padding-top: 0;
margin-top: -20px;
padding-bottom:0;
}

.mobile-menu .extended-menu li {
  text-align: left;
  line-height: 1;
  display: block;
}

.mobile-menu .extended-menu li a {
  text-transform: none;
}

.mobile-menu .menu-image-home-design-process a:before {
  content:'- ';
}


.mobile-menu li a {
    transition: all 250ms ease;
}

.mobile-menu .last li a:hover {
  opacity: 0.5;
}


.mobile-menu .extended-menu a  {
color:#999591;
font-size: 22px;
font-weight: normal;
}


.mobile-menu .extended-menu.first a {
color:#999591;
font-weight: bold;
}


.menu-trigger {
  cursor: pointer;
}

 .mobile-menu .menu {
  margin-right:4%;
  
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  text-align: end;
}

 .mobile-menu a {
   text-decoration: none;
 }

 .mobile-menu .menu li i {
  font-size: 19px;
}

 .mobile-menu .menu li {
   display: inline-block;
   text-align: right;
   margin:15px;
 }
 

 .mobile-menu ul li {
  margin:30px 0;
  line-height: 1;
}

 .mobile-menu ul li a:hover {
   color:#fff!important;
 }


 .mobile-menu ul li a.button {
  border: 1px solid #fff;
  margin-right:40px;
  position: relative;
  top:6px;
}

 .mobile-menu ul li a.button:hover {
  background:#fff;
  color:#000!important;
}

body:before {
  content:'';
  display: block;
  opacity: 0;
  z-index: -1;
  transition: all 550ms ease;
}

body.menu-active:before {
  background:rgba(0,0,0,0.5);
  opacity: 1;
  position: fixed;
  top:0;
  left:0;
  z-index: 999;
  width:100%;
  height:100%;
}

.menu-active header ul.menu {
  display: none;
}

body.menu-active {

}



#testimonials .owl-nav {
  position: absolute;
  left: -104%;
  bottom: 0;
}


#timeline .owl-nav {
  position:relative;
  left:1rem;
}


.owl-carousel .owl-nav button span {
  line-height:0;
font-size:0;

}

.owl-carousel .owl-nav button.owl-next:after, .owl-carousel .owl-nav button.owl-prev:after {
  font-family:"Font Awesome 6 Pro";
  content:'\f060';
  font-weight: 300;
    display:block;
    height:40px;
    line-height: 40px;
    text-align: center;
    width:40px;
   font-size:40px;
   border-radius: 100%;
   background:transparent;
   color:#202020;
   border:1px solid #202020;
   font-size: 18px;
}

.owl-carousel .owl-nav button.owl-next:after {
  content:'\f061';
  margin-left:10px;
  transition:all 250ms ease;

}


.owl-carousel .owl-nav button.owl-next:hover:after, .owl-carousel .owl-nav button.owl-prev:hover:after {
 background:#202020;
 color:#fff;
} 


.alt-background .owl-carousel .owl-nav button.owl-next:after, .alt-background .owl-carousel .owl-nav button.owl-prev:after {
  color:#fff;
   border:1px solid #FFF;
}

.alt-background .owl-carousel .owl-nav button.owl-next:hover:after, .alt-background .owl-carousel .owl-nav button.owl-prev:hover:after {
  background:#fff;
  color:#000;
}


.owl-carousel .owl-nav button.disabled {
  pointer-events: none;
  opacity: 0.3;
}

.hide-desktop {
  display: none;
}
.hide-mobile {
  display: initial;
}

.mobile-menu .logo {
  position: absolute;
  top:21px;
  left:30px;
}

.mobile-menu .logo img {
  display: block;
  width: 90px;
}

.page-template-template-about .testimonial h2 {
  margin-top:100px;
}

.page-template-template-about .testimonial p {
color:#999591;
font-szie:18px!important;
}

.page-template-template-about .main-content p {
  margin-bottom:2rem;
}

.page-template-template-about .main-content h4 {
  margin-bottom:110px;
}

.page-template-template-about .main-content h3 {
  font-size:24px;
  font-family: "pragmatica", sans-serif;
  margin-bottom:20px;
}

.page-template-template-about .main-content.small-font p {
  font-size: 16px;
  margin-bottom:2rem;
}

.page-template-template-about hr {
  margin-bottom:30px;
}





/* HOME DESIGNS STYLES  */


.home-designs-filer {
  margin-bottom:50px;
}



.home-designs-filer select, .home-designs-filer input {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
text-transform: none;
font-weight: 400;
font-size: 14px;
padding: 0 20px;
border: 1px solid #202020;
display: inline-block;
border-radius: 30px;
text-align: left;
height: 40px;
width:100%;
background-color:#fff;
}

 .home-designs-filer input {
    min-width: 300px;
    margin-right: 0;
 }
 
 
 .home-designs-filer .button.black {
   background:#000;
   color:#fff;
 }
 
 .home-designs-filer .button.black:hover {
    background:#fff;
    color:#000;
  }
 

 
 .filter-trigger b {
  font-weight: normal;
  min-width: 76px;
  display: inline-block;
 }
 
 .home-designs-filer .row.hidden {
   display: none;
 }


  
.home-designs-filer span.hidden {
     display: inline-block;
     margin-left:15px;
   }
    
 .trigger-active .home-designs-filer span.hidden {
  display: none;
 }
 
  .home-designs-filer .filter-trigger i {
    margin-left:10px;
  }
  
  .home-designs-filer .row hr {
    background:#C3C3C3;
    height:1px;
    width:100%;
    display: none;
   margin: 0 0 20px 0;
  }
  
  .trigger-active .home-designs-filer .row hr {
    display: block;
  }
  
  .post-type-archive-house_land .product-holder .image-holder, .post-type-archive-gh_townhomes .product-holder .image-holder,  .product-holder .image-holder, .home-designs-slider .image-holder {
    position: relative;
    overflow: hidden;
  }
  
  
  .post-type-archive-house_land .promo-banner.light, .post-type-archive-gh_townhomes .promo-banner.light, .home-designs-slider .promo-banner.light {
    background:#BBC8DE;
    color:#020202;
  } 
  
  
    
  .post-type-archive-house_land .promo-banner.warm, .post-type-archive-gh_townhomes .promo-banner.warm, .home-designs-slider .promo-banner.warm {
    background:#c7c0b4;
    color:#000;
  } 
  

  .post-type-archive-house_land .promo-banner, .post-type-archive-gh_townhomes .promo-banner, .home-designs-slider .promo-banner {
    
    position: absolute;
    z-index: 2;
    background: #202020;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    transform: none;
    top: 0;
    left: 0;
    padding: 8px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
  }
  
  
  .post-type-archive-house_land .product-holder .button {
    position: initial;
    bottom: auto;
    display: inline-block;
    margin-right:10px;
  }
  .post-type-archive-house_land .product-holder .button-holder {
  position: absolute;
  bottom: 30px;
  }
  
  
  
  
  

.home-designs-filer .select-wrapper {
  position: relative;
  margin-right:20px;

  display: inline-block;
  min-width: 170px;
}


.post-type-archive-house_land .product-holder li {
  margin-bottom:5px;
}



.post-type-archive-house_land .product-holder .ico-garage {
  width:21px;
  height:19px;
}

.post-type-archive-house_land .product-holder .ico-width {
  width:24px;
  height:28px;
}

.post-type-archive-house_land .product-holder .ico-depth {
  width:22px;
  height:30px;
}


.post-type-archive-house_land .product-holder .ico-garage,
.post-type-archive-house_land .product-holder .ico-width,
.post-type-archive-house_land .product-holder .ico-depth,
.post-type-archive-house_land .product-holder figure img {
  height:32px;
  width:32px;
}


.post-type-archive-house_land img.ico-bath {
  top:0;
}




.home-designs-filer .select-wrapper, .home-designs-filer .filter-trigger {
  margin-bottom:20px;
}

.house-land-filter-buttons p {
    padding-bottom:20px;
    display: block;
    width:100%;
}

.house-land-filter-buttons .button.black {
  color:#fff;
  background:#000;
  margin-right:15px;
}

.house-land-filter-buttons .button.black:hover {
  background:#fff;
  color:#000;
}

.house-land-filter-buttons .button.clear:hover {
  color:#fff;
  background:#000;
}

.home-designs-filer .select-wrapper:after {
content: '\f078';
font-family: "Font Awesome 6 Pro";
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
pointer-events: none;
}

.home-designs h4 {
  margin-top:30px;
  margin-bottom:20px;
}



.home-designs .home-designs-filer h4 {
  margin-bottom:30px;
}

.design-product {
  margin-bottom:30px;
  position: relative;
  
}

.design-product a {
  text-decoration: none;
  position: relative;
  display: block;
}





.design-home-tags {
  z-index: 2;
  position: absolute;
  right:20px;
  bottom:auto;
  top:20px;
}


.design-home-tags.bottom {

  top:auto;
  bottom:20px;

}



/*
.design-home-tags.has-promo {
  top:46px;
}*/

.design-home-tags span {
    font-size: 12px;
color: #202020;
display: inline-block;
height: 32px;
line-height: 32px;
border-radius: 16px;
padding: 0 20px;
background: rgba(255,255,255,0.6);
margin-left: 6px;

}


.townhomes-map .design-home-tags {
    z-index: 2;
    position: absolute;
    top: 11px;
    left: 5px;
}

.design-product a:hover .button {
  background:#202020;
  color:#fff;
}

.design-product h3 a:hover {
  opacity: 0.5;  
}

.product-holder {
  background: #EFEFEF;
  min-height:100%;
  position: relative;
  padding-bottom:70px;
}

.product-holder .image-holder {
  width:100%!important;
}

.product-holder .button {
  position: absolute;
  bottom:30px;
  
}

.product-holder p {
  max-width: 380px
}

.product-holder p.price {
  min-height: 1.3em;
}

.product-holder ul {
  list-style: none;
  margin:0;
  padding:0;
  font-size: 16px;
  float:right;
}

.product-holder li {
  width:100%;
  min-width:100%;
  margin-bottom:15px;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  
}

.product-holder li:last-child {
  margin-bottom:0;
}

.product-holder li figure {
margin: 0;
min-width: 50px;
text-align: center;
width: auto !important;

}

img.ico-bed {
  width:24px;
  height:16px;
  display: inline-block!important;
}

img.ico-bath {
  width:18px;
  height:24px;
  display: inline-block!important;
  position: relative;
  top: 5px;
}

img.ico-size {
  width:24px;
  height:18px;
  display: inline-block!important;
}

img.ico-wide {
 width: 24px!important;
 height: 24px;
 display: inline-block !important;
 position: relative;
 top: 1px;
}


.single-gh_products img.ico-bed, .single-gh_townhomes img.ico-bed {
    position: relative;
    top: 2px;
}


.single-gh_products img.ico-bath, .single-gh_townhomes img.ico-bath {
    position: relative;
    top: 5px;
}

.single-gh_products img.ico-size, .single-gh_townhomes img.ico-size  {
  position: relative;
  top: 2px;
}

.single-gh_products img.ico-wide, .single-gh_townhomes img.ico-wide {
    position: relative;

}

 .floorplan p {
    max-width:411px;
    font-size:16px;
}

/**
.floorplan h4 {
  position: absolute;
  top:0; 
}
*/

 .floorplan hr {
  margin-bottom:30px;
}

 .floorplan-gallery {
  padding:30px;
  background:#EFEFEF;
  position: relative;
  width:100%!important;
}



.gallery-trigger {
  display: block;
  width:40px;
  height:40px;
  border-radius: 100%;
  border: 1px solid #000;
  background:#fff;
  color:#000;
  position: absolute;
  right:30px;
  top:30px;
  transition: all 250ms ease;
  cursor: pointer;
  z-index: 1;
}

.remodal .gallery-trigger {
  top:50px;
}

.gallery-trigger span {
    width: 18px;
height: 18px;
position: absolute;
display: block;
top: 50%;
left: 50%;
transform: translate3d(-50%,-50%,0);
}

.gallery-trigger span:before {
  content:'';
  height:18px;
  width:1px;
  background: #202020;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate3d(-50%,-50%,0) rotate(0);
  transition: all 250ms ease;
}

.gallery-trigger span:after {
  content:'';
  width:18px;
  height:1px;
  background: #202020;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate3d(-50%,-50%,0) rotate(0);

}

.gallery-trigger:hover {
  background:#000;
}

.gallery-trigger:hover span:before{
  transform: translate3d(-50%,-50%,0) rotate(-90deg);
  background:#fff;
}

.gallery-trigger:hover span:after {
  transform: translate3d(-50%,-50%,0) rotate(90deg);
  background:#fff;
}

.floorplan .product-specifications li {
    width: 100%;
display: block;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
margin: 20px 0;
  
}

 .floorplan .product-specifications {
  margin-bottom:20px;
  margin-top:0;
}


.single-gh_products .intro .product-specifications img.ico-wide {
    position: relative;
    top: 6px;
  
}


.product-holder .content-holder {
  padding:30px;
}

.product-holder .content-holder h3 {
  font-size: 24px;
  font-weight: 300;
  font-family: "pragmatica", sans-serif;
  margin-bottom: 5px;
}

/*
.floorplan-gallery img {
  filter: grayscale(100%);
}
*/


.intro .product-specifications {
  margin-top:70px;
  margin-bottom:20px;
  margin-left:0;
  padding-left:0;
}

.single-gh_products .home-design-facades hr {
  margin-bottom:30px;
}


.intro .product-specifications li {
  list-style: none;
  display: inline-block;
  margin-right:20px;
}

.single-gh_products .floorplan p.price {
  margin-bottom:30px;
}


.product-specifications li figure {
  display: inline-block;
  margin-right: 10px;
  min-width: 30px;
  text-align: center;
  margin-bottom:0;
}

.home-design-gallery .container .owl-carousel .owl-item {
 max-width: 70%; 
}

.home-design-gallery .row {
  width:135%;
}

.home-design-gallery p {
  font-size:16px ;
  max-width: 411px;
  margin-top:30px;
}

.home-design-gallery .owl-nav {
  margin-top:40px;
}

.padding-top.home-design-gallery {
  padding-top:100px
}


#home-design-gallery .owl-carousel .owl-stage-outer {
  overflow: visible;
}


.content_builder_intro a.button {
  margin-top:1rem;
}

.content_builder_intro a.button.active {
  background:#202020;
  color:#fff;
}


.content_builder_cta h3 {
  font-size: 36px;
  margin-bottom:20px;
}

.content_builder_cta .button {
  margin-top:1rem;
  margin-left: 5px;
  margin-right: 5px;
}






.owl-dots {
  display: none;
}

.nav-side .owl-nav {
  margin-top:20px;
}

/*




.nav-side .owl-nav {
    top: 32%;
transform: translateY(-50%);
position: absolute;
width: 100%;
}


.nav-side .owl-prev {
  left:-63px;
  position: absolute;
}


.nav-side .owl-next {
  right:-63px;
  position: absolute;
}
*/

.insights a {
  text-decoration: none;
}



.content_builder_blog_slider.padding {
  padding-top:80px;
  padding-bottom:80px;
  margin-bottom:80px;
}


.content_builder_blog_slider .post-holder p a.post p {
  font-size: 18px;
  color:#999591;
}

.content_builder_blog_slider .padding-bottom {
  padding-bottom:100px;  
}

.content_builder_offer_slider.padding {
  padding-top:110px;
  padding-bottom:110px;
}




/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;


}


/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}



/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(0,0,0,0.1)
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0;
  padding: 0;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);


  background: #fff;
}


.remodal .container-full {
  background:#fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
  height:100%;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  left: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}



.remodal {
  padding:50px 0;
}

.remodal .floorplan-gallery {
  text-align: center;
}

/*

.remodal .floorplan-gallery img {
    max-width: calc(86vh - 100px );
} */

.floorplan-gallery-options {
  margin-top:0;
  margin-bottom:60px;
}

.single-gh_products .remodal h4 {
  margin-bottom:60px;
}

.floorplan-gallery-options a {
 display: block;
 width: 100%;
 margin: 0 0 30px 0;
 text-decoration: none;
 padding-left: 42px;
 position: relative;
}


.floorplan-gallery-options p {
  color:#999591;
  font-size: 18px;
  margin-top:50px;
  margin-bottom:20px;
}

.remodal .gallery-trigger span {
  transform: translate3d(-50%,-50%,0) rotate(45deg);
}


.remodal .floorplan-gallery img.fp-gallery-image {
   display:none;
    transition: opacity 0.25s ease; 

}


.remodal .floorplan-gallery img.fp-gallery-image.active {
  display:block;
  
}

.remodal .floorplan-gallery-options .fp-gallery-link:hover {
  color:#666;
}

.remodal .floorplan-gallery-options .fp-gallery-link:before {
    border: 1px solid #202020;
  margin-right: 10px;
  position: absolute;
  left:0;
  top: -7px;
  height: 32px;
  width: 32px;
  display: inline-block;
  border-radius: 100%;
  content: '';
  transition: all 250ms ease;
  

  
}

.remodal .floorplan-gallery-options .fp-gallery-link.active:before {
background:#202020;
}

.home-design-facades.why .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.home-design-buttons {
  margin-top:100px;
}


.home-design-facades.why .row {
  width:135%;
}

.home-design-facades .owl-carousel {
  width:62%
}

.home-design-facades.why .why-holder:after {
  left:0;
}



.home-design-facades.why .owl-carousel .owl-stage-outer:before, .home-design-facades.other-display-homes .owl-carousel .owl-stage-outer:before  {
 content: '';
 display: block;
 width: 300%;
 position: absolute;
 left: 0;
 z-index: 3;
 height: 100%;
 background: #fff;
 left: -300%;
}




.home-design-interiors .interior-select {
  list-style: none;
  margin:0;
  padding:0;
}

.home-design-interiors .interior-select li {
    font-size:20px;
    margin-bottom: 15px;
}


.home-design-interiors.padding-bottom {
  padding-bottom:140px;
}


.home-design-interiors .interior-select a {
  color:#999591;
  font-size:18px;
  text-decoration: none;
}

.home-design-interiors .interior-select li.active a {
  color:#202020;
}

.home-design-interiors .interior-select a:hover {
  color:#202020;
}


.home-design-interiors .interior-list {
    position: relative;
}

.home-design-interiors .interior-list p {
    position: absolute;
    bottom: 0;
    padding-right:40px;
}

.home-design-interiors h4, .home-design-ondisplay h4 {
  margin-bottom:100px;
}

.home-design-interiors hr, .home-design-ondisplay hr {
  margin-bottom:30px;
}

.interiors .owl-carousel .owl-stage {
  display: flex;
}

.interiors .owl-carousel .owl-item {
  margin: 0 1px !important;
}
.interiors .owl-carousel .owl-item .item, .interiors .owl-carousel .owl-item .hotspots, .interiors .owl-carousel .owl-item img {
  height: 100%;
  object-fit: cover;
}

.interiors .hotspots {
  position: relative;
  
}


.interiors .hotspot {
  position: absolute;
  z-index: 2;
}


.interiors .hotspot span {
  font-size: 32px;
  color:#202020;
  height:32px;
  width:32px;
  background:#202020;
  border-radius: 100%;
  display: block;
  cursor:pointer;
  text-align: center;
  line-height: 32px;
  margin-top:-20px;
}

.interiors .hotspot span:before {
  content:'+';
  font-size: 30px;
  color:#fff;
}


.interiors .hotspot span .tooltip {
  display: none;
  background: rgba(0,0,0,0.8);
  color: #fff;
  font-size: 15px;
  text-align: center;
  padding: 15px;
  position: absolute;
  bottom: 43px;
  left: 50%;
  transform: translateX(-50%);
  width: 15rem;
  cursor: pointer;
  border-radius: 5px;
  line-height: 1.4;
}

.interiors .hotspot span:hover .tooltip {
  display: block;
}




.interiors .owl-nav {
    position: absolute;


}


/* Initially hide all divs with class starting with 'tab-' */
.interiors div[class^="tab-"] {
    height:0;
    opacity: 0;
    transition: opacity 250ms linear;
    overflow: visible;

}

/* Show the div with 'active' class */
.interiors div[class^="tab-"].active {
   height:100%;
   opacity: 1;
 
}




.display-homes h4 {
  margin-top:30px;
  margin-bottom:0;
}

.single-gh_products .display-homes h4 {
  margin-top:0;

}

.display-homes h3 {
  font-family: "pragmatica", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 24px;
  margin-bottom:20px;
}

p.home-design-location span {
  font-weight:bold;
}

p.home-design-location a {
  color:#999591;
  text-decoration: none;

}

p.home-design-location a:hover {
  color:#202020;
}

.display-homes-details {
 margin-top:100px; 
}

.display-homes .row.padding {
  padding-top:100px;
  padding-bottom:100px;
}


.display-homes .row:last-child hr {
    display: none;
}

.display-homes .padding-top {
  padding-top:100px;
}


.disclaimer p {
  color:#999591;
  font-size: 12px;
}

.home-design-facades h4 {
  margin-top:30px;
}



.other-display-homes h4 {
  margin-top:30px;
  margin-bottom:100px;
}





.home-design-facades.other-display-homes .container > .row:last-child {
  width: 135%;
} 


.town-homes-content h4 {
  margin-bottom:100px;
  margin-top:30px;
}


.home-design-facades.other-display-homes .owl-carousel .owl-stage-outer {
  overflow: visible;
}


#townhomeslider h3, .floorplan h3, h3.floorplan {
  font-family: "pragmatica", sans-serif; 
}

h3.floorplan {
  margin-top:40px;
}

#townhomeslider {
  
}






.other-projects h4 {
  margin-bottom:100px;
  margin-top:30px;
}



.townhome-listings {
  overflow: scroll;
}

.townhome-listings .product-holder {
  margin-bottom:30px;
}


.townhome-map-filter {
  float:left;
}

.townhome-map-filter button {
  margin:0 5px 20px 0;
}


.townhome-map-filter button.active {
  color:#fff;
  background:#000;
}


.townhome-map-toggle {
color: #202020;
font-size: 24px;
float: right;
position: relative;
top: 9px;
}

.townhome-map-toggle a {
  text-decoration: none;
  color:#999591;
}

.townhome-map-toggle a.active, .townhome-map-toggle a:hover {
  color:#202020;
}


    #hiddenDiv {

        transform: translateY(0); /* Initially at the top */
        transition: transform 0.3s ease-in-out; /* Add a smooth transition */
    }


.content_builder_testimonial_block h3 {
  font-size: 36px;
  margin-bottom:40px;
}

.content_builder_testimonial_block p {
  font-size: 18px;
  color:#999591;
}


.section-line h4 {
  margin-bottom:80px;
}

.section-line hr {
  margin-bottom:30px;
}

.two-colum-layout h2, .design-stories-archive h2  {
  font-family: "pragmatica", sans-serif; 
  font-size: 24px;
  margin-bottom:20px; 
}

.content_builder_design_stories_slider .post {
  text-decoration: none;
  margin-bottom:30px;
  display: block;
}


.content_builder_design_stories_slider .post h3 {
  font-family: "pragmatica", sans-serif; 
  font-size: 24px;
  margin-bottom:15px;
  margin-top:20px;
}

.design-stories-archive .button {
  margin-top:100px;
}

.design-stories-archive .padding-top {
  padding-top:100px;
}

.design-stories-archive.padding-bottom {
  padding-bottom:100px;
}

.category-filter a, .blog-category-filter a  {
  margin-right:16px;
}




.content_builder_text_gallery .owl-nav {
    position: absolute;
    left: -51%;
   
}

.content_builder_gallery_text .owl-nav  {
  left:0;
}

.content_builder_timeline_slider.wide .row {
  width:135%;
}

.content_builder_timeline_slider.wide .container .owl-carousel .owl-item {
    max-width: 70%;
}

.content_builder_timeline_slider.wide .container .owl-carousel .owl-item:last-child {
 width:10px!important;
}


.content_builder_text_gallery .button {
  margin-top:1rem;
  margin-right:0.5rem;
}


.show-lines hr {
  margin-bottom:30px;
}

.hide {
  opacity: 0;
  min-height:43vw;
}

.hide.fade {
  opacity: 1;
} 


.hide section:last-child hr {
  display: none;
}

.hide section:last-child .row.padding-bottom {
  padding-bottom:0;
}


.home-designs-slider .col-sm-6 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}



.content_builder_full_image .image-holder .button {
 position: absolute;
 right:0;
 bottom:0;
}

.content_builder_full_image .image-holder {
  position: relative;
  line-height: 0;
}


.content_builder_full_image .image-holder:before {
  content:'';
  display: block;
  width:100%;
  height:40%;
  position: absolute;
  bottom:0;
  z-index: 1;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.78) 100%);
}

.content_builder_full_image .inner {
  position: absolute;
  bottom:50px;
  width:100%;
  z-index: 2;
}

.content_builder_full_image h3, .content_builder_full_image p {
  color:#fff;
  font-family: "pragmatica", sans-serif; 
  font-size: 22px;
}

.content_builder_full_image h3 {
  font-size: 30px;
  margin-bottom:20px;
}

.content_builder_full_image .title_holder {
  position: relative;
}

.content_builder_full_image .title_holder p {
  max-width:700px;
}

.insights a.post {
  margin-bottom:100px;
  display: block;
  position: relative;
}

.insights .load-more {
  margin-top:30px;
  margin-bottom:50px;
}

.insights a.post h3 {
  font-family: "pragmatica", sans-serif; 
  font-size: 24px;
  margin-top:20px;
  margin-bottom:20px;
}



.row.listing a.post {
  
}

.single-post .banner {
  margin-bottom:80px;
}





/* Form Styles  */


.hbspt-form fieldset.form-columns-2 .input {
  margin-right:30px!important;

}

.hbspt-form fieldset.form-columns-2 .input {
  width: 100%!important;
}

.hbspt-form fieldset.form-columns-2 .input {
  
}

.hbspt-form fieldset.form-columns-1 .field, .hbspt-form fieldset.form-columns-2 .field, .hbspt-form .field{
  margin-bottom:30px!important;
}



.hbspt-form fieldset.form-columns-1 .input {
  max-width: 860px;
  width: 100%!important;
  
}

.hbspt-form fieldset.form-columns-2 .field {
  width: 48%!important;
}


.hbspt-form fieldset.form-columns-2 .field:nth-child(2) {
  float:right;
}


.hs-fieldtype-select .input {
  position: relative;
}



.hbspt-form fieldset label, .hbspt-form label  {
  display: inline-block;
  margin-bottom:5px!important;
}




.hbspt-form fieldset .inputs-list {
  list-style: none;
}


.hbspt-form input {  
  color:#202020!important;
}

.hbspt-form input.hs-input:not([type="checkbox"]):not([type="radio"]) {
    border-radius: 20px;
    border: 1px solid #202020;
    padding: 11px 15px;
    width: 100%!important;
}

.hbspt-form input[type="checkbox"], .hbspt-form input[type="radio"] {
 width: 20px!important;
 height: 20px;
 border-radius: 50%;
 border: 1px solid #202020;
 outline: none;
 transition: border-color 0.3s;
 appearance: none;
 display: inline-block;
 position: relative;
 top: 4px;
 margin: 0 10px 0 0;
}


footer .legal-consent-container {
  margin-top:10px;
}


.hbspt-form input[type="checkbox"]:checked {
  background:#202020;
}


footer .hbspt-form input[type="checkbox"], footer .hbspt-form input[type="radio"] {
  border-color:#fff;
}

footer .hbspt-form input[type="checkbox"]:checked, footer .hbspt-form input[type="radio"]:checked {
  background-color:#fff;
} 

footer .hbspt-form .hs-button {
  border:1px solid #fff!important 
}

footer .hbspt-form .input {
  margin-top:5px;
  margin-bottom:10px;
}

footer .hbspt-form .hs-button:hover {
  color:#202020!important;
  background-color:#fff!important;
}

.hbspt-form .legal-consent-container .hs-form-booleancheckbox-display>span, .hbspt-form textarea {
    width: 100%!important;
}


.hbspt-form textarea {
  border: 1px solid #202020;
  border-radius: 20px;
  min-height:150px;
  color:#202020;
  padding:10px 15px;
}

.hbspt-form .legal-consent-container .hs-form-booleancheckbox-display p {
    margin: 0;
    display: inline;
    line-height: 30px!important;
}

.hbspt-form .hs-button {
    height:40px!important;
    line-height:40px!important;
    text-transform: none!important;
    font-weight: 400!important;
    font-size: 14px!important;
    padding:0 20px!important;
    border:1px solid #202020!important;
    display: inline-block!important;
    border-radius: 30px!important;
    box-shadow:none!important;
    cursor: pointer!important;
    text-decoration: none!important;
    background:#202020!important;
    color:#fff!important;
}


.hbspt-form .hs-button:hover {
  color:#202020!important;
  background: transparent!important;
}



.hs-error-msgs label {
  color:#f44336;
  display: inline-block;
  margin-top:5px;
  font-size: 12px!important;
}

footer .hs-error-msgs label {
  margin-top:-5px;
}

.hs-fieldtype-select select {
  appearance:none;
  border-radius: 20px;
  border: 1px solid #202020;
  padding: 11px 15px;
  width: 100%!important;
}

.hs-fieldtype-select .input:after {
  content: '\f078';
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}




header.menu-light:not(.scrolling) .logo {
  background-image: url(../images/logo-alt.svg);
}

header.menu-light:not(.scrolling) * {
  color: #fff;
}

header.menu-light:not(.scrolling) ul li a.button {
  border-color: #fff;
}

header.menu-light:not(.scrolling) ul li a.button:hover {
  background:#fff;
  color:#202020;
}

header.menu-light:not(.scrolling) img.menu-trigger {
  filter: invert(100%) brightness(200%);
}


header.menu-light:not(.scrolling) ul li.home-designs a:after { 
  background-image:url('../images/ico_oval-alt-white.svg');
 
}

header.menu-light:not(.scrolling) ul li.bespoke-homes a:after { 
background-image:url('../images/ico_square-alt-white.svg');

}

header.menu-light:not(.scrolling) ul li.townhomes a:after { 
  background-image:url('../images/ico_triangle-alt-white.svg');

}


.remodal-overlay {
    background: rgba(0,0,0,0.5);

}

.remodal.modal-forms {
  background: transparent;
  overflow: scroll;
  padding: 20px 0 20px 0;
}

.remodal.modal-forms .inner {
  max-width:600px;
  margin:auto;

}

.remodal.modal-forms .form-title h4 {
  margin-bottom:30px;
  margin-top:20px
}

.remodal.modal-forms .form-title h3 {
  margin-bottom:30px;

}

.remodal.modal-forms .hbspt-form {
  padding-top:30px;
}


.remodal.modal-forms section {
  background:#fff;
  padding:50px 30px;
  position: relative;
}

.remodal .gallery-trigger {
    top: 20px;
    right: 20px;
}

.hbspt-form fieldset .inputs-list li {
  width:auto!important;
  display: inline-block!important;
  margin-right:15px!important;
}




.content_builder_wide_content_area h2 {
  margin-bottom:20px;
  margin-top:40px;
}


.content_builder_wide_content_area ul, .content_builder_wide_content_area ol, .content_builder_intro ul, .content_builder_intro ol  {
margin:0 0 2rem 1rem;
}


.content_builder_wide_content_area li, .content_builder_intro li {
  margin:10px 0;
}



.content_builder_wide_content_area h3, .content_builder_intro h3 {
  margin-bottom:20px;
}



.content_builder_wide_content_area h4, .content_builder_intro h4 {
  margin-top:40px;
  margin-bottom:20px;
}



.remodal.modal-forms.share {
  display: flex;
}


.remodal.modal-forms.share .inner {
  width:300px;
}


.remodal.modal-forms.share h4 {
  margin-bottom:20px;
}

.remodal.modal-forms.share h3 {
  margin-bottom:30px;
}

.remodal.modal-forms.share p {
  margin-bottom:40px;
  font-size: 16px;
}

.remodal.modal-forms.share .social-sharing a {
  min-width:130px;
}

.remodal.modal-forms.share .social-sharing p {
  margin:0 0 20px 0;
}


.remodal.modal-forms.share .social-sharing a i {
  font-size: 16px;
  margin:0 10px 0 0;
}

.row.map-listing {
  margin-top:30px;
}

    /* Move these styles to the preferred CSS place */
div#townhomes-map {height: 700px ; width: 900px;}
.disable-scrollbars::-webkit-scrollbar {
    background: transparent; /* Chrome/Safari/Webkit */
    width: 0px;
}
.disable-scrollbars {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
}


div#townhomes-map {
  width:100%!important;
  height:724px!important;
}




.tabs .tab {
    display: none;
}

.tabs .tab.active {
    display: block;
}







/* Compare stuff */


.slider-select.mobile {
  display: none;
}

 .slider-select .select-wrapper {
position: relative;
margin-right: 0;
margin-bottom: 0;
display: inline-block;
min-width: 160px;
}

.slider-select select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
text-transform: none;
font-weight: 400;
font-size: 14px;
padding: 0 20px;
border: 1px solid #202020;
display: inline-block;
border-radius: 30px;
text-align: left;
height: 40px;
width: 100%;
}

.slider-select .select-wrapper:after {
content: '\f078';
font-family: "Font Awesome 6 Pro";
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
pointer-events: none;
}

.slider-select {
margin-bottom: 30px;
margin-top: 0;
}

.img-comp-container {
position: relative;
height: auto;
max-width: 100%;
width: 100%;
left: 50%;
transform: translateX(-50%);
}

.img-comp-responsive {
height: 0;
width: 100%;
padding-bottom: 62.5%;
}

.img-comp-img {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden
}

.img-comp-img img {
display: block;
vertical-align: middle;
width: auto;
height: 100%;
max-width: initial;
}

.img-comp-overlay {
width: 50%;
}

.img-comp-slider {
position: absolute;
z-index: 9;
cursor: ew-resize;
width: 40px;
height: 40px;
border-radius: 50%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block;
background: #fff;
border: 1px solid #020202;
line-height: 40px;
text-align: center;
font-size: 20px;
}

.img-comp-slider i {
  font-weight: 300;
}

.img-comp-overlay {
border-right: 2px solid #fff;
}

.img-comp-container .slider-bathroom {
display: none;
}

.gallery-text.owl-carousel .owl-item {
  opacity: 0;
}

.gallery-text.owl-carousel .owl-item.active {
  opacity: 1;
}


.content_builder_home_designs_slider .owl-carousel .owl-stage {
  display: flex;

}

.content_builder_home_designs_slider .product-holder .button {
  bottom:0;
}

.content_builder_home_designs_slider .owl-item {
  flex: 1;
  display: flex;
  align-items: stretch;
  background: #efefef;

  
}


.button.no-hover:hover {
  background:#fff!important;
  color:#202020!important;
  /* cursor: */
}


.button.clear.white.no-hover {
  background:#fff!important;
  color:#202020!important;
  cursor:text;
}



.townhomes-nav {
    width: 40px;
    position: absolute;
    top: 0;
    right: -44px;
}

.townhomes-nav a {
  display: block;
  width:40px;
  height:40px;
  position: relative;
  text-decoration: none;
  margin-bottom:10px;
}

.townhomes-nav a:before {
   font-family: "Font Awesome 6 Pro";
      content: '\f062';
      font-weight: 300;
      display: block;
      height: 40px;
      line-height: 40px;
      text-align: center;
      width: 40px;
      font-size: 40px;
      border-radius: 100%;
      background: transparent;
      color: #202020;
      border: 1px solid #202020;
      font-size: 18px;
  
}

.townhomes-nav a.townhomes-nav-next:before {
  content:'\f063';
}

.townhomes-nav a:hover:before {
  color:#fff;
  background:#202020;
}

div.infobox { display: none; height: 150px; width:360px; margin: 0; padding: 0; position: absolute;}
div.infobox div.image-holder { height: 150px; width:180px; margin: 0; padding: 0; float: left; }
div.infobox div.content-holder { height: 150px; width:180px; margin: 0; padding: 0; float: left;}









.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}

.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
  margin: auto;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  position: relative;
  zoom: 1;

}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
    width: 100%;
    position: absolute;
    bottom: 27px;
    height: 53px;
    display: block;
    text-align: right;
    z-index: 10;
}

.flex-direction-nav li {
  display: inline-block;
  width: 53px!important;
  height: 53px !important;
  margin-right:30px;
}

.flex-direction-nav li.flex-nav-prev {
  margin-right:10px;
}






.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 53px!important;
  height: 53px !important;
  line-height: 51px!important;
  z-index: 10;
  padding:0!important;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  color:#d7cb3a!important;
  border-color:#d7cb3a!important;
}

.flex-direction-nav a:hover {
  color:#000!important;
  border-color:#d7cb3a!important;
  background:#d7cb3a!important;
}

.flex-direction-nav a:before {
  font-family: "fontAwesome";
  font-size: 40px;
  display: inline-block;
  content: '\f104';
  
 } 
.flex-direction-nav a.flex-next:before {
  content: '\f105';
}


.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}


.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 20%;
  float: left;
  margin: 0;
  padding:15px;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}








/* NEW TOWNHOMES MAP STYLING */

.post-type-archive-gh_townhomes .content_builder_cta .animated {
  -webkit-animation-play-state: running;
   animation-play-state: running;
}

.post-type-archive-gh_townhomes #tab-2 .row.map-listing .col-xs-12 {
  margin-bottom:30px;
}

.post-type-archive-gh_townhomes #tab-2 .row.map-listing .design-product {
  background:#efefef;
  min-height:100%;
}

.post-type-archive-gh_townhomes #tab-2 .row.map-listing .product-holder {
  padding-bottom:0;
}

.townhome-listings .product-holder {
  padding-bottom:0;
}

.single-gh_townhomes .image-holder {
  width:100%!important;
}


.single-gh_townhomes .product-holder li figure {
  margin: 0;
  width:50px;
  text-align: center;
}

.single-gh_townhomes .product-holder li {
  font-size: 14px;
}



#banners {
  margin:0;
  overflow: hidden;
  
  }
  
  #banners.flexslider ul.slides li {
    height: calc(100vh - 70px);
  max-height: 70vh;
  }
  
#banners.flexslider .slides > li {
 /* height:700px;
  max-height: 700px;
  min-height: 550px;*/
  background-size:cover;
  background-position: center;
}
  

#banners .flex-control-nav, #banners .flex-control-paging, #banners .flex-direction-nav {
  display: none;
}



.gm-style .gm-style-iw-d {
  line-height: 0;
}

.gm-style .gm-style-iw-d .ib-content-holder a {
  text-decoration: none;
}
.gm-style .gm-style-iw-d .ib-content-holder {
  line-height: initial;
  padding:15px;
}

.gm-style .gm-style-iw-d .ib-content-holder h3 {
  font-family: "pragmatica", sans-serif;
  margin-bottom:15px;
  line-height:1;
}


.gm-style .gm-style-iw-d .ib-content-holder h3 a {
  text-decoration: none;
}

.gm-style .gm-style-iw-d .ib-content-holder li figure {
    margin: 0;
  min-width: auto;
  text-align: center;
  margin-right: 7px;
}

.gm-style .gm-style-iw-d .ib-content-holder ul {
list-style: none;
margin: 0;
padding: 0;
   margin-top: 55px;
}

.gm-style .gm-style-iw-d .ib-content-holder img.ico-bed {
 top: -3px;
}


.gm-style .gm-style-iw-c {
  box-shadow:none;
}

.gm-style .gm-style-iw-d .ib-content-holder img.ico-bath {
 top: -3px;
 width: 15px;
}

.gm-style .gm-style-iw-d .ib-content-holder li em {
  display: none;
}




.gm-style .gm-style-iw-d .ib-content-holder li {
    width: auto;
    min-width: auto;
    margin-right: 15px;
    display: flex;
    flex-wrap: wrap;
    float: left;
 
}

.gm-ui-hover-effect  { 
  top: 0px!important;
right: -3px!important;
position: absolute!important;
}

.gm-style-iw-ch {
  padding-top:0!important;
}

.gm-style .gm-style-iw-d > div {
    display: flex;
    flex-wrap: wrap;
    max-width: 240px;
}

.gm-style .gm-style-iw-d .ib-image-holder {
  width: 100%;
  max-width:100%;
  overflow: hidden;

}

.gm-style .gm-style-iw-d .ib-content-holder {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.gm-style .gm-style-iw-d .ib-image-holder img {
 object-fit: cover;
 height:100%;
 }
 
 
 
 
 
 
 
 
 
 
 .post-type-archive-gh_townhomes .product-holder .button {
     position: absolute;
     bottom: 0;
 }
 
 
 
 
 
 
 
 
 
 
 

 
#townhome-listings .product-holder .button {
   position: initial;
   margin-top:15px;
 }
 
 
 
 
 .post-type-archive-house_land .design-product:nth-child(even) {
   animation-delay: 0s;
 }
 

.house-land-product .product-holder ul {
  min-width:156px;
  font-size: 14px;
}

.design-product a.not-button {
  width:auto;
  display: inline;
}

.design-product a.not-button:hover {
  opacity: 0.5;
}

/* Styling for Suburbs/Estates as-you-type suggestions */
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
  margin-right:20px;
}

input[type="search"]::-webkit-search-cancel-button {
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%);
}

.autocomplete-items {
    position: absolute;
border: 1px solid #000;
/* border-top: none; */
z-index: 99;
top: calc(100% + 10px);
left: 0;
right: 0;
border-radius: 20px;
overflow: hidden;
}
.autocomplete-items div {
    padding: 8px 20px;
cursor: pointer;
background-color: #fff;
font-size: 14px;

}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: #e9e9e9 !important;
  color: #ffffff;
}




.listing-house-land a.load-more-house-land {
  margin-top:30px;
}





/* NEW MODAL WINDOW */

.remodal.new-modal img {
  max-height:calc(100vh - 100px);
  width:auto;
}

.remodal.new-modal p {
  margin-top:10px;
}

#timeline .gallery-trigger, #home-design-gallery .gallery-trigger {
  top: 25px;
  opacity: 0;
  transition:all 250ms ease;
  background: #000;
  color:#fff!important;
}

#timeline .gallery-trigger span:before, #timeline .gallery-trigger span:after,
#home-design-gallery .gallery-trigger span:before, #home-design-gallery .gallery-trigger span:after  {
  background:#fff!important;
}

#timeline a:hover .gallery-trigger, #home-design-gallery a:hover .gallery-trigger {
  opacity: 1;
  top: 15px;
}


 #home-design-gallery .gallery-trigger {
   top:35px;
 }
 
 
 
#timeline .gallery-trigger:hover span:before, #home-design-gallery .gallery-trigger:hover span:before {
   transform: translate3d(-50%, -50%, 0) rotate(0);
 }
 
 #timeline .gallery-trigger:hover span:after, #home-design-gallery .gallery-trigger:hover span:after {
   transform: translate3d(-50%, -50%, 0) rotate(0);
 }
 

#home-design-gallery a:hover .gallery-trigger {
  top: 25px;
}







/* Greenfields Home Designs */
    
    
    .post-type-archive-gh_products .image-holder {
      position: relative;
      width: 100%;
      padding-top: 66.7%; /* Maintain 1706x1138 ratio */
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
    }
    
    
    .home-design-tabs .tab-content {
      display: none;
    }
    .home-design-tabs .tab-content.active {
      display: block;
    }
    
    .home-design-tabs-item span {
     font-weight: bold;
     border-bottom: 4px solid transparent;
     display: inline-block;
     padding-bottom: 2px;
     cursor:pointer;
     font-size: 18px;
    }
    
    
    .home-design-tabs-item.active span {
    
      border-bottom:4px solid #000;
    }
    
    .home-design-tabs-nav {
      color:#000;
      border-bottom:1px solid #C3C3C3;
    }
    
    .home-design-tabs-item {
      display: inline-block;
      margin-right:7px;
      font-size: 16px;
    }
    
    
    .home-design-tabs-nav, .home-design-tabs {
      margin-left:15%;
    }
    
    
    .product-holder ul {
        float: left;
        margin-top: 17px;
        font-size: 16px;
    }
    .product-holder li {
      margin-bottom:10px;
    }
    
    .product-holder li figure {
        margin: 0 10px 0 0;
        min-width: 24px;
        text-align: center;
        width: auto !important;
    }
    
    .ico-long {
      width: 22px;
      height: 24px;
      display: inline-block !important;
      position: relative;
      top: 1px;
    }


   .region-title {
     max-width:100%;
     min-height:100%;
     padding-bottom:20px;
     border-bottom: 5px solid transparent;
     
   }
   
   
   .region-section.active .region-title{ 
     border-bottom: 5px solid #000;
   }
   
   
   /*

.container.build-in {
  display: none;
}

.logged-in .container.build-in {
  display: block;
}*/


.home-designs#filter hr {
  margin:0 0 30px;
}

.home-designs#filter h4 {
 display: inline-block;
 min-width: 180px;
 margin-top: 0;
 margin-bottom: 0;
  
}

.home-designs-filer {
  display: block;
  margin-top:30px
}

.region-categories-holder {
  display: inline-block;
}

.region-categories {
  display: flex;
}


.region-section {
  position:relative;

 
   cursor:pointer;
   
 }
 
 
 
 
 .single-home-tabs .ico-long {
   top:6px;
 }
 
 
 .single-home-tabs .ico-lot-width {
   width: 22px;
   top: 7px;
   position: relative;
 }

 
.single-home-tabs .ico-lot-length {
     width: 20px;
     top: 8px;
     position: relative;
 }
  
  .single-home-tabs .home-design-tabs-item span {
    padding-bottom: 15px;
  }
  
  .single-home-tabs .product-specifications li figure {
      display: inline-block;
      margin-right: 6px;
      min-width: 0;
      text-align: left;
      margin-bottom: 0;
  }
  
  
  
  .single-gh_products .home-design-tabs-nav, .single-gh_products .home-design-tabs {
    margin-left:0;
    max-width: 400px;
  }
  
  .single-gh_products .floorplan .product-specifications {
    margin-top:30px;
  }
  
  .single-gh_products .home-design-tabs {
    margin-top:15px;
  }

  
  .single-gh_products .product-specifications li figure {
    margin-right:7px;
  }
  
  
  .single-gh_products .home-design-tabs-nav {
     margin-top: 50px;
     max-width: 411px;
   }
   
 
   
   .single-gh_products .remodal .show-bottom {
     position: absolute;
     bottom:0;
   }
   
   
   .single-gh_products .remodal .home-design-tabs-nav {
     margin-top:0;
     margin-bottom:100px;
     max-width: 100%;
   }
   
   .single-gh_products .floorplan-gallery {
     position: relative;
     width: 100%;
     padding-top: 75.2%; /* 1000px / 752px aspect ratio */
   }
   
   .single-gh_products .remodal .floorplan-gallery {
     padding-top:0;
   }
   
      
    .single-gh_products .remodal .floorplan-gallery.options {
      position: relative;
      width: 100%;
   padding-top: 75.2vh; /* 1000px / 752px aspect ratio */
    }
   
   .single-gh_products .floorplan-main-image {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     display: none;
   }
   
   .single-gh_products .floorplan-main-image.active {
     display: block;
   }


@media only screen and (max-width: 1330px) {
    .home-designs#filter h4 {
      min-width: 130px;
    }
    
    .home-designs-filer .select-wrapper {
        margin-right: 10px;
        min-width: 150px;
    }
    
    .region-section:last-child {
    margin-right:0;
    }
}

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

    
    .home-designs#filter h4 {
    margin-bottom:20px;
    }
    
 
   
  .home-designs-filer .select-wrapper {
      margin-right: 10px;
      min-width: 170px;
      margin-bottom: 15px;
  }
    
  
    .home-designs#filter h4 {
    margin-bottom: 15px;
    display: block;
    width:100%;
    }


}

@media only screen and (max-width: 991px) {
  
 
 .home-design-tabs-nav, .home-design-tabs {
     margin-left: 0;
 }
 
 .home-design-tabs-nav {
   margin-bottom:20px;
   margin-top:10px;
 }
 
 .single-gh_products .home-design-tabs-nav {
   max-width: 100%;
 }
 

 
 .single-gh_products .content_builder_intro li  {
   margin:5px 20px 5px 0;
 }
 
 .single-gh_products .remodal .home-design-tabs-nav {
     margin-top: 0;
     margin-bottom: 80px;
     max-width: 100%;
 }
 
 .single-gh_products .remodal h4 {
     margin-bottom: 0;
 }
 
 .single-gh_products .remodal .floorplan-gallery {
 margin-bottom: 40px;
 }
  
}


@media only screen and (max-width: 767px) {
  
  .single-home-tabs .product-specifications li figure {
  margin-right:10px;
    min-width: 30px;
    text-align: center;
  }
  
  .single-home-tabs .product-specifications img.ico-size {
      width: 24px;
      height: 20px;
      display: inline-block !important;
  }
  
  .single-gh_products .intro .product-specifications img.ico-wide {
      position: relative;
      top: 2px;
      height: 26px;
      width: 26px;
  }
  
  .single-home-tabs .ico-long {
      top: 1px;
  }
  
  .single-home-tabs .ico-lot-width {
      width: 22px;
      top: 2px;
      position: relative;
  }
  
  .single-home-tabs .ico-lot-length {
      width: 20px;
      top: 2px;
      position: relative;
  }
  
  .single-gh_products .mobile-border { 
  margin-top: 40px;
  border-bottom: 1px solid #C3C3C3;
}
  .single-gh_products .intro .product-specifications {
    margin-top:10px;
  }
  
  
  .single-gh_products .padding-bottom.home-design-gallery {
    padding-bottom:100px;
  }
  
  .single-gh_products .intro .home-design-tabs-nav {
     margin-top: 50px;
     max-width: 250px;
   }
   
   
   .single-gh_products .mobile-border {
     max-width: 100%;
   }
   
   
  .single-gh_products #floorplan .home-design-tabs-nav {
    margin-top:0;
  }
  
  .single-gh_products .floorplan .product-specifications {
    margin-top:0;
  }
  
  #floorplan .floorplan-gallery {
    margin-top:40px;
  }


}




@media only screen and (max-width: 500px) {
    .region-title {
      font-size: 13px;
      padding-bottom:20px;
    }
    

    
}






.content_builder_timeline_slider h4 {
    margin-top:30px;

}