/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@font-face {
	font-family: "nolan";
	src:
	  url("fonts/nolan.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@media screen {
    body {
      font-weight:500;
      letter-spacing:0.01em;
      color:#f0563a;
	  color:#222;
      background-color: #f1dfd9;
	  font-family: "nolan", sans-serif;
    }

    h1,h2,h3,h4,h5,h6{
		font-family: "nolan", sans-serif;
		font-weight: 400;
	}

    h1,h2,h3,h4,h5,p,a {
        color:inherit;
    }

    .site_maxwidth {
		background-color: #f1dfd9;
    }

	#fairland_bar {
		display: none;
	}

    #fairland_bar .logo {
		filter:grayscale(1);
		opacity:0.6;
	}

    .box_button {
      display:inline-flex;
      padding:12px 16px;
      background-color:#f0563a;
      color:#fff;
      font-size:1em;
      line-height:110%;
      font-weight:700;
      text-decoration:none;
      border-radius: 10px;
    }

    .box_button.white {
		background-color:#f0efea;
		color:#f0563a;
	}
	
	.box_button.grey {
		background-color:#e2ddc7;
		color:#f0563a;
	}
	
	.box_button.yellow {
		background-color:#f0563a;
		color:#ffffff;
	}

	.box_button.green {
		background-color:#fcb03f;
		color:#ffffff;
	}
	
	.box_button.small {
		padding:8px 12px;
		font-size:0.9em;
	}

    .line_button {
		position:relative;
		display:inline-flex;
		padding:8px 2px;
		color:#f0563a;
		font-size:1em;
		line-height:110%;
		font-weight:700;
		text-decoration:none;
	}

	.round_button {
		background-color: #f0563a;
		padding: 15px 25px;
		color: #ffffff;
		font-size: 15px;
		font-weight: 600;
		transition-duration: .2s;
		text-decoration: none;
	}

	.round_button:hover{
		background-color: #f0563a;
	}
	
	.line_button:before {
		position:absolute;
		display:block;
		content:'';
		right:0;
		bottom:0;
		left:0;
		height:2px;
		background-color:#f0563a;
	}
	
	.line_button:after {
		display:block;
		content:'▶';
		font-size:0.5em;
		margin-left:16px;
	}
	
	.line_button.white {
		color:#ffffff;
	}
	
	.line_button.white:before {
		background-color:#ffffff;
	}

    /* ---------------- forms ---------------- */

    .iframe_form {
      color:#333;
      background-color:#fff;
    }

    .iframe_form .form_header h2 {
      color:#686d56;
      font-weight: 500;
    }

    .iframe_form .form_header p {
        color:#333;
    }

    .freeform-row button {
      background-color: #f0563a;
      border-radius: 30px;
    }

	.freeform-row button:hover {
        background-color: #ab6b5f;
    }
  
    .freeform-row .freeform-column .freeform-label,
    .freeform-row .freeform-column label{
      color: #333;
    }
  
    .form_eoi .group_heading{
      color:#686d56;
    }

    /* ---------------- menu ---------------- */

	#land_site_header.open .nav_container .foreground {
		width: 100%;
	}

	#land_site_header .header_bar {
		height: 100px;
	}


	#land_site_header .header_bar .nav_open {
		position: absolute;
		right: 25px;
		color: #f0583b;
	}

	@media only screen and (min-width: 1280px) {
		#land_site_header .header_bar {
			padding: 96px;
		}
	}

	@media only screen and (min-width: 1024px) {
		#land_site_header .header_bar .nav_open {
			position: absolute;
			right: 50px;
		}
	}



	#land_site_header .header_bar .nav_open img,
	#land_site_header .nav_container .nav_close img{
		width: 15px;
		height: 15px;
	}

	#land_site_header .header_divide{
		position: absolute;
		background-color: #292f35;
		color: #fff;
		font-size: 10px;
		right: 0;
		top: 0;
		width: 60px;
		height: 25px;
		padding: 0 5px 0 20px;
		border-radius: 0 0 0 50px;
		display: none;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	#land_site_header .header_divide img{
		display: block;
		width: auto;
		height: 10px;
		object-fit: contain;
	}	

    #land_site_header .nav_container .background {
      background-color: #f0563a;
    }

    #land_site_header.open .nav_container .background {
      opacity:0.2;
    }

    #land_site_header .nav_container .foreground {
      background-color: #f0563a;
      color:#ffffff;
    }

    #land_site_header .nav_container .nav_close_wrap {
		margin-top: 0;
    }

	#land_site_header .nav_container .nav-logo {
		position: absolute;
		bottom: 50px;
		left: 50px;
		width: 30px;
		margin-bottom: 30px;
    }

	#land_site_header .nav_container .nav_items li a {
		color:#fff;
		text-align: right;
		width: fit-content;
		margin-left: auto;
	}

    #land_site_header .nav_container .nav_items li a {
        transform-origin: left center;
    }

    #land_site_header .nav_container .nav_items li.active > a:before {
		display: none;
        /* position: absolute;
        display: inline-block;
        content: '';
        width: 8px;
        height: 8px;
        left: -24px;
        top: 50%;
        transform: translateY(-50%);
        background-color: #ffffff;
        opacity: 1; */
    }


    #land_site_header .nav_container .nav_items li > a:before {
        display: none;
		/* position: absolute;
        display: inline-block;
        content: '';
        width: 8px;
        height: 8px;
        left: -24px;
        top: 50%;
        transform: translateY(-50%);
        background-color: #fff;
        opacity: 0;
        transition: opacity 0.05s; */
    }

	#land_site_header .nav_container .nav_items li > a:hover {
        opacity: 0.6;
		transition: opacity 0.2s;
    }

    #land_site_header .nav_container .nav_items li > a:hover:before {
        opacity: 1;
        transition: opacity 0s;
    }

    #land_site_header .nav_container .nav_items li > a:active:before {
        transform: translateY(-50%) scale(0.75);
    }

    /* ---------------- home ---------------- */
	
    #home_feature {
        position:relative;
		background-color: #d4d4d4;
        color:#ffffff;
    }

    #home_feature .bg {
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:10;
        background-size:cover;
        background-position:80% center;
    }

    #home_feature .bg .img {
        position:absolute;
        width:100%;
        height:100%;
        object-fit:cover;
        object-position: 50% 0;
        z-index:10;
    }

    #home_feature .bg .video {
        position:absolute;
        object-fit:cover;
        width:100%;
        height:100%;
        z-index:15;
        display:none;
    }

    #home_feature .bg .overlay {
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        background-color:#000000;
        opacity:0.3;
        z-index:20;
    }

    #home_feature .bg:after {
        position:absolute;
        display:block;
        content:'';
        top:0;
        right:0;
        left:0;
        height:128px;
        background:transparent;
        background:linear-gradient(180deg, rgba(33,44,44,0.1) 0%, rgba(33,44,44,0) 100%);
        z-index:30;
    }

    #home_feature .panel_maxwidth {
		position:relative;
		display:flex;
		align-items:center;
		min-height:350px;
		z-index:20;
		max-width:1600px;
		display: flex;
		align-items: center;
		justify-content: center;
        text-align: center;
	}



    #home_feature .action_spacer {
        height:64px;
    }

    #home_feature .headline {
      font-weight:500;
      font-size:1.8em;
      margin: 0 0 30px;
      letter-spacing: 0;
      text-shadow: 2px 2px 5px rgb(0 0 0 / 10%);
    }

	#home_feature .text a{
		font-weight: 600;
		text-decoration: none;
		padding: 20px 25px;
		color: #696d58;
		background-color: #fff;
		display: block;
		width: fit-content;
		border-radius: 40px;
		font-size: 15px;
		transition: .2s ease;
	}


	#home_feature .text .play-button{
		width: 20px;
	}

	#home_feature .text a.red{
		color: #fff;
		background-color: #696d58;
		display: flex;
		gap: 10px;
		align-items: center;
	}

	#home_feature .text a:hover{
		cursor: pointer !important;
		background-color: #f0583c;
		color: #fff;
		
	}

    #home_feature .headline br {
        display:none;
    }

    #home_feature .floating {
        position:absolute;
        right:0;
        bottom:0;
        width:100%;
        z-index:30;
        display:flex;
        justify-content:flex-end;
    }

    #home_feature .floating .action {
        box-sizing:border-box;
        display:block;
        padding:16px;
        background-color:#292f35;
        color:#ffffff;
        text-decoration:none;
        line-height:110%;
        text-align:center;
		letter-spacing: 3px;
		text-transform: uppercase;
    }
  
    #home_feature .floating .action:hover {
        background-color:#414a53;
    }

	#home_feature .buttons {
		display: flex; 
		justify-content: center; 
		gap: 15px;
		flex-direction: column;
		align-items: center;
	}

    #home_intro {
		background-color: #f0563a;
    }

    #home_intro .row_images {
        display:flex;
    }

    #home_intro .row_images .col {
        
    }

    #home_intro .row_images .col_01 {
        flex:0 0 50%; 
    }

    #home_intro .row_images .col_02 {
        flex:0 0 25%;
    }

    #home_intro .row_images .col_03 {
        flex:0 0 25%;
    }

    #home_intro .row_images .col img {
        display:block;
        width:100%;
        height:100%;
        object-fit:cover;
        color:#ffffff;
		
    }

    #home_intro .row_text {

      color: #fff;
    }

    #home_intro .row_text .cols {
        display:flex;
        flex-direction:column;
        max-width:1280px;
		justify-content: space-between;
    }

    #home_intro .row_text .col_left {
        margin:0 0 16px 0;
    }

    #home_intro .row_text .headline {
        font-size:30px;
        font-weight:600;
        line-height:120%;
        color: #fff;
    }

	#home_intro .row_text .headline br{
		display: none;
	}

    #home_intro .row_text .excerpt {
      font-size:1.1em;
      line-height:140%;
      max-width: 600px;
    }

    #home_keyitems {
		display: block;
		position: relative;
		z-index: 10;
    }

	#home_keyitems .spacer {
		height:15vw;
	}

    #home_keyitems .items {
		display:flex;
		flex-direction:column;

	}
	
	#home_keyitems .items .item {
		display:flex;
		flex-direction:column;
		margin:12px;
		text-decoration:none;
		color:#ffffff;
		background-color: #ffffff;
		box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
		overflow: hidden;
	}

	
	
	#home_keyitems .items .item .image {
		position:relative;
		flex:0 0 192px;
		margin:0 0 12px 0;
		overflow:hidden;
	}
	
	#home_keyitems .items .item .image .img {
		position:relative;
		width:100%;
		height:100%;
		object-fit:cover;
		z-index:10;
		transition-duration: .6s;
	}

	#home_keyitems .items .item:hover .image .img{
		transform: scale(1.05);
	}
	
	#home_keyitems .items .item .image:after {
		position:absolute;
		display:block;
		content:'';
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#ffffff;
		opacity:0;
		z-index:20;
		mix-blend-mode:overlay;
	}
	
	#home_keyitems .items .item .image .logo {
		position:absolute;
		top:0px;
		right:0px;
		width:auto;
		height:auto;
		max-width:128px;
		max-height:128px;
		vertical-align:top;
		z-index:15;
	}
	
	#home_keyitems .items .item .text{
		padding: 20px 30px 50px;
	}
	
	#home_keyitems .items .item .text .headline {
		font-size:1.2em;
		font-weight:500;
		line-height:120%;
    	color: #696d58;

	}

	#home_keyitems .items .item .text .excerpt {
		color: #333333;
		font-size: 0.9em;
		margin-bottom:60px;
	}

	#home_keyitems .items .item .text .round_button{
		position: absolute;
		bottom: 30px;
		background-color: #696d58;
		border-radius: 40px;
	}

	#home_keyitems .items .item:hover .text .round_button{
		background-color: #696d58;
		transition: background-color .2s ease;
	}


	#home_keyitems .items .item:hover .text .round_button:hover{
		cursor: pointer !important;
		background-color: #7c8361;
	}

	#home_keyitems .items .item.item_design_1{
		background-size: cover;
		background-position: 20% 50%;
	}

	#home_keyitems .items .item.item_design_1 .text{
		background: #fff;
		margin: -20px 30px 30px 30px;
		padding: 40px;
		border-radius: 20px;
		position: absolute;
		bottom: 0;
		left: 0;
	
	}

	#home_keyitems .items .item.item_design_1 .text .excerpt{
		padding-bottom: 25px;
	}


	#home_signup {
		background: #ffffff;
	}
	
	#home_signup {
		display:flex;
		flex-direction:column;
	}
	
	#home_signup .box_image {
		flex:0 0 192px;
		background-color:#ff5532;
		background-size:cover;
		background-position:center center;
	}
	
	#home_signup .box_image img{
		width: 100%;
		height: 100%;
		margin: 0;
		display: block;
		object-fit:cover;
		object-position: 0 0;
		width: 300px;
		height: auto;
		margin: 0 auto;
	}
	
	#home_signup .box_text {
		display:flex;
		justify-content:center;
		align-items:center;
		background-color: #f0563a;
		background: linear-gradient(90deg, #f0573b, #ff5532);
		background-size:cover;
		background-position:right bottom;
		border-radius: 0;
	}
	
	#home_signup .box_text .inner {
		padding: 50px 10%;
	}
	
	#home_signup .box_text .section_headline {
		font-size:1.6em;
		font-weight:600;
		line-height:130%;
		margin:0 0 12px 0;
		max-width:400px;
		color: #ffffff;
	}
	
	#home_signup .box_text .section_headline br{
		display: none;
	}
	
	/*
	#home_signup .box_text .section_headline:after{
		display: block;
		font-family: sans-serif;
		content: "Simply type your email to get first access to new land";
		font-size: 16px;
		line-height: 130%;
		margin: 15px 0 0;
		max-width: 220px;
		color: #ffffff;
	}
	*/

  .simple_subscribe_form{
    color: #38433e;
  }
  
  .simple_subscribe_form .headline{
    color: #f0563a;
    display: none;
  }
  
  .simple_subscribe_form .col_email label{
    color: #f0563a;
    display: none;
  }
  
  .simple_subscribe_form .col_submit .submit {
    background-color:#f0563a;
    border-radius: 0 30px 30px 0;
    transition-duration: .2s;
	box-shadow: inset 0px 0px 0px 3px #fff;
  }
  
  .simple_subscribe_form .col_submit .submit:hover{
    background-color: #ffa3a4;
    cursor: pointer !important;
  }
  
  .simple_subscribe_form .col_email input{
    border-radius: 30px 0 0 30px;
  }

	/* ---------------- footer ---------------- */

	#footer.land_site_footer_2022 {
		background-color: #f1dfd9;
		color: #333333;
		padding: 0 0 30px;
	}

	#footer.land_site_footer_2022 .footer_top .panel_padding{
		display: flex;
		flex-wrap: wrap;
		padding: 50px 0 0 0;
	}

	#footer.land_site_footer_2022 .footer_top .panel_padding .footer_left{
		flex: 0 0 100%;

	}

	#footer.land_site_footer_2022 .footer_top .panel_padding .footer_right{
		flex: 0 0 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		margin-top: 50px;
	}

	#footer.land_site_footer_2022 a.footer_logo{
		display: block;
		width: 40px;
		height: 40px;
		margin: -30px auto 0;
		background: #f0583c;
		border-radius: 50%;
		padding: 30px;
	}

	#footer.land_site_footer_2022 a.footer_logo img{
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	#footer.land_site_footer_2022 .footer_logo_companies{
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		margin: 30px auto 0;
	}

	#footer.land_site_footer_2022 .footer_logo_companies img{
		width: 100px;
	}

	#footer.land_site_footer_2022 .footer_quick_links ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#footer.land_site_footer_2022 .footer_quick_links ul li{
		text-align: right;
	}

	#footer.land_site_footer_2022 .footer_quick_links ul li a{
		color: #f0563a;
		font-family: proxima-nova, sans-serif;
		font-size: 25px;
		display: block;
		padding: 8px 0;
	}

	#footer.land_site_footer_2022 .footer_quick_links ul li a:hover{
		text-decoration: underline;
		cursor: pointer !important;
	}


	/**/
	#footer.land_site_footer_2022 .footer_contact_details{
		padding-right: 15px;
	}
	
	#footer.land_site_footer_2022 .footer_contact_details h3.name{
		color: #f0583b;
		font-size: 24px;
		margin: 0 0 20px;
	}

	#footer.land_site_footer_2022 .footer_contact_details .contact_details a{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: 0 0 10px 0;
	}

	#footer.land_site_footer_2022 .footer_contact_details .contact_details a:last-of-type{
		margin-bottom: 0;
	}

	#footer.land_site_footer_2022 .footer_contact_details .contact_details a img{
		display: block;
		background-color: #f0583b;
		width: 12px;
		height: 12px;
		object-fit: contain;
		padding: 8px;
		border-radius: 50%;
		margin-right: 10px;
	}

	#footer.land_site_footer_2022 .footer_contact_portrait img{
		display: block;
		height: auto;
		width: auto;
		max-height: 150px;
		margin-top: 20px;
	}

	#footer.land_site_footer_2022 .footer_bot {
		background: none;
		width: 90%;
		margin: 0 auto;
		padding: 0;
		max-width: 1500px;
		background: #696d58;
		margin-top: 50px;
		border-radius: 50px;
	}

	#footer.land_site_footer_2022 .footer_bot > .inner{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}

	#footer.land_site_footer_2022 .footer_bot .logos{
		width: 100%;
		margin-bottom: 20px;
	}

	#footer.land_site_footer_2022 .footer_bot .logos img{
		height: auto;
		width: auto;
		max-width: 120px;
		display: block;
		margin: 20px auto;
	}

	#footer.land_site_footer_2022 .footer_bot .logos img.fairland{
		max-width: 120px;
	}

	#footer.land_site_footer_2022 .footer_bot .logos img.fairmont-first{
		max-width: 135px;
		transform: translateY(2px);
	}

	#footer.land_site_footer_2022 .footer_bot .text{
		text-align: center;
		width: 100%;
		padding: 30px;
	}

	#footer.land_site_footer_2022 .footer_bot .text span{
		color: #fff;
	} 

	/* ---------------- pages ---------------- */

	.panel_page_feature {
		background-color:#f1dfd9 !important;
		background-size:cover;
		background-position:right bottom;
	}

	.panel_page_feature .panel_maxwidth {
		display: flex;
		justify-content: center;
	}

	body[data-entry-id='248267'] .panel_basic_content .panel_maxwidth {
		max-width: 768px;
	}

	.listing_items .item {
		padding: 16px 8px;
	}

	.listing_items .item .inner {
		box-shadow: none;
		border-radius: 10px;
		overflow: hidden;
	}

	.listing_items .item .info {
		margin: 24px 0;
	}

	.listing_items .item .readmore {
		color: #fff;
		width: fit-content;
		background: #f25822;
		padding: 5px 15px;
		font-size: 14px;
		border-radius: 20px;
		text-transform: none;
	}

	.listing_items .item .price {
		padding: 5px;
	}

	.listing_items .item .rooms .room .icon img {
		width:auto;
		height:auto;
		max-width:18px;
		max-height:18px;
		padding: 5px;
	}

	.panel_page_feature .page_headline {
		display: table;
		border-radius: 40px;
		font-size: 24px;
		font-weight: 900;
		padding: 15px 20px;
		/* text-shadow: 2px 2px 2px rgb(0 0 0 / 5%);
		box-shadow: 2px 2px 10px rgb(77 100 127 / 10%); */
		color: #f0583b;
		background: none;
	}

	.dev_layout_houseandland {
		background: #f1dfd9;
	}

	.listing_items .item .builder_logo {
		display: none;
	}

	.section_dev_location_panels .panel .text .excerpt {
		font-size: 15px;
	}
  
	.land_map_panel .sidebar_actions .action_item {
		background-color:#f4f3ec;
	}

	.land_map_panel .sidebar_item {
		background-color:#f4f3ec;
	}

	.land_map_panel .sidebar_item .button {
		background-color:#e8e6df;
	}
  
	.land_map_panel .sidebar_item{
		display: none;
	}
	
	.land_map_panel .sidebar_item.map_key{
		display: block;
	}

	.land_map_panel .panel_maxwidth{
		max-width: 1300px;
	}


	.land_map_panel .panel_maxwidth .land_map{
		max-width: 750px;
		margin: 0 auto;
	}
	

	.dev_layout_downloads {
		background-color:#f1dfd9;
	}

	.dev_layout_downloads .download_section {
		background-color:#f7f5f1;
		border-radius: 20px;
	}

	.dev_layout_downloads .panel_maxwidth {
		max-width: 1024px;
	}

	.dev_layout_downloads .download_group .group_heading, 
	.dev_layout_downloads .download_group .group_heading a {
		color: #f0563a;
	}

	.download_section {
		background-color:#ffffff;
	}

	.contact_list .contact_item .image .circle {
		background-color:#f0f0ee;
	}
  
  .contact_list .contact_item .text .name{
    color: #f0563a !important;
  }
  
  .dev_layout_contact .panel_maxwidth{
    display: flex;
    align-items: center;
  }
  
  .dev_layout_contact h2{
    color: #f0563a;
  }
  
  .dev_layout_contact .row_register{
    background-color: #f0563a;
    padding: 20% 10%;
    border-radius: 20px;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
    text-align: center;
    margin: 0;
  }
  
  .dev_layout_contact .row_register h3{
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    margin: 0 0 10px;
  }
  
  .dev_layout_contact .row_register p{
    color: #fff;
    margin: 0;
  }
  
  .dev_layout_contact .row_register .standard_button{
    margin-top: 25px;
    background-color: #f69895;
    padding: 15px 25px;
    border-radius: 30px;
    overflow: hidden;
  }

	#listing_detail {
		background-color:#f1dfd9;
	}

	#listing_detail .box_smallprint{
		color: #696d58;
	}

	#listing_detail .box_heading {
		background-color:#f0583c;
		/* background:linear-gradient(210deg, #fcb03f 0%, #f0563a 100%); */
	}

	#listing_detail .box_heading .suburb {
		color:#ffeaca;
	}

	#listing_detail .box_contact .contact_person .button {
		background-color:#f1dfd9;
		color: #f0583c;
		text-transform: none;
	}
	

	.allotment_table th {
		background-color:#f0563a;
	}

	.breadcrumb {
		background-color:#37423e;
		color:#ffffff;
	}

	.breadcrumb .item {
		color:inherit;
	}

	.breadcrumb .divider {
		color:#ffffff;
	}

	body[data-entry-id='177154'] .panel_page_feature .panel_maxwidth,
	body[data-entry-id='177154'] .panel_basic_content .panel_maxwidth {
		max-width:768px;
	}

	.land_site_header_spacer {
		height: 120px;
	}

	@media only screen and (min-width: 768px) {
		.land_site_header_spacer {
		  height: 128px;
		}
	  }

	@media only screen and (min-width: 1024px) {
		.land_site_header_spacer {
			height: 144px;
		}
	}

	@media only screen and (min-width: 1280px) {
		.land_site_header_spacer {
		  height: 192px;
		}
	  }
	/* ---------------- lifestyle ---------------- */

	#page_lifestyle {
		background-color:#ffffff;
	}
	
	#lifestyle_feature {
		position:relative;
		background-color:#f0563a;
		z-index:10;
	}
	
	#lifestyle_feature .bg {
		position:absolute;
		z-index:10;
		top:0;
		right:0;
		bottom:0;
		left:0;
	}

	#lifestyle_feature .bg .bg_img {
		width:100%;
		height:100%;
		object-fit:cover;
    	object-position: 50% 90%;
	}

	#lifestyle_feature .fg {
		position:relative;
		z-index:20;
		height:256px;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		font-weight:500;
	}
		
	#lifestyle_feature .page_headline {
		position:relative;
		color:#fff;
		font-size:2em;
		line-height:110%;
		z-index:20;
		text-shadow: 2px 2px 10px rgb(0 0 0 / 30%);
	}
	
	#lifestyle_feature .row_bot {
		height:160px;
		z-index:10;
	}
	
	#lifestyle_boxes {
		position:relative;
		z-index:20;
		margin-top:-48px;
	}
	
	#lifestyle_boxes .boxes {
		display:flex;
		flex-direction:column;
		align-items:center;
		margin:-8px;
	}
	
	#lifestyle_boxes .boxes .box {
		display:flex;
		flex-direction:column;
		margin:8px;
		background-color:#fff;
		max-width:256px;
		box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
		border-radius: 20px;
		overflow: hidden;
		background-color: #37423e;
		background: linear-gradient(45deg, #344c27, #6d8281);
	}
	
	#lifestyle_boxes .boxes .box .image img {
		vertical-align:top;
		width:100%;
	}
	
	#lifestyle_boxes .boxes .box .text {
		padding:16px;
		color: #fff;
		text-align: center;
	}

	
	#lifestyle_description .panel_maxwidth {
		width:80%;
		max-width:850px;
	}
	
	#lifestyle_description .description {
		font-size:1.1em;
		line-height:130%;
		font-weight:300;
		color: #686d56;
	}
	
	#lifestyle_description .actions {
		margin: 40px 0 0 0;
	}
	
	#lifestyle_banner img {
		width:100%;
		height:auto;
		vertical-align:top;
	}
  
  
	/* ---------------- lifestyle ---------------- */

  
  body[data-entry-id='188719'] .basic_content h3{
    margin: 50px 0 0;
    max-width: 800px;
  }

  
  body[data-entry-id='188719'] .basic_content p{
    max-width: 800px;
    color: #333;
  }

  
  

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

  
  #masterplan{
    background: #fff;
    border-radius: 20px;
    max-width: 96%;
    margin: 0 auto
  }
  
  /*
  .section_dev_location_diagram{
    background-color: #edf0f2;
  }
  */
  
  .section_dev_location_diagram .diagram_box{
    border-radius: 20px;
    overflow: hidden;
  }
  
  .fancybox-bg{
    background: #f0563a;
  }
  
  .fancybox-slide--iframe .fancybox-content{
    background: #fff;
    border-radius: 30px !important;
    overflow: hidden;
  }

  #lot_listing_tooltip .details {
	flex-direction:row;
	flex-wrap:wrap;
  }

  #lot_listing_tooltip .details .design_name {
	width:100%;
	font-size:0.8em;
	line-height:120%;
  }

  /* ---- contact ---- */






}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 480px) {

    /* ---------------- home ---------------- */

    #home_feature .panel_maxwidth {
		min-height:320px;
	}
	
	#home_feature .headline {
        font-size:2.2em;
    }

    #home_feature .floating .action {
        padding:24px;
    }

    #home_intro .row_text .col_left {
        margin-bottom:24px;
    }

	#home_keyitems .items .item .image {
		flex-basis:256px;
	}
	
	#home_signup .box_image {
		flex-basis:256px;
	}
	


	/* ---------------- lifestyle ---------------- */

	#page_lifestyle {
		
	}

	#lifestyle_feature .fg {
		height:320px;
	}
	
	#lifestyle_feature .page_headline {
		font-size:3em;
	}
		
	#lifestyle_description {
		text-align:center;
	}
	
	#lifestyle_description .description {
		font-size:1.2em;
	}
	

  
  /*-- homes for sale --*/

  body[data-entry-slug="homes-for-sale"] #lot_listing_tooltip .price .extras{
    display: none;
  }
  
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 768px) {

	/* -- menu -- */

	#land_site_header .header_bar .nav_open img,
	#land_site_header .nav_container .nav_close img{
		width: 22px;
		height: 22px;
	}

    /* ---------------- home ---------------- */

  #home_feature .bg .overlay {
		opacity:0.2;
	}
	
	#home_feature .panel_maxwidth {
		min-height:384px;
	}

    #home_feature .headline {
      font-size:2.6em;
      margin-bottom:5%;
    }

    #home_feature .headline br {
        display:inline;
    }

	#home_feature .panel_maxwidth .text{
		margin-top: -100px;
	}

    #home_feature .floating .action {
        font-size:1.1em;
        width:50%;
    }
	

    #home_intro .row_text .cols {
        flex-direction:row;
        align-items:center;
    }

    #home_intro .row_text .cols .col_left {
        margin:0 32px 0 0;
    }

    #home_intro .row_text .cols .col_right {
        flex:0 0 50%;
    }
	
	#home_keyitems .items {
		flex-direction:row;
	}
	
	#home_keyitems .items .item {
		flex:0 0 auto;
		flex-basis:calc(33.333%);
		margin: 0;
	}
	
	#home_keyitems .items .item .image {
		flex-basis:160px;
		margin-bottom:16px;
	}
	
	#home_signup {
		flex-direction:row-reverse;
		min-height:384px;
	}	
	
	#home_signup .box_image {
        flex: 0 0 40%;
        padding-right: 10%;
        background: #ff5532;
	}

	#home_signup .box_text {
		flex:0 0 50%;
	}
	
	#home_signup .box_text .inner {
		padding:48px;
	}

	#home_signup .box_text .section_headline {
		margin-bottom:16px;
	}

	#home_signup .box_text .section_headline br{
		display: block;
	}

	/* ---------------- pages ---------------- */
	.panel_page_feature .page_headline {
		font-size: 40px;
		padding: 20px 30px;
	}

	/* ---------------- lifestyle ---------------- */
	#lifestyle_feature .fg {
		height:384px;
	}
	
	#lifestyle_feature .page_headline {
		font-size:3.6em;
	}
	
	#lifestyle_boxes {
		margin-top:-64px;
	}
	
	#lifestyle_boxes .boxes {
		flex-direction:row;
		justify-content:center;
		align-items:normal;
	}
	
	#lifestyle_boxes .boxes .box {
		max-width:384px;
	}


	/* ---------------- footer ---------------- */
	#footer.land_site_footer_2022 .footer_top .panel_padding .footer_left{
		flex: 0 0 30%;
		margin: 0;
	}

	#footer.land_site_footer_2022 .footer_top .panel_padding .footer_right{
		flex: 0 0 70%;
		justify-content: flex-end;
		margin-top: 0;
	}


	#footer.land_site_footer_2022 .footer_logo_companies{
		justify-content: flex-start;
	}

	#footer.land_site_footer_2022 .footer_contact_portrait img{
		display: block;
		height: auto;
		width: auto;
		max-height: 400px;
		margin-top: 0px;
	}

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1024px) {

    /* ---------------- home ---------------- */



    #home_feature .panel_maxwidth {
		min-height:480px;
	}

    #home_feature .headline {
        font-size:3.2em;
   
    }

    #home_feature .floating .action {
        width:30%;
    }

    #home_intro .row_images .col_02 {
        flex-basis:20%;
		overflow: hidden;
    }

    #home_intro .row_images .col_03 {
        flex-basis:30%;
    }

    #home_intro .row_text .cols {
        padding:96px 0;
    }
	
	#home_keyitems .items .item .image {
		flex-basis:192px;
	}
	
	#home_signup {
		min-height:480px;
	}
	
	#home_signup .box_text .inner {
		padding:64px;
	}

	/* ---------------- lifestyle ---------------- */

	#page_lifestyle {
		
	}

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1280px) {

	/*-- menu --*/

	#land_site_header .header_divide{
		width: 190px;
		height: 60px;
		display: flex;
	}

	#land_site_header .header_divide img{
		height: 20px;
	}

	#land_site_header .nav_container .nav_items .logo {
		width: 50px;
		margin-bottom: 50px;
    }


	/*-- --*/

    .standard_button:hover {
		background-color:#a75b4e;
	}
	
	.box_button {
		padding:16px 24px;
		font-size:1.1em;
	}
	
	.box_button:hover {
		background-color:#a75b4e;
	}
	
	.box_button:active {
		transform:scale(0.95);
	}
	
	.box_button.white:hover {
		background-color:#f5f4f1;
	}
	
	.box_button.grey:hover {
		background-color:#ebe7d8;
	}
	
	.box_button.yellow:hover {
		background-color:#c5a868;
	}

	.box_button.green:hover {
		background-color:#069b9a;
	}
	
	.line_button {
		padding:16px 2px;
		font-size:1.1em;
	}
	
	.line_button.small {
		padding:12px 2px;
		font-size:1em;
	}
	
	
	.line_button:hover:before {
		animation-name:line-button-hover;
		animation-duration:1s;
		animation-iteration-count:infinite;
	}
	
	.line_button:after {
		margin-left:24px;
	}
	
	.line_button:active {
		transform:scale(0.95);
	}

    /* ---------------- forms ---------------- */

  

    /* ---------------- home ---------------- */

    #home_feature .bg .video {
		display:block;
	}
	

	#home_feature .bg:after {
		height:256px;
	}
	
	#home_feature .headline {
      font-size:3.8em;
      margin-bottom:10%;
      margin: 0 0 50px;
    }
	
    #home_feature .floating .action {
        padding:32px;
        font-size:1.2em;
    }

    #home_intro .row_images .col_01 {
        flex-basis:45%;
    }

    #home_intro .row_images .col_02 {
        flex-basis:25%;
    }

    #home_intro .row_text .cols {
        padding:160px 0;
    }


    #home_intro .row_text .cols .col_right {
        flex-basis:55%;
    }

    #home_intro .row_text .excerpt {
        font-size:1.2em;
    }
	
	#home_keyitems .panel_padding {
		padding: 100px 0;
	}
	


	
	#home_keyitems .items .item .image {
		flex-basis:256px;
		margin-bottom:24px;
	}	
  /*  
	#home_keyitems .items .item .image:after {
  	transition:opacity 0.1s;  
	}
	
	#home_keyitems .items .item:hover .image:after {
		opacity:0.1;
		transition:opacity 0s;
	}
  */
	
	#home_signup {
		min-height:512px;
	}
	
	#home_signup .box_text .section_headline {
    margin-bottom:32px;
    font-size: 2.2em;
	}

  #home_signup .box_text .section_headline:after{
    margin: 20px 0 0;
  }
    
	/* ---------------- pages ---------------- */

	#listing_detail .box_contact .contact_person .button:hover {
		background-color:#dfc9c2;
	}

	.breadcrumb a.item:hover {
		color:#ffffff;
	}

	/* ---------------- lifestyle ---------------- */


	#lifestyle_feature .fg {
		height:420px;
	}
	
	#lifestyle_feature .page_headline {
		font-size:4em;
	}
	
	#lifestyle_boxes .boxes {
		margin:-16px;
	}
	
	#lifestyle_boxes .boxes .box {
		margin:16px;
	}
	
	#lifestyle_boxes .boxes .box .text {
		padding:30px 30px 35px;
	}

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1600px) {

    #home_feature .panel_maxwidth {
		min-height:640px;
	}

	#home_keyitems .items .item .image {
		flex-basis:370px;
	}
	
	#home_keyitems .items .item .image {
		flex-basis:350px;
	}
	
	#home_signup {
		min-height:600px;
	}

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */





