.hero {
	background:url('img/v2/bg-hero.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	aspect-ratio: 1920 / 1435;
	padding-top:80px;
}

.nunito {
font-family: "Nunito";
}

.c1600 {
	max-width:1600px!important;
	margin:auto!important;
	padding-left:20px;
	padding-right:20px;
}

.c1400 {
	max-width:1400px!important;
	margin:auto!important;
	padding-left:20px;
	padding-right:20px;
}

.herocaption {
width:32vw;
position:absolute;
right:4vw;
top:8vw;
color:white;
}

.herocaption h1 {
    color: white;
	line-height:3.4vw;
    letter-spacing: 0.2vw;
	margin-bottom:1vw;
}

.purple {
color:#8b03fe
}
.orange {
color: #ff8f12;
}
.pink {
color:#ed218a;
}


.herocaption h1 span {
font-size:3vw;
font-weight:700;
display:inline-block
}

.herocaption p{
font-size:1.15vw;
}

.h1firstline {
	display:block;
	    font-size: 2vw!important;
    font-weight: 400!important;
}

@media (max-width:767.98px) {
	.herocaption p {
		display:none;
	}
	
	.herocaption h1 {
    line-height: 2.4vw;
}

.herocaption {
        top: 3vw;
        width: 48vw;
    }

.h1firstline {
    font-size: 3vw !important;
}

.herocaption h1 {
        line-height: 0.7;
}

.hero {
        margin-top: 60px;
    }

.herocaption h1 span {
    font-size: 5.5vw;
}

    .herocaptionmobile {
        padding: 6vw;
        font-size: 3.63vw;
        text-align: center;
    }
}


@media (max-width:550.98px) {
	.herocaption h1 {
        line-height: 0.55;
}
}









.siteprogress {
background:url('img/v2/bg-siteprogress.jpg');
background-repeat:no-repeat;
background-size:contain;
background-position:right center;
}

.titlesiteprogress {
width:800px;
margin-bottom:40px;
}

.siteprogresscaption p {
font-weight:300;
font-size:20px;
color:#683b8b;
}

.siteprogressimage {
box-shadow: 10px 10px 0px 0px rgba(237,34,138,1);
-webkit-box-shadow: 10px 10px 0px 0px rgba(237,34,138,1);
-moz-box-shadow: 10px 10px 0px 0px rgba(237,34,138,1);
}

.title-sukawhatyousee {
    width: 33vw;
    margin-top: 1vw!important;
    margin-bottom: 2vw;
}

.registrationsection {
	background:url('img/v2/bg-registration.jpg');
	background-size: auto 100%;       /* Fit height, auto width */
  background-position: left center; /* Align left and center vertically */
  background-repeat: no-repeat;     /* Prevent tiling */
}

@media (max-width:1440px) {
	.dreamhomecontainer {
	padding-top:40px;
}
	.dreamhomecontainer img {
width:27vw;
margin-bottom:20px;
}
}

 @media (max-width:1240px) {
	 .dreamhomecontainer {
		 max-width:48vw;
	 }
	 .dreamhomecontainer p {
		 font-size:1.2vw;
	 }
 }
/*END DREAM HOME */

@media (max-width:1919.98px) {
	.themodel {
  left: -22.5vw!important;
}
}

@media (min-width: 1920px) {
  .intro {
    width: 1075px;
    padding: 38.4px 159.36px;
  }
}

@media (min-width: 1921px) {
  .themodel {
	  display:none;
  }
}

@media (max-width:767.98px) {
.intro {
	width:75vw;
}

.hero {
	padding-top:0;
}

.themodel {
width:31vw;
left:-30.5vw!important;
}

.intro p {
    font-size: 3vw;
}

.gallery {
aspect-ratio: 750 / 1350;

width:100%;
background:url('img/v2/bg-gallery-mobile.jpg');
background-repeat:no-repeat;
background-position:bottom center;
background-size:100%;
}

.gallery-title {
	width:65vw;
}

.titlegallery {
	width:25vw;
}

.custom-prev img {
	width:10px;
}

.custom-next img {
	width:10px;
}

.theslidernavigation a {
	font-size:20px;
}

.slick-dots li button:before {
    font-size: 12px;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.dreamhomecontainer img {
        width: 44vw;
    }
	
	    .dreamhomecontainer {
        padding-top: 5vw;
    }
	
	.dreamhomemobile {
	background:#e8e8e8;
	font-size:3.6vw;
	text-align:center;
	}
	
	    .titletypeA {
        width: 48vw;
        padding-right: 7vw;
        margin-bottom: 0;
    }


	
	.title1000sq {
		width:23vw;
	}
	
		    .titletypeB {
        width: 48vw;
        padding-right: 7vw;
        margin-bottom: 0;
    }


	
	.title550sq {
		width:30vw;
	}
	
	.siteprogressimage {	
	box-shadow: 0px 10px 0px 0px rgba(237,34,138,0.75);
-webkit-box-shadow: 0px 10px 0px 0px rgba(237,34,138,0.75);
-moz-box-shadow: 0px 10px 0px 0px rgba(237,34,138,0.75);
	}
	
	.titlesiteprogress {
    width: 72vw;
    margin-bottom: 15px;
}

.siteprogresscaption p
 {
    font-size: 14px;
	
}

.registrationsection {
	background:url('img/bg-form-1-mobile.png');
	        background-size: auto 60%;
        background-position: left top;
        background-repeat: no-repeat;
}

.dropyourdetailsjemobile {
	position:relative;
	z-index:-1;
}
}



.title-masterandlayoutplan {
position:absolute;width:600px;top:0;z-index:1;
}

#v-tabs {
margin-top:320px;
}

/* NAV BUTTON STYLES */
.nav-column .btn-level {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 6px 24px;
  font-size: 34px;
  display: inline-block;
  border-radius: 50px;
  transition: all 0.2s ease;
  text-align: center;
  border: none;
  background-color: #fff;
  cursor:pointer;
}

/* LEVEL COLORS */
.level-1-tab {
  color: #05cfad;
}
.level-1-tab.active {
  background-color: #05cfad;
  color: #fff;
}

.level-2-tab {
  color: #ed168c;
}
.level-2-tab.active {
  background-color: #ed168c;
  color: #fff;
}

.level-3-tab {
  color: #ff8f12;
}
.level-3-tab.active {
  background-color: #ff8f12;
  color: #fff;
}

/* SPEC BUTTON */
.btn-specs {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  border-radius: 50px;
  background: #7529e0;
  padding: 6px 30px;
  font-size: 18px;
  text-decoration: none;
}

/* IMAGE RESPONSIVENESS */
.tab-column img {
  max-width: 100%;
  height: auto;
}

.legend {
	padding-left:24px;
	font-weight:600;
	font-size:18px;
}

.legend h4 {
	color:#000;
	border-bottom:1px solid #000;
	padding-bottom:10px;
	font-weight:700;
}

.thelegend {
display:inline-block;
border:1px solid #000;
height:25px;
width:70px;
}

.arrownorth {
padding-left:24px;
margin-top:60px;
margin-bottom:60px;
}

@media (max-width:1440px) {
.title-masterandlayoutplan {
    position: absolute;
    width: 37vw;
    top: 0;
    z-index: 1;
}

.nav-column .btn-level {
    padding: 0px 24px;
    font-size: 27px;
}

#v-tabs {
    margin-top: 240px;
}

.legend {
    font-size: 15px;
}

.thelegend {
    height: 20px;
    width: 54px;
}

.arrownorth {
    margin-top: 71px;
    margin-bottom: 24px;
    width: 65px;
}
}

@media (max-width:767.98px) {
.title-masterandlayoutplan
 {
    position: relative;
    width: 40vw;
    top: 0;
    z-index: 1;
}
#v-tabs {
    margin-top: 5vw;
}
.nav-column .btn-level {
    letter-spacing: 2px;
    padding: 0vw 2vw;
    font-size: 3vw;
    border-radius: 5px;
}

.tab-content {
margin-top:-23vw;
position:relative;
z-index:-1;
}

.btn-specs {
    border-radius: 5px;
    padding: 1vw 3vw;
    font-size: 3vw;
}

.masterlayoutplantopright {
position:absolute;
right:0;
top:-38vw;
}

.arrownorth {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.legend {
    padding-left: 0;
    font-size: 2.2vw;
}

.legend h4 {
    color: #000;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 1vw;
    font-weight: 700;
    font-size: 2.2vw;
}

.thelegend {
    height: 3vw;
    width: 9vw;
}

    .arrownorth {
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        width: 6vw!important;
		margin-right:6vw;
    }
	
	.siteprogress {
    background-position: right -8vw bottom;
}

.siteprogresscaption p {
        font-size: 10px;
        margin-top: 0 !important;
    }
}