/*-- Klik Override --*/
#land_site_header .header_bar{
	margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body[data-entry-id="242778"] #land_site_header .header_bar {
    justify-content: center;
}

#land_site_header .header_bar .logo{
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
    margin-right: auto;
    background: #f0583b;
    width: 150px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 12%);
    border-radius: 10px;
}

#land_site_header .header_bar .logo.red{
	background: none;
	box-shadow: none;
}

#land_site_header .header_bar .logo img{
    width: 70%;
    height: auto;
    object-fit: contain;
}

header#land_site_header .nav-register{
	position: absolute;
	left: 20px;
	font-size: 12px;
	font-weight: 700;
	color: #f0583b;
	border: 2px solid #f0583b;
	padding: 8px 12px;
	border-radius: 30px;
	transition-duration: .2s;
}

header#land_site_header .nav-register:hover{
	cursor: pointer !important;
	color: #454545;
	border-color: #454545;
}



/**/

#home_feature{
	border-radius: 10px;
	margin: 40px auto 0;
	overflow: hidden;
	width: calc(100% - 30px);
}

#home_feature iframe{
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100%;
	min-width: 177.77vh; /* 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_feature .bg-group .bgg-3{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 10% 50%;
}

#home_feature h1.headline{
	font-size: 35px;
	font-weight: 600;
	text-shadow: 2px 2px 10px rgb(0 0 0 / 30%);;
    max-width: 400px;
	margin: 30px 0;
}

#home_keyitems .items .item:nth-of-type(1) .image{
	flex-basis: 250px;
}

#home_keyitems .items .item:nth-of-type(2) .image{
	flex-basis: 250px;
    height: 100%;
	width: 100%;
    position: absolute;
}

#home_keyitems .items .item:nth-of-type(3) .image{
	flex-basis: 250px;
}

/**/

/* #home_keyitems .items .item:nth-of-type(3){
	background: #f0573b;
	background: #696d58;
	color: #fff;
}

#home_keyitems .items .item:nth-of-type(3) .image{
	margin: 30px 30px 10px 30px;
}

#home_keyitems .items .item:nth-of-type(3) .text .headline{
	color: #fff;
}

#home_keyitems .items .item:nth-of-type(3) .text p{
	color: #fff;
	margin: 0;
}

#home_keyitems .items .item:nth-of-type(3) .text .round_button{
	color: #f0573b;
	background: #fff;
} */

/**/

#home_intro .row_text .cols > div{
	padding: 0 20px;
}

/**/

body[data-entry-id="248498"] #contact .contact_list .contact_item .image .circle{
	background: none;
}

body[data-entry-id="248498"] #contact .col_left h2{
	display: none;
}

body[data-entry-id="248498"] #contact .standard_button{
	background: #f0583b;
	font-size: 16px;
    padding: 15px 25px;
    border-radius: 30px;
}

body[data-entry-id="248498"] #contact .standard_button:hover{
	background: #f87860;
}

@media(min-width:768px){

	#home_feature .buttons {
		flex-direction: row;
	}

	#land_site_header .nav_container .nav-logo {
		left: 80px;
		width: 80px;
	}

	#land_site_header .nav_container .nav_items li a{
		font-size: 35px;
        padding: 15px 0;
	}

	header#land_site_header .nav-register{
		left: 50px;
		font-size: 16px;
		padding: 13px 25px;
	}

	#home_feature{
		border-radius: 20px;
        margin: 70px auto 0;
		width: calc(100% - 60px);
	}

	#home_feature h1.headline{
		font-size: 45px;
		max-width: 100%;
		margin: 0 0 40px;
	}

	/* #home_keyitems .items .item:nth-of-type(1) .image{
		flex-basis: 390px;
	} */

	/* #home_keyitems .items .item:nth-of-type(3) .image{
		margin: 40px 40px 25px 40px;
	} */

	#home_keyitems .items .item .text{
		padding: 20px 50px 50px;
	}
	
	#home_keyitems .items .item .text .round_button{
		bottom: 40px;
	}

	#land_site_header .header_bar .logo{
		border-radius: 20px;
	}

	body[data-entry-id="242778"] #land_site_header .header_bar .logo {
		margin-top: -100px;
		border-radius: 20px;
	}
	
	#home_feature .bg-group{
		display: flex;
		flex-wrap: nowrap;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: red;
		z-index: 10;
	}

	#home_feature .bg-group .bgg-1{
		flex: 0 0 30%;
		background-color: #696d58;
		background-color: #f0563a;
	}

	#home_feature .bg-group .bgg-2{
		flex: 0 0 60%;
		background-color: #e0d4d0;
	}

	#home_feature .bg-group .bgg-3{
		flex: 0 0 10%;
		background-color: orange;
	}

	/**/
	#home_intro{
		border-top-right-radius: 400px;
	}
	
	#home_intro .row_text .cols > div{
		padding: 0;
	}

	#home_intro .row_text .headline{
		font-size: 40px;
	}

	#home_intro .row_text .headline br{
		display: block;
	}

	#home_intro .row_images .col_01 img{
		margin-left: 8%;
		border-radius: 0 0 0 150px;
	}

	#home_intro .row_images .col_02{
		position: relative;
		z-index: 2;
		overflow: visible;
	}

    #home_intro .row_images .col_02::after{
		content: "";
        border-radius: 50%;
        background: rgb(255 255 255 / 40%);
        display: block;
        height: 400px;
        width: auto;
        position: absolute;
        top: -40%;
        bottom: 0;
        right: -40%;
        aspect-ratio: 1 / 1;
	}

	/**/
	#home_signup{
		border-bottom-right-radius: 400px;
		overflow: hidden;
	}

	#home_signup .box_image img{
		width: 100%;
	}



}


@media(min-width:1268px) {
		/**/

		#footer.land_site_footer_2022 {
			padding: 30px 0;
		}
	
		#footer.land_site_footer_2022 a.footer_logo{
			width: 50px;
			height: 50px;
			padding: 50px;
			margin: 0;
		}
	
		#footer.land_site_footer_2022 .footer_contact_details{
			padding-right: 30px;
		}
	
		/**/
		#footer.land_site_footer_2022 .footer_bot {
			margin-top: 50px;
			border-radius: 100px;
		}
	
		#footer.land_site_footer_2022 .footer_bot > .inner{
			padding-right: 5%;
		}
	
		#footer.land_site_footer_2022 .footer_bot .logos{
			width: auto;
			margin-bottom: 0;
		}
	
		#footer.land_site_footer_2022 .footer_bot .logos img{
			display: inline-block;
			height: 90px;
			width: auto;
			max-width: 120px;
			margin-right: 20px;
		}
	
		#footer.land_site_footer_2022 .footer_bot .text{
			text-align: right;
			width: auto;
			padding: 0;
		}

}



@media(min-width:1300px){
	#land_site_header .header_bar .logo{
		width: 270px;
		height: 230px;
		margin: 0 auto;
	}

	#home_feature{
		margin-top: 90px;
	}

}