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

@media screen {

	/* ---------------- overall style ---------------- */
    
    body {
        background-color:#fff;
        color:#444;
        font-size:16px;
        font-family:proxima-nova,arial,sans-serif;
        line-height:130%;
		font-weight:500;
    }
         
    a span {
        display:inline;
    }
    
    p {
		margin:0.75em 0;
		font-size:1em;
	}
	
	h1,h2,h3,h4,h5,h6 {
		line-height:110%;
		margin:0.7em 0 0.5em 0;
		font-weight:700;
	}
	
	h1 {
		font-size:2em;
	}
	
	h2 {
		font-size:1.8em;
	}
	
	h3 {
		font-size:1.4em;
	}
	
	h4 {
		font-size:1.2em;
	}
	
	ul,ol {
		margin:0.5em 0;
	}
	
	a {
		text-decoration:underline;
        color:#223a54;
	}
    
    strong {
        color:inherit;
    }
    
    em {
        color:inherit;
    }
	
	.panel_maxwidth {
		width:90%;
		max-width:1600px;
		margin:0 auto;
	}
	
	.panel_padding {
		padding:32px 0;
	}
    
    .fh_button {
        position:relative;
        display:inline-block;
        line-height:100%;
        padding:12px;
        text-transform:uppercase;
        text-decoration:none;
        background-color:#1F3953;
        color:#fff;
        font-weight:600;
        letter-spacing:0.05em;
        font-size:14px;
			border-radius:0;
    }
    
    input.fh_button {
        border:none;
    }
    
    .fh_button[data-size='small'] { padding:13px 16px;font-size:14px; }
    .fh_button[data-size='medium'] { padding:20px;font-size:14px; }
    .fh_button[data-size='large'] { padding:24px;font-size:16px; }
    
    .fh_button[data-color='red'] { background-color:#b83c3c }
    .fh_button[data-color='darkblue'] { background-color:#1F3953; }
    .fh_button[data-color='medblue'] { background-color:#287397; }
    .fh_button[data-color='grey'] { background-color:#aaa; }
    .fh_button[data-color='white'] { background-color:#f5f5f5;color:#1F3953; }
    
    .fh_button[data-arrow='true']:after {
        display:inline-block;
        width:14px;
        height:14px;
        background-image:url('https://fairmonthomes.com.au/images/icons/arrow_white.svg');
        background-size:contain;
        background-position:center center;
        background-repeat:no-repeat;
        content:'';
        margin-left:12px;
        vertical-align:middle;
    }
        
    .fh_button[data-arrow='true'][data-color='red']:after { background-image:url('https://fairmonthomes.com.au/images/icons/arrow_lightred.svg');  }
    .fh_button[data-arrow='true'][data-color='grey']:after { background-image:url('https://fairmonthomes.com.au/images/icons/arrow_lightgrey.svg'); }
    .fh_button[data-arrow='true'][data-color='darkblue']:after { background-image:url('https://fairmonthomes.com.au/images/icons/arrow_medblue.svg'); }
    .fh_button[data-arrow='true'][data-color='medblue']:after { background-image:url('https://fairmonthomes.com.au/images/icons/arrow_lightblue.svg'); }
    .fh_button[data-arrow='true'][data-color='white']:after { background-image:url('https://fairmonthomes.com.au/images/icons/arrow_darkblue.svg'); }
    
    .fh_button[data-block='true'] {
        display:block;
        text-align:left;
    }
    
    .fh_button[data-block='true'][data-arrow='true'][data-size='small'] { padding-right:42px; }
    .fh_button[data-block='true'][data-arrow='true'][data-size='medium'] { padding-right:46px; }
    .fh_button[data-block='true'][data-arrow='true'][data-size='large'] { padding-right:50px; }
    
    .fh_button[data-block='true'][data-arrow='true']:after {
        position:absolute;
        top:50%;
        right:12px;
        transform:translateY(-50%);
    }
    
    .fh_button[data-block='true'][data-arrow='true'][data-size='small']:after { right:16px; }
    .fh_button[data-block='true'][data-arrow='true'][data-size='medium']:after { right:20px; }
    .fh_button[data-block='true'][data-arrow='true'][data-size='large']:after { right:24px; }
    
    .fh_button .icon {
        display:inline-block;
        width:auto;
        height:auto;
        max-width:16px;
        max-height:12px;
        margin-right:8px;
        vertical-align:middle;
        transform:translateY(-1px);
    }
	
	/* ---- 2020 buttons ---- */
	
	.box_button {
		display:inline-block;
		padding:12px 16px;
		line-height:105%;
		background-color:#222;
		color:#fff;
		text-decoration:none;
		font-weight:600;
		border:none;
		cursor:pointer;
	}
	
	.box_button.small {
		padding:8px 12px;
	}
	
	.box_button.large {
		padding:16px 20px;
	}
	
	.box_button.arrow:after {
		display:inline-block;
		content:'›';
		margin:0 0 0 8px;
	}
	
	.box_button.red {
		background-color:#c42e2f;
	}

	.box_button.orange {
		background-color: #f38541;
	}
	
	.box_button.darkblue {
		background-color:#223a54;
	}
	
	.box_button.lightblue {
		background-color:#3bbedc;
	}
	
	.box_button.grey {
		background-color:#ccc;
		color:#223a54;
	}
	
	.box_button.white {
		background-color:#fcfcfc;
		color:#223a54;
	}
	
	.line_button_group {
		display:flex;
		flex-direction:column;
		max-width:256px;
	}
	
	.line_button {
		position:relative;
		display:inline-block;
		text-decoration:none;
		padding:8px 2px;
		color:#222;
		font-weight:600;
	}
	
	.line_button:before {
		position:absolute;
		display:block;
		content:'';
		right:0;
		bottom:0;
		left:0;
		height:2px;
		background-color:#222;
	}
	
	.line_button.lightblue {
		color:#3bbedc;
	}
	
	.line_button.lightblue:before {
		background-color:#3bbedc;
	}
	
	.line_button.darkblue {
		color:#223a54;
	}
	
	.line_button.darkblue:before {
		background-color:#223a54;
	}
	
	.line_button.white {
		color:#fff;
	}
	
	.line_button.white:before {
		background-color:#fff;
	}
	
	.line_button.inline {
		
	}
	
	.line_button.block {
		display:block;
	}
	
	.line_button.block.arrow {
		display:flex;
		justify-content:space-between;
	}
	
	.line_button.inline.arrow {
		
	}
	
	.line_button.arrow:after {
		display:inline-block;
		content:'›';
		margin:0 0 0 16px;
	}
	
	/* ---- */
    
    br.tablet_break {
        display:none;
    }
    
    br.desktop_break {
        display:none;
    }
    
    .vertical_padding {
        padding:32px 0;
    }
    
    input[type='submit'] {
        cursor:pointer;
    }
	
	/* -- forms -- */
	
	.iframe_form h2 {
		color:#223a54;
	}
	
	.iframe_form h3 {
		color:#1ba5c4;
	}
	
	.iframe_form [name='form_previous_page_button'] {
		background-color:#999;
	}
	
	.iframe_form [name='form_page_submit'] {
		background-color:#b83c3c;
	}
	
	/* -- generic pages -- */
		
	.page_headline {
		color:#223a54;
	}
	
	.page_subline {
		color:#068aa8;
	}

	.fancybox-bg{
		background: #e0e0e0;
	}
	    
	/* ---------------- header ---------------- */
	
	/* ---- header - mobile ---- */
	
	#header_2019_mobile {
		position:relative;
		z-index:9000;
		display:block;
		visibility:visible;
		position:relative;
		background-color:#fff;
		border-bottom:1px solid #ddd;
		box-shadow:0 0 8px rgba(0,0,0,0.1);
	}
	
	#header_2019_mobile .section_logo {
		position:relative;
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:24px 16px;
		background-color:#0e5378;
		background-color:#223a54;
	}
	
	#header_2019_mobile .section_logo .logo img {
		width:128px;
		height:auto;
		vertical-align:middle;
	}
	
	#header_2019_mobile .section_logo .nav_button img {
		width:32px;
		height:auto;
		vertical-align:middle;
	}
		
	#header_2019_mobile .section_contact {
		position:relative;
		display:none;
		visibility:hidden;
		justify-content:space-between;
		align-items:center;
		padding:24px 16px;
		background-color:#fff;
		border-bottom:1px solid #ddd;
	}
	
	#header_2019_mobile.open .section_contact {
		display:flex;
		visibility:visible;
	}
	
	#header_2019_mobile .section_contact a {
		color:#223a54;
	}
	
	#header_2019_mobile .section_contact .icon {
		display:inline-block;
		vertical-align:middle;
	}
	
	#header_2019_mobile .section_contact .icon img {
		display:inline-block;
		width:auto;
		height:auto;
		max-width:24px;
		max-height:24px;
		vertical-align:middle;
	}
	
	#header_2019_mobile .section_contact .left .icon {
		margin-right:12px;
	}
	
	#header_2019_mobile .section_contact .right .icon {
		margin-left:12px;
	}
	
	#header_2019_mobile .section_contact .icon_star .number {
		display:inline-block;
		margin-right:4px;
		font-weight:700;
		line-height:24px;
		vertical-align:middle;
	}
	
	#header_2019_mobile .section_key_items {
		display:none;
		visibility:hidden;
		position:relative;
		border-bottom:1px solid #ddd;
	}
	
	#header_2019_mobile.open .section_key_items {
		display:block;
		visibility:visible;
	}
	
	#header_2019_mobile .section_key_items ul {
		margin:0;
		padding:12px 0;
	}
	
	#header_2019_mobile .section_key_items li {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#header_2019_mobile .section_key_items a {
		display:block;
		text-decoration:none;
		padding:12px 16px;
		color:#222;
		font-size:1.2em;
		font-weight:500;
		line-height:16px;
	}
	
	#header_2019_mobile .section_key_items a .circle {
		display:inline-block;
		margin-right:8px;
		/*width:8px;
		height:8px;
		background-color:#0e5378;
		vertical-align:middle;
		border-radius:50%;*/
	}
	
	#header_2019_mobile .section_key_items a .circle:after {
		display:inline-block;
		position:relative;
		content:'›';
	}
		
	#header_2019_mobile .section_all_items {
		display:none;
		visibility:hidden;
	}
	
	#header_2019_mobile.open .section_all_items {
		display:block;
		visibility:visible;
	}
	
	#header_2019_mobile .section_all_items ul {
		margin:0;
		padding:0;
	}
	
	#header_2019_mobile .section_all_items li {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#header_2019_mobile .section_all_items a {
		display:block;
		text-decoration:none;
		color:#222;
		border-bottom:1px solid #eee;
	}
	
	#header_2019_mobile .section_all_items > ul > li:last-child a {
		border:none;
	}
	
	#header_2019_mobile .section_all_items > ul > li > a {
		display:flex;
		justify-content:space-between;
		padding:12px 16px;
	}
	
	#header_2019_mobile .section_all_items > ul > li.has_dropdown > a:after {
		display:inline-block;
		content:'›';
		text-align:right;
		transform:rotate(90deg);
	}
	
	#header_2019_mobile .section_all_items > ul > li.has_dropdown.open > a:after {
		transform:rotate(-90deg);
	}
	
	#header_2019_mobile .section_all_items > ul > li > ul {
		display:none;
		background-color:#f9f9f9;
	}
	
	#header_2019_mobile .section_all_items > ul > li.open > ul {
		display:block;
	}
	
	#header_2019_mobile .section_all_items > ul > li > ul > li > a {
		padding:8px 16px 8px 24px;
	}

	#header_2019_mobile .trades_wanted {
		background-color:#ffcb05;
		color:#223a54;
		border:1px solid #ffcb05;
	}
	
	/* ---- header - desktop ---- */
	
	#header_2019_desktop {
		display:none;
		visibility:hidden;
		position:relative;
		z-index:9000;
	}
	
	/* ---- design list page ---- */
	
	#design_filter .filter_item a[data-collection]:before {
		background-color:#eee;
	}
	
	#design_filter .filter_item a[data-collection='new']:before {
		
	}
	
	#design_filter .filter_item a[data-collection='narrow']:before {
		background-color:#3b444f;
	}
	
	#design_filter .filter_item a[data-collection='courtyard']:before {
		background-color:#ae624a;
	}
	
	#design_filter .filter_item a[data-collection='conventional']:before {
		background-color:#d7a08b;
	}
	
	#design_filter .filter_item a[data-collection='twostorey']:before {
		background-color:#918a5c;
	}
	
	.custom_slider .noUi-handle {
		background-color:#ca4b4b;
	}
	
	.custom_slider .noUi-connect {
		background-color:#a83434;
	}
	
	/* ---- design detail page ---- */
	
	#design_detail[data-collection*='Narrow'] .layout_top .design_name {
		border-color:#3b444f;
	}
	
	#design_detail[data-collection*='Courtyard'] .layout_top .design_name {
		border-color:#ae624a;
	}
	
	#design_detail[data-collection*='Conventional'] .layout_top .design_name {
		border-color:#d7a08b;
	}
	
	#design_detail[data-collection*='Two Storey'] .layout_top .design_name {
		border-color:#918a5c;
	}
	
	.photo_gallery .gallery_images {
		flex-wrap:wrap;
	}
	
	/* ---------------- footer ---------------- */
    
	#footer {
		background-color:#223a54;
		color:#fff;
	}
		
	#footer a {
		color:#fff;
		text-decoration:none;
	}
	
	#footer .panel_maxwidth {
		max-width:768px;
	}
	
	#footer .top {
		display:flex;
		flex-direction:column;
		margin:0 0 16px 0;
	}
	
	#footer .top .col {
		margin-bottom:8px;
	}
	
	#footer .top .col_logo img {
		width:auto;
		height:auto;
		max-width:160px;
		max-height:64px;
		vertical-align:top;
	}
	
	#footer .top .col_address {
		line-height:115%;
		font-weight:300;
	}
	
	#footer .top .col_phone {
		font-weight:300;
	}
	
	#footer .top .col_phone .number {
		font-weight:600;
	}
	
	#footer .top .col_social {
		display:flex;
	}
	
	#footer .top .col_social .social {
		margin:0 8px 0 0;
	}
	
	#footer .top .col_social img {
		width:auto;
		height:auto;
		max-width:24px;
		max-height:24px;
		vertical-align:top;
	}
	
	#footer .bot {
		font-size:0.8em;
		font-weight:300;
		line-height:130%;
	}
	
	#footer .bot .item {
		display:inline-block;
	}
	
	#footer .bot .divider {
		display:inline-block;
		margin:0 8px;
		opacity:0.5;
	}
    
    /* -- chat bar -- */
    
    #chat_bar {
        display:none;
        position:fixed;
        right:18px;
        bottom:18px;
        padding:18px;
        background-color:#287397;
        color:#fff;
        text-decoration:none;
        font-size:16px;
        line-height:16px;
        transition:opacity 1s;
        z-index:9000;
    }
    
    #chat_bar.faded {
        opacity:0.4;
    }
    
    #chat_bar img {
        display:inline-block;
        width:auto;
        height:auto;
        max-width:16px;
        max-height:16px;
        padding-left:8px;
    }

	/* ---------------- home ---------------- */
	#home_header{
		text-indent: 0;
		font-size: 0;
		position: absolute;
	}
	
	#home_feature {
		position:relative;
		background-size:cover;
		background-position:center center;
	}
	
	#home_feature.light_text {
		color:#fff;
	}
	
	#home_feature.dark_text {
		color:#222;
	}
	
	#home_feature .bg {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-size:cover;
		background-position:center center;
	}
	
	#home_feature .bg .bg_image {
		width:100%;
		height:100%;
		object-fit:cover;
	}
	
	#home_feature .bg .overlay {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
	}
	
	#home_feature .bg .bg_video_wrap {
		display:none;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
	}
	
	#home_feature .bg .bg_video {
		width:100%;
		height:100%;
		object-fit:cover;
	}
	
	#home_feature .bg .overlay.colour {
		background-color:#444;
		opacity:0.15;
	}
	
	#home_feature .bg .overlay.noise {
		display:none;
	}
	
	@supports ( mix-blend-mode:multiply ) {
		#home_feature .bg .overlay.noise {
			display:block;
			opacity:0.15;
			mix-blend-mode:multiply;
		}
	}
	
	#home_feature .fg {
		position:relative;
		width:80%;
		max-width:1024px;
		margin:0 auto;
		padding:64px 0;
	}
	
	#home_feature.ssp .fg {
		text-align:center;
	}
		
	#home_feature .fg .headline {
		font-weight:500;
		font-size:1.8em;
		line-height:110%;
		text-shadow:2px 2px 8px rgba(0,0,0,0.3);
		margin:0 0 8px 0;
	}
	
	#home_feature .fg .subline {
		font-weight:500;
		font-size:1.2em;
		line-height:110%;
		text-shadow:0 0 8px rgba(0,0,0,0.2);
	}
	
	#home_feature .fg .actions {
		margin:16px 0 0 0;
	}
	
	#home_bar_covid {
		background-color:#eee;
		color:#223a54;
		padding:16px 0;
	}
	
	#home_bar_covid {
		text-align:center;
	}
	
	#home_bar_covid .panel_maxwidth {
		display:flex;
		flex-direction:column;
		max-width:1024px;
	}
	
	#home_bar_covid .text {
		margin:0 0 12px 0;
		color:#223a54;
		color:#c42e2f;
		font-size:1.1em;
		line-height:120%;
		font-weight:700;
	}
	
	#home_bar_covid .action {
		
	}
	
	#home_bar_covid .action .box_button {
		white-space:nowrap;
	}

	#home_bar_closures {
		padding: 20px;
	}

	#home_bar_closures .text {
		text-align: center;
		color: #223a54;
		max-width: 468px;
		margin: 0 auto;
	}
	
	#home_intro {
		background-color:#f8f8f8;
	}
	
	#home_intro .panel_maxwidth {
		display:flex;
		flex-direction:column;
	}
	
	#home_intro .box {
		position:relative;
		padding:24px;
		background-color:#fff;
	}
	
	#home_intro .box .headline {
		font-size:1.6em;
		line-height:105%;
		margin:0 0 8px 0;
	}
	
	#home_intro .box .headline a {
		color:#223a54;
		text-decoration:none;
	}
	
	#home_intro .box .subline {
		font-size:1.1em;
		font-weight:300;
		line-height:110%;
		margin:0;
		color:#999;
	}
		
	#home_intro .box .actions {
		margin:12px 0 0 0;
	}
		
	#home_intro .box_designs {
		background-color:#ccc;
		background-color:#6d99be;
		color:#fff;
		margin-bottom:16px;
		padding-bottom:60%;
	}
	
	#home_intro .box_designs .background {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-size:cover;
		background-position:center 70%;
	}
		
	#home_intro .box_designs .background img {
		position:relative;
		width:100%;
		height:100%;
		object-fit:cover;
		object-position:center bottom;
	}
		
	#home_intro .box_designs .background .overlay {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		/*
		background-color:rgba(34,58,84,0.8);
		background:linear-gradient(to bottom, rgba(34,58,84,0.9) 0%, rgba(34,58,84,0) 100%);
		*/
	}
	
	#home_intro .box_designs .text {
		position:relative;
	}
	
	#home_intro .box_designs .headline a {
		/*
		color:#fff;
		*/
	}
	
	#home_intro .box_designs .subline {
		color:#666;
		/*
		color:rgba(255,255,255,0.9);
		*/
	}
	
	#home_intro .secondary {
		display:flex;
		flex-direction:column;
	}
	
	#home_intro .box_villages {
		margin-bottom:16px;
	}
	
	#home_promo {
		background:linear-gradient(135deg, #fff 0%, #fcfcfc 100%);
	}
	
	#home_promo .panel_maxwidth {
		max-width:1400px;
	}
	
	#home_promo .top {
		margin:0 0 16px 0;
		text-align:center;
	}
	
	#home_promo .top .headline {
		font-size:1.4em;
		font-weight:300;
		color:#999;
	}
	
	#home_promo .promos {
		display:flex;
		flex-direction:column;
	}
	
	#home_promo .promos .promo {
		display:flex;
		flex-direction:column;
		padding:12px;
	}
	
	#home_promo .promos .promo .image {
		flex:0 0 160px;
		background-color:#eee;
	}
	
	#home_promo .promos .promo .image .thumbnail {
		width:100%;
		height:100%;
		object-fit:cover;
	}
	
	#home_promo .promos .promo .text {
		display:flex;
		flex-direction:column;
		padding:12px;
	}
	
	#home_promo .promos .promo .headline {
		margin:0 0 8px 0;
		line-height:110%;
	}
	
	#home_promo .promos .promo .headline a {
		text-decoration:none;
		color:#223a54;
	}
	
	#home_promo .promos .promo .subline {
		margin:0;
		color:#666;
		line-height:130%;
		font-weight:300;
	}
	
	#home_promo .promos .promo .actions {
		margin:8px 0 0 0;
	}
	
	#home_reviews {
		
	}
	
	#home_reviews .panel_maxwidth {
		display:flex;
		flex-direction:column;
	}
	
	#home_reviews .col_image {
		margin-bottom:24px;
	}
	
	#home_reviews .col_image .main_image img {
		width:100%;
		height:auto;
		vertical-align:top;
	}
	
	#home_reviews .col_text {
		
	}
	
	#home_reviews .col_text .top {
		margin-bottom:24px;
	}
	
	#home_reviews .col_text .top .headline_label {
		font-size:1.1em;
		color:#999;
		font-weight:300;
		margin:0 0 4px 0;
		line-height:105%;
	}
	
	#home_reviews .col_text .top .headline {
		font-weight:600;
		color:#223a54;
		font-size:1.6em;
		line-height:105%;
	}
	
	#home_reviews .col_text .top .headline a {
		color:#223a54;
		text-decoration:none;
	}
	
	#home_reviews .col_text .top .rooms {
		display:flex;
		margin-top:12px;
	}
	
	#home_reviews .col_text .top .rooms .room {
		display:flex;
		align-items:center;
		margin-right:12px;
	}
	
	#home_reviews .col_text .top .rooms .room .number {
		font-size:1.1em;
		font-weight:500;
		margin-right:8px;
		color:#666;
	}
	
	#home_reviews .col_text .top .rooms .room .icon {
		width:auto;
		height:auto;
		max-width:16px;
		max-height:12px;
		vertical-align:middle;
	}
	
	#home_reviews .reviews {
		display:flex;
		flex-direction:column;
		margin:-8px 0;
	}
	
	#home_reviews .reviews .review {
		display:flex;
		margin:8px 0;
	}
	
	#home_reviews .reviews .review .image {
		margin:0 12px 0 0;
	}
	
	#home_reviews .reviews .review .image .circle {
		width:64px;
		height:64px;
		background-color:#ccc;
		border-radius:50%;
		overflow:hidden;
	}
	
	#home_reviews .reviews .review .image .circle img {
		width:100%;
		height:100%;
		object-fit:cover;
	}
	
	#home_reviews .reviews .review .snippet {
		font-style:italic;
		margin-bottom:4px;
		line-height:120%;
	}
	
	#home_reviews .reviews .review .person {
		font-size:0.9em;
		color:#999;
		line-height:110%;
	}
	
	#home_reviews .reviews .review .stars {
		display:flex;
		margin-top:8px;
	}
	
	#home_reviews .reviews .review .stars .star {
		width:auto;
		height:auto;
		max-width:16px;
		max-height:16px;
		margin:0 4px 0 0;
		font-size:0.75em;
	}
	
	#home_reviews .actions {
		margin-top:24px;
	}
    
	#home_select .temp_photo {
		width:100%;
		height:auto;
		vertical-align:top;
	}
	
	#home_select {
		position:relative;
		display:flex;
		justify-content:center;
		align-items:center;
		padding:48px 16px;
	}
	
	#home_select .bg {
		position:absolute;
		display:block;
		z-index:10;
		width:100%;
		height:100%;
		object-fit:cover;
	}
	
	#home_select .box {
		position:relative;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		z-index:20;
		padding:24px;
		background-color:#222;
		background-color:rgba(30,30,30,0.90);
		color:#fff;
		text-decoration:none;
		text-align:center;
		box-shadow:0 0 32px rgba(255,255,255,0.25);
	}
	
	#home_select .box .logo {
		width:160px;
		height:auto;
		margin:0 0 24px 0;
	}
	
	#home_select .box .button {
		padding:8px 16px;
		border:1px solid #fff;
	}


	#home_blog {
		position:relative;
		display:flex;
	}

	#home_blog .panel_maxwidth {
		max-width: 1400px;
	}

	#home_blog .outer_container {
		display: none;
		gap: 5%;
	}

	#home_blog .outer_container.mobile {
		display: flex;
	}



	#home_blog .inner_container {
		flex: 1;
		justify-content: space-between;
		display: flex;
		flex-direction: column;
	}

	#home_blog .inner_container a {
		text-decoration: none;
	}

	#home_blog .inner_container.feature .img {
		aspect-ratio: 2/1.3;
	}

	#home_blog .inner_container.feature .img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		overflow: hidden;
	}


	#home_blog .inner_container .item {
		display: flex; 
		gap: 5%; 
		align-items: center;
	}

	#home_blog .inner_container .item.mobile {
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 40px;
		padding: 12px;
	}

	#home_blog .inner_container .item.desktop:after {
		display: inline-block;
		content: '›';
		margin: 0 0 0 16px;
		font-size: 30px;
	}

	#home_blog .inner_container .item .img {
		aspect-ratio: 2/1.3;
		display: flex;
		flex: 1;
	}

	#home_blog .inner_container .item .text {
		display: flex;
		flex: 1;
		flex-direction: column;
	}

	/* #home_blog .inner_container .item .text.mobile {
		margin: 20px 0;
	} */

	#home_blog .inner_container .item .img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		overflow: hidden;
	}


	#home_blog .tag {
		font-weight: 700;
		background-color: #223a54;
		color: #fff;
		padding: 8px 14px;
		display: flex;
		width: fit-content;
		margin: 4% 0;
		margin: 0 0 10px 0;
	}


	#home_blog .headline {
		color: #223a54;
		margin: 0;
	}

	#home_blog .subline.feature {
		color: #666;
		line-height: 120%;
		margin: 0;
		font-weight: 300;
		font-size: 1.1em;
		margin: 4% 0;
	}






	
	#home_about {
		
	}
	
	#home_about .panel_maxwidth {
		width:80%;
		max-width:1024px;
	}
	
	#home_about .top {
		margin-bottom:48px;
	}
	
	#home_about .top .headline {
		font-size:1.6em;
		color:#223a54;
		line-height:105%;
		text-align:center;
	}
	
	#home_about .items {
		display:flex;
		flex-direction:column;
		align-items:center;
		margin:-16px 0;
	}
		
	#home_about .items .item {
		text-align:center;
		display:flex;
		flex-direction:column;
		margin:16px 0;
		max-width:256px;
	}
	
	#home_about .items .item .icon {
		display:flex;
		justify-content:center;
		align-items:bottom;
		margin-bottom:16px;
		flex:0 0 64px;
	}
	
	#home_about .items .item .icon img {
		width:auto;
		height:56px;
		/* max-width:64px; */
		max-height:56px;
		vertical-align:middle;
	}
	
	#home_about .items .item .text {
		display:flex;
		flex-direction:column;
	}
	
	#home_about .items .item .headline {
		font-size:1.2em;
		color:#223a54;
		line-height:105%;
		margin:0 0 4px 0;
	}
	
	#home_about .items .item .snippet {
		color:#666;
		line-height:120%;
		margin:0;
		font-weight:300;
	}
	
	#home_about .items .item .actions {
		margin:8px 0 0 0;
	}
	
	#home_photo {
		position:relative;
		margin:0;
		padding:0;
	}
	
	#home_photo .photo {
		position:relative;
	}
	
	#home_photo .photo img {
		width:100%;
		height:auto;
		vertical-align:top;
	}
	
	#home_photo figcaption {
		position:absolute;
		right:16px;
		bottom:16px;
		text-align:right;
		color:#fff;
		text-shadow:1px 1px 4px rgba(0,0,0,0.5);
	}
	
	#banner_advantage {
		background-color:#eee;
		text-align:center;
	}
	
	#banner_advantage .panel_maxwidth {
		display:flex;
		flex-direction:column;
		max-width:512px;
		padding:24px 0;
	}
	
	#banner_advantage .image {
		margin:0 0 16px 0;
	}
	
	#banner_advantage .image img {
		width:64px;
		height:auto;
		vertical-align:top;
	}
	
	#banner_advantage .headline {
		font-weight:600;
		font-size:1.4em;
		color:#223a54;
	}
	
	#banner_advantage .headline a {
		color:#223a54;
		text-decoration:none;
	}
	
	/* ---------------- back pages ---------------- */
    
    /* -- general house list style -- */
    
    
    
    /* -- general style photo gallery -- */
    
    .photo_gallery {
        
    }
    
    .photo_gallery .gallery_headline {
        margin-bottom:24px;
		text-align:center;
    }
    
    .photo_gallery .gallery_headline h2 {
        font-weight:600;
        margin:0 0 4px 0;
        font-size:24px;
    }
    
    .photo_gallery .gallery_headline p {
        margin:0;
        color:#999;
    }
        
    .photo_gallery .gallery_images {
				display: -ms-flexbox;
				display: -webkit-flex;
				display:flex;
        flex-flow:row;
        justify-content:center;
    }
    
    .photo_gallery .gallery_images a {
        display:inline-block;
        -webkit-flex:0 1 128px;
        -ms-flex:0 1 128px;
        flex:0 1 128px;
        margin:2px;
    }
        
    .photo_gallery[gallery-type='small'] .gallery_images a:nth-child(n+4) {
        display:none; 
    }
    
    .photo_gallery .gallery_images a img {
        width:100%;
        height:auto;
        vertical-align:top;
        display:inline-block;
    }
    
    .photo_gallery .gallery_images a.viewmore {
        position:relative;
        display:inline-block;
        background-color:#eee;
        background: linear-gradient(135deg, #eee 0%, #e5e5e5 100%);
    }
    
    .photo_gallery .gallery_images a.viewmore:active {
        box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);
    }
    
    .photo_gallery .gallery_images a.viewmore img {
        position:absolute;
        width:auto;
        height:32px;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
    }
    
    .photo_gallery[data-gallery-type='slider'] .gallery_images {
        display:block;
        position:relative;
        width:100%;
        height:60vw;
        max-width:768px;
        max-height:512px;
        margin:0 auto;
    }
    
    .photo_gallery[data-gallery-type='slider'] .gallery_images .slide {
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:800;
        overflow:hidden;
    }
    
    .photo_gallery[data-gallery-type='slider'] .gallery_images .slide img {
        position:absolute;
        width:100%;
        height:auto;
        min-width:100%;
        min-height:100%;
        max-width:none;
        max-height:none;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        background-color:#eee;
    }
    
    .photo_gallery[data-gallery-type='slider'] .gallery_images #slider_arrow {
        position:absolute;
        top:50%;
        right:16px;
        transform:translateY(-50%);
        z-index:900;
    }
    
    .photo_gallery[data-gallery-type='slider'] .gallery_images #slider_arrow .circle {
        display:inline-block;
        background-color:#213B55;
        width:32px;
        height:32px;
        line-height:32px;
        text-align:center;
        border-radius:50%;
    }
    
    .photo_gallery[data-gallery-type='slider'] .gallery_images #slider_arrow .circle img {
        width:auto;
        height:auto;
        max-width:16px;
        max-height:16px;
        vertical-align:middle;
        text-align:center;
        line-height:16px;
        transform:translateY(-2px);
    }
        
    
        
    /* -- resource list -- */
    
    .resource_list {
        font-size:14px;
    }
    
    .resource_list .item {
        display:block;
        text-decoration:none;
        color:#444;
        border-bottom:1px solid #ddd;
        padding-bottom:24px;
        margin-bottom:24px;
    }
    
    .resource_list .item:last-child {
        border-bottom:none;
        padding-bottom:0;
        margin-bottom:0;
    }
    
    .resource_list .item .table_div {
        display:table;
        width:100%;
    }
    
    .resource_list .item .left {
        display:table-cell;
        width:32px;
        vertical-align:top;
    }
    
    .resource_list .item .left .icon {
        width:auto;
        height:auto;
        max-width:20px;
        max-height:20px;
    }
    
    .resource_list .item .right {
        display:table-cell;
        padding-right:16px;
        vertical-align:top;
    }
        
    .resource_list .item h3,
    .resource_list .item h4 {
        font-size:1.2em;
        color:#444;
        font-weight:600;
        line-height:105%;
        margin:0 0 4px 0;
    }
    
    .resource_list .item h3 .type,
    .resource_list .item h4 .type{
        color:#287397;
    }
    
    .resource_list .item p {
        color:#666;
        margin:4px 0 0 0;
    }
    
    /* -- house and land list -- */
    
    .houseland_list {
        
    }
    
    .houseland_list .houseland_item {
        display:block;
        box-shadow:1px 1px 4px rgba(0,0,0,0.1);
        background-color:#fff;
        margin-bottom:16px;
    }
    
    .houseland_list .houseland_item .left {
        
    }
    
    .houseland_list .houseland_item .left a {
        
    }
    
    .houseland_list .houseland_item .left a img {
        vertical-align:top;
        width:100%;
        height:auto;
    }
    
    .houseland_list .houseland_item .right {
        padding:16px;
    }
    
    .houseland_list .houseland_item .right h1 {
        margin:0 0 8px 0;
        font-size:1.3em;
    }
    
    .houseland_list .houseland_item .right h1 a {
        text-decoration:none;
        color:#1F3953;
    }
    
    .houseland_list .houseland_item .right .rooms {
        display:inline-block;
        margin-bottom:8px;
        margin-right:24px;
    }
    
    .houseland_list .houseland_item .right .rooms .room {
        display:inline-block;
        vertical-align:middle;
        margin-right:12px;
        color:#777;
    }
    
    .houseland_list .houseland_item .right .rooms .room img {
        display:inline-block;
        vertical-align:middle;
        margin-left:8px;
        width:auto;
        height:auto;
        max-width:16px;
        max-height:16px;
    }
    
    .houseland_list .houseland_item .right .price {
        display:inline-block;
        margin-right:24px;
        color:#999;
    }
    
    .houseland_list .houseland_item .right .fh_button {
        margin-top:16px;
    }
    
    /* -- general feature panel style -- */
    
    .panel_page_feature {
        display:block;
        position:relative;
        background-color:#999;
        color:#fff;
        background-size:cover;
        background-position:75% center;
        padding:64px 0;
        font-size:14px;
    }
    
    .panel_page_feature:after {
        /*display:block;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        background-color:rgba(0,0,0,0.25);
        background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.25) 100%);
        content:' ';
        z-index:100;*/
    }
    
    .panel_page_feature[data-text-color='dark'] {
        background-color:#eee;
    }
            
    .panel_page_feature .page_headline {
        position:relative;
        z-index:200;
        color:#fff;
        line-height:100%;
        text-shadow:1px 1px 0px rgba(0,0,0,0.5);
        margin:0 0 16px 0;
        font-size:2.5em;
        width:75%;
        max-width:600px;
    }
	
	body[data-entry-id='101751'] .panel_page_feature .page_headline,
	body[data-entry-id='101751'] .panel_page_feature .page_subline {
		max-width:1280px;
	}
        
    .panel_page_feature[data-text-color='dark'] .page_headline {
        color:#1F3953;
        text-shadow:1px 1px 0px rgba(255,255,255,0.5);
    }
    
    .panel_page_feature .page_subline {
        position:relative;
        z-index:200;
        color:#fff;
        font-size:1.2em;
        max-width:700px;
        margin:0;
        text-shadow:1px 1px 0px rgba(0,0,0,0.5);
        line-height:120%;
        width:75%;
        max-width:600px;
    }
    
    .panel_page_feature[data-text-color='dark'] .page_subline {
        color:#444;
        text-shadow:1px 1px 0px rgba(255,255,255,0.5);
    }
    
    .panel_page_feature .buttons {
        position:relative;
        z-index:200;
        margin:24px 0 0 0;
    }
    
    /* -- calculators -- */
    
    .calculator_form {
        background-color:#f5f5f5;
        padding:24px;
    }
    
    .calculator_form .table_div {
        display:block;
    }
    
    .calculator_form .calculator_heading {
        margin-bottom:24px;
    }
    
    .calculator_form h1 {
        margin:0;
        font-size:32px;
        color:#1F3953;
    }
    
    .calculator_form h2 {
        margin:0 0 16px 0;
        font-weight:500;
        font-size:24px;
        color:#287397;
    }
    
    .calculator_form .left_input {
        margin-bottom:24px;
        padding-bottom:24px;
        border-bottom:1px solid #ccc;
    }
    
    .calculator_form .row {
        margin-bottom:12px;
    }
    
    .calculator_form label {
        display:block;
        margin-bottom:2px;
    }
    
    .calculator_form input[type='text'],
    .calculator_form input[type='email'],
    .calculator_form input[type='number'],
    .calculator_form input[type='tel'],
    .calculator_form input[type='password'] {
        font-family:roboto-mono,monospace;
        box-sizing:border-box;
        width:100%;
        height:40px;
        line-height:40px;
        padding:0 12px;
        border:1px solid #ccc;
    }
    
    .calculator_form select {
        box-sizing:border-box;
        width:100%;
        height:40px;
        border:1px solid #ccc;
        padding:0 8px;
    }
        
    .calculator_form .inline_field input {
        display:inline-block;
        width:128px;
        height:24px;
        line-height:24px;
        padding:0 4px;
        background-color:#f5f5f5;
        border:none;
        border-bottom:1px solid #ccc;
        font-weight:700;
        font-size:22px;
    }
    
    .calculator_form .inline_field.smaller input {
        font-size:18px;
        font-weight:500;
        width:160px;
    }
    
    /* -- design list page -- */
   
    #design_list {
        position:relative;
        box-sizing:border-box;
        width:100%;
        background-color:#f5f5f5;
        padding:32px 0;
        z-index:200;
    }
    
    #popular_design_list {
        position:relative;
        box-sizing:border-box;
        width:100%;
        background-color:#eee;
        background:-webkit-linear-gradient(#f5f5f5 0%, #eee 100%);
        background:-o-linear-gradient(#f5f5f5 0%, #eee 100%);
        background:linear-gradient(#f5f5f5 0%, #eee 100%);
        padding:32px 0;
        z-index:200;
    }
    
    #design_list.display_house_list {
        padding:48px 0;
    }
    
    #design_list .design_list_heading,
    #popular_design_list .design_list_heading {
        margin:0 0 24px 0;
    }
    
    #design_list .design_list_heading h2,
    #popular_design_list .design_list_heading h2,
    #houseland_content .houseland_list_heading {
        color:#1F3953;
        font-weight:500;
    }
    
    #design_list h2,
    #popular_design_list h2 {
        margin:0 0 4px 0;
    }
    
    #design_list.display_house_list h2 {
        margin:0 0 16px 0;
		text-align:center;
    }
    
    #houseland_content .houseland_list_heading {
        margin:0 0 19px 0;
    }
    
    #design_list .design_list_heading .filtered_by,
    #popular_design_list  .design_list_heading .filtered_by {
        display:inline-block;
        font-size:16px;
        color:#287397;
        font-style:italic;
        margin-right:4px;
        line-height:100%;
        vertical-align:middle;
    }
    
    #design_list .design_list_heading .filtered_count,
    #popular_design_list .design_list_heading .filtered_count {
        display:inline-block;
        font-size:16px;
        color:#999;
        font-style:italic;
        margin-right:8px;
        line-height:100%;
        vertical-align:middle;
    }
    
    /* -- design detail page -- */
     
    #design_detail {
        padding:32px 0 0 0;
    }
    
    #design_detail .layout_top .design_name {
        background-color:#f5f5f5;
        margin-bottom:16px;
        padding:32px 16px;
        border-top:8px solid #ccc;
        text-align:center;
	}
	
    #design_detail .layout_top .design_name h1 {
        margin:0 0 8px 0;
        text-transform:uppercase;
        letter-spacing:0.1em;
        color:#213b55;
        font-size:1.5em;
        line-height:105%;
    }
    
    #design_detail .layout_top .design_name .line {
        width:128px;
        margin:16px auto;
        border-top:1px solid #ccc;
    }
    
    #design_detail .layout_top .design_name .rooms {
        color:#777;
        font-size:16px;
        margin-bottom:12px;
    }
    
    #design_detail .layout_top .design_name .rooms .room {
        display:inline-block;
        margin-right:12px;
    }
    
    #design_detail .layout_top .design_name .rooms .room:last-child {
        margin:0;
    }
    
    #design_detail .layout_top .design_name .rooms .number {
        display:inline-block;
        vertical-align:middle;
    }
    
    #design_detail .layout_top .design_name .rooms .icon {
        display:inline-block;
        vertical-align:middle;
        margin-left:8px;
        width:auto;
        height:auto;
        max-width:16px;
        max-height:16px;
    }
    
    #design_detail .layout_top .design_name .dimensions {
        color:#444;
        margin-bottom:8px;
    }
    
    #design_detail .layout_top .design_name .dimensions .area {
        display:inline-block;
        margin-right:16px;
    }
    
    #design_detail .layout_top .design_name .dimensions .width {
        display:inline-block;
    }
    
    #design_detail .layout_top .design_name .ondisplay {
        font-size:14px;
    }
    
    #design_detail .layout_top .design_images {
        background-color:#f5f5f5;
        margin-bottom:16px;
        position:relative;
    }
    
    #design_detail .layout_top .design_images > img {
        z-index:5;
    }
	
	#design_detail .layout_top .design_images .boxed {
		display:block;
		max-height:512px;
	}
	
	#design_detail .layout_top .design_images .boxed img {
		width:100%;
		height:auto;
		vertical-align:top;
	}
	
	@supports ( object-fit:cover ) {
		
		#design_detail .layout_top .design_images .boxed img {
			object-fit:cover;
			width:100%;
			height:100%;
			max-height:512px;
		}
		
	}
    
    #design_detail .layout_top .media_links {
        position:relative;
        z-index:10;
        padding:8px;
    }
    
    #design_detail .layout_top .media_links .media_link {
        vertical-align:middle;
        margin:4px;
    }   
    
    #design_detail .layout_top .media_links .media_link:active {
        transform:scale(0.95);
    }
        
    #design_detail .layout_top .media_links .media_link img {
        width:auto;
        height:auto;
        max-width:12px;
        max-height:12px;
        display:inline-block;
        margin-right:4px;
    }
    
    #design_detail .layout_top .media_links .media_link.favourite_link img {
        max-width:16px;
        max-height:12px;
    }
    
    #design_detail .layout_top .media_links .media_link.gallery_link {
        
    }
    
    #design_detail .layout_top .media_links .media_link.gallery_link.show {
        
    }
    
    #design_detail .layout_bot > .panel_maxwidth {
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        flex-direction:column-reverse;
    }
    
    #design_detail .layout_bot .design_specs {
        margin-bottom:16px;
        padding:16px;
    }
    
    #design_detail .layout_bot .design_specs .spec_links {
        margin-bottom:32px;
    }
    
    #design_detail .layout_bot .design_specs .spec_links .fh_button {
        margin-bottom:8px;
    }
        
    #design_detail .layout_bot .design_specs .spec_table table {
        width:100%;
    }
    
    #design_detail .layout_bot .design_specs .spec_table td,
    #design_detail .layout_bot .design_specs .spec_table th {
        padding:8px 0;
        border-bottom:1px dotted #ccc;
    }
        
    #design_detail .layout_bot .design_specs .spec_table td:nth-child(2),
    #design_detail .layout_bot .design_specs .spec_table th:nth-child(2) {
        text-align:right;
        padding-left:8px;
        text-transform:none;
    }
    
    #design_detail .layout_bot .design_specs .spec_table td:nth-child(2) {
        font-family:roboto-mono,monospace;
        font-size:14px;
    }
    
    #design_detail .layout_bot .design_specs .spec_table tr:last-child td {
        border:none;
    }
    
    #design_detail .layout_bot .design_specs .spec_table th {
        text-align:left;
        padding:24px 0 8px 0;
        font-size:18px;
        font-weight:600;
        text-transform:uppercase;
        letter-spacing:0.1em;
        color:#213b55;
    }
    
    #design_detail .spec_table em.light {
        font-size:14px;
        color:#999;
    }
    
    #design_detail .design_display {
        padding:16px;
        background-color:#f5f5f5;
        margin-top:32px;
    }
    
    #design_detail .design_display h2 {
        margin:0 0 8px 0;
        font-size:20px;
        text-transform:uppercase;
        letter-spacing:0.05em;
        color:#287397;
    }
    
    #design_detail .design_display .village_name {
        font-size:18px;
        font-weight:600;
        color:#1F3953;
    }
    
    #design_detail .design_display .village_open {
        margin-bottom:16px;
        color:#666;
    }
	
	#design_detail .design_display .village_actions {
		display:flex;
		flex-direction:column;
		margin:-4px;
	}
	
	#design_detail .design_display .village_actions .box_button {
		margin:4px;
	}
    
    #design_detail .layout_bot .design_customer {
        margin:48px auto 0 auto;
        max-width:420px;
        box-shadow:2px 2px 8px rgba(0,0,0,0.1);
    }
    
    #design_detail .layout_bot .design_customer .image {
        width:100%;
        height:auto;
        vertical-align:top;
    }
    
    #design_detail .layout_bot .design_customer .text {
        padding:24px;
        border:1px solid #ddd;
        border-top:none;
    }
    
    #design_detail .layout_bot .design_customer .quote_text {
        font-weight:500;
        font-size:20px;
        font-style:italic;
        color:#1F3953;
        margin-bottom:12px;
        line-height:110%;
    }
    
    #design_detail .layout_bot .design_customer .quote_subline {
        font-weight:500;
        color:#666;
        font-size:16px;
        margin-bottom:16px;
    }
    
    #design_detail .layout_bot .design_floorplan {
        padding:16px;
        position:relative;
        z-index:100;
    }
    
    #design_detail #floorplan_image {
        display:block;
        max-width:700px;
        width:100%;
        height:auto;
        margin:0 auto;
        max-height:1024px;
    }
    
    #design_detail .design_floorplan .floorplan_buttons {
        position:absolute;
        top:16px;
        right:0;
        z-index:200;
    }
    
    #design_detail .design_floorplan .floorplan_buttons a {
        display:block;
        width:32px;
        height:32px;
        line-height:32px;
        text-align:center;
        background-color:#1F3953;
        margin-bottom:2px;
    }
    
    #design_detail .design_floorplan .floorplan_buttons a:first-child {
        background-color:#287397;
    }
    
    #design_detail .design_floorplan .floorplan_buttons a img {
        width:auto;
        height:auto;
        max-width:20px;
        max-height:16px;
        vertical-align:middle;
    }
    
    #design_detail .photo_gallery {
        padding:16px;
    }
    
    #design_detail .photo_gallery .line {
        display:block;
        height:1px;
        border-top:1px solid #ddd;
        margin:0 auto 16px auto;
        max-width:512px;
        
    }
    
    #design_detail .photo_gallery .line2 {
        display:block;
        height:1px;
        border-bottom:1px solid #ddd;
        margin:32px auto 0 auto;
        max-width:512px;
        
    }
	
	#design_detail .layout_gallery {
		margin:32px 0 0 0;
		position:relative;
		overflow:hidden;
		padding:4px 0;
	}
	
	#design_detail .layout_gallery .gallery_grid {
		position:relative;
		display:flex;
		flex-wrap:wrap;
		margin:-2px;
	}
	
	#design_detail .layout_gallery .gallery_grid .item {
		position:relative;
		flex:0 0 auto;
		flex-basis:calc( 50% - 4px );
		padding-top:30%;
		margin:2px;
	}
	
	#design_detail .layout_gallery .gallery_grid .item {
		background-color:#eee;
		color:#ccc;
	}
	
	#design_detail .layout_gallery .gallery_grid .item .thumbnail {
		position:absolute;
		top:0;
		width:100%;
		height:100%;
		object-fit:cover;
	}
	
	#design_detail .layout_gallery .gallery_grid .item:after {
		display:block;
		position:absolute;
		content:'';
		top:0;
		right:0;
		bottom:0;
		left:0;
	}
	
	#design_detail .layout_gallery .gallery_grid .item.box {
		position:relative;
		padding:0;
		background-color:#233a53;
		color:#fff;
		display:flex;
		justify-content:center;
		align-items:center;
		text-decoration:none;
	}
	
	#design_detail .layout_gallery .gallery_grid .item.box .text {
		padding:16px;
	}
	
	#design_detail .layout_gallery .gallery_grid .item.box .text .icon {
		width:12px;
		height:auto;
		margin:0 8px 0 0;
	}
	
	#design_detail .layout_gallery .gallery_grid .item.box .text .label {
		flex:1 1 auto;
		font-size:16px;
		font-weight:500;
		line-height:110%;
	}
            
    /* -- compare designs -- */
        
    #compare_container {
        
    }
    
    #compare_container h1 {
        margin:0 0 16px 0;
    }
    
    #compare_container .compare_intro {
        margin-bottom:32px;
        font-size:18px;
    }
    
    .compare_table {
        position:relative;
    }
    
    .compare_table .scroll_box {
        margin-left:144px;
        overflow-x:scroll;
        overflow-y:hidden;
    }
    
    .compare_table .header_row {
        width:1300px;
    }
    
    .compare_table .header_stat {
        display:inline-block;
        height:64px;
        line-height:64px;
        padding:0 16px;
        border-right:2px solid #999;
        margin-bottom:2px;
        width:126px;
        vertical-align:bottom;
        text-align:center;
        background-color:#666;
        color:#fff;
    }
    
    .compare_table .header_stat:last-child {
        border-right:none;
    }
    
    .compare_table .home_names {
        position:absolute;
        width:144px;
        background-color:#f5f5f5;
        top:0;
        left:0;
        border-top:66px solid #fff;
    }
    
    .compare_table .home_names:after {
        display:block;
        position:absolute;
        top:-66px;
        bottom:0;
        left:144px;
        width:8px;
        background: linear-gradient(to right, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
        content:' ';
    }
    
    .compare_table .home_names .home_item {
        display:block;
        background-color:#1F3953;
        color:#fff;
        font-weight:700;
        text-decoration:none;
        border-bottom:2px solid #fff;
        overflow:hidden;
    }
    
    .compare_table .home_names .home_item .image {
        height:84px;
    }
	
	.compare_table .home_names .home_item .image img {
		width:100%;
		height:100%;
		object-fit:cover;
		vertical-align:top;
	}
    
    .compare_table .home_names .home_item .name {
        padding:0 16px;
        height:30px;
        line-height:30px;
    }
    
    .compare_table .home_stats {
        width:1300px;
        font-family:roboto-mono,monospace;
    }
    
    .compare_table .home_stats .stat_row {
        display:block;
        /*height:42px;
        line-height:42px;*/
        height:114px;
        line-height:114px;
        border-bottom:2px solid #fff;
    }
    
    .compare_table .home_stats .stat_row .stat_item {
        display:inline-block;
        height:114px;
        line-height:114px;
        padding:0 16px;
        margin-right:2px;
        width:126px;
        vertical-align:top;
        text-align:center;
        background-color:#f5f5f5;
    }
    
    .compare_table .home_stats .stat_row .stat_item .empty {
        color:#ccc;
    }
    
    .compare_table .home_stats .stat_row .stat_item.largest {
        font-weight:700;
        color:#455a2c;
        background-color:#d1e8b6;
        background-color:#e3eed5;
    }
    
    .compare_table .home_stats .stat_row .stat_item.higher {
        font-weight:700;
        color:#455a2c;
        background-color:#d1e8b6;
        background-color:#e3eed5;
    }
    
    .compare_table .home_stats .stat_row .stat_item.lower {
        color:#5b2f2f;
        background-color:#e5c6c6;
    }
    
    .compare_table .home_stats .stat_row.selected .stat_item {
        background-color:#1F3953;
        color:#fff;
    }
        
    .compare_table .home_stats .stat_row .stat_item.same {
        
    }
        
    /* -- display detail -- */
        
    #display_detail {
        
    }
    
    #display_detail .display_feature {
        position:relative;
        text-align:center;
        background-color:#ccc;
        background-image:url('https://fairmonthomes.com.au/images/villages/village_banner.jpg');
        background-size:cover;
        background-position:center center;
    }
    
    #display_detail .display_feature .overlay {
        position:absolute;
        z-index:10;
        top:0;
        right:0;
        bottom:0;
        left:0;
    }
    
    #display_detail .display_feature .panel_maxwidth {
        position:relative;
        z-index:20;
        color:#fff;
        color:#666;
    }
    
    #display_detail .display_feature h1 {
        margin:0 0 8px 0;
        color:#fff;
        color:#1F3953;
        line-height:100%;
    }
    
    #display_detail .display_feature .feature_open {
        line-height:110%;
    }
    
    #display_detail .display_house_list {
        position:relative;
        z-index:20;
        background-color:#fff;
    }
    
    #display_detail .display_house_list .house_list {
        justify-content:center;
    }
        
    #display_contact {
        position:relative;
        background-color:#eee;
        z-index:30;
    }
    
    #display_contact .panel_maxwidth {
        position:relative;
    }
    
    #display_contact .block {
        position:relative;
        margin-bottom:16px;
    }
    
    #display_contact .details_right .block {
        margin-bottom:0;
    }
    
    #display_contact h2 {
        font-size:1.8em;
        color:#213B55;
        margin:0 0 8px 0;
    }
    
    #display_contact h2.red {
        color:#b83c3c;
    }
    
    #display_contact h3 {
        margin:0 0 4px 0;
        font-weight:600;
        font-size:1.4em;
    }
    
    #display_contact p {
        margin:8px 0;
        font-size:16px;
        line-height:130%;
    }
    
    #display_contact p.contact_info {
        margin-top:16px;
    }
        
    #display_contact .consultant_photo {
        display:none;
    }
    
    #display_contact .phone {
        font-weight:600;
        color:#1F3953;
        text-decoration:none;
        font-size:1.2em;
    }
    
    #display_contact .email {
        color:#287397;
        text-decoration:none;
    }
    
    #display_contact [data-consultants='2'] {
        
    }
        
    #display_contact [data-consultants='2'] .table_div {
        display:table;
        width:100%;
    }
    
    #display_contact [data-consultants='2'] .table_div .left {
        display:table-cell;
        vertical-align:top;
        width:50px;
    }
    
    #display_contact [data-consultants='2'] .table_div .left img {
        width:auto;
        height:auto;
        max-width:40px;
        max-height:96px;
    }
    
    #display_contact [data-consultants='2'] .table_div .right {
        display:table-cell;
        vertical-align:top;
    }
        
    #display_contact .details_right[data-consultants='2'] .block {
        margin-bottom:16px;
        width:auto;
    }
    
    #display_contact .details_right .block.inline_block {
        display:inline-block;
        vertical-align:top;
        margin-right:32px;
    }
    
    #display_contact [data-consultants='2'] .block:last-child {
        margin-bottom:0;
    }
    
    #display_contact [data-consultants='2'] .contact_info {
        margin-top:0;
    }
    
    #display_contact [data-consultants='2'] .phone {
        font-size:1em;
        color:#4074a4;
        font-weight:500;
    }
	
	#display_gallery .gallery_headline {
		text-align:center;
	}
    
    #new_village_form {
        padding-top:24px;
    }
    
    #new_village_form .field {
        display:table;
        width:100%;
        margin-bottom:0;
    }
    
    #new_village_form .field .left {
        display:table-cell;
    }
    
    #new_village_form .field .left input {
        border-right:none;
    }
    
    #new_village_form .field .right {
        display:table-cell;
        width:64px;
    }
    
    #new_village_form input[type='submit'] {
        background-color:#287397;
        border:1px solid #287397;
        color:#fff;
    }
    
    #new_village_form input[type='submit']:active {
        box-shadow:inset 2px 2px 8px rgba(0,0,0,0.5);
    }
    
    
    
    /* -- favourite popup -- */
        
    #favourite_popup {
        background-color:#f5f5f5;
    }
    
    #favourite_popup > .inner {
        max-width:440px;
        margin:0 auto;
    }
    
    #favourite_popup .fav_screenshot {
        margin:32px 0;
    }
    
    #favourite_popup .fav_screenshot img {
        width:100%;
        max-width:100%;
    }
    
    #display_actions {
        text-align:center;
    }
    
    #display_actions .fh_button {
        display:block;
        margin:4px 0;
    } 
    
    /* -- village list page -- */
    
    #village_list_feature {
        position: relative;
        text-align: center;
        background-color: #ccc;
        background-image: url('https://fairmonthomes.com.au/images/villages/village_banner.jpg');
        background-size: cover;
        background-position: center center;
    }
    
    #village_list_page {
        background-color:#f5f5f5;
    }
    
    #village_list_page .village_list_section {
        margin-bottom:50px;
    }
    
    #village_list_page h2 {
        font-size:1.8em;
        font-weight:300;
        color:#999;
        text-transform:uppercase;
        margin:0 0 24px 0;
        line-height:34px;
        letter-spacing:0.05em;
    }
    
    #village_list_page .village_list_item {
        display:block;
        padding:16px;
        background-color:#fff;
        box-shadow:2px 2px 8px rgba(0,0,0,0.1);
        text-decoration:none;
        margin-bottom:8px;
    }
        
    #village_list_page .village_list_item h3 {
        margin:0 0 4px 0;
        color:#1F3954;
    }
    
    #village_list_page .village_list_item h3 [data-status] {
        display:inline-block;
        font-size:12px;
        line-height:12px;
        padding:4px;
        background-color:#1F3954;
        color:#fff;
        text-transform:uppercase;
        vertical-align:middle;
        transform:translateY(-2px);
    }
    
    #village_list_page .village_list_item h3 [data-status='coming soon'] {
        background-color:#E1BB18;
    }
    
    #village_list_page .village_list_item h3 [data-status='new'] {
        background-color:#b83c3c;
    }
    
    #village_list_page .village_list_item p {
        color:#666;
        margin:0;
    }
    
    #village_list_page .village_list_item p [data-village-open] {
        font-weight:700;
        color:#287397;
    }
    
    #village_list_subscribe {
        text-align:center;
    }
    
    #village_list_subscribe .panel_maxwidth {
        max-width:512px;
    }
    
    #village_list_subscribe h2 {
        text-transform:uppercase;
        font-weight:500;
        color:#287397;
        margin:0;
    }
    
    #village_list_subscribe p {
        margin:0 0 16px 0;
        color:#666;
    }
	
	/* ---- display village 2020 changes ---- */
	
	#village_2020_designs {
		background-color:#f5f5f5;
	}
	
	.village_2020_panel .row_headline {
		text-align:center;
		margin-bottom:32px;
	}
	
	.village_2020_panel .row_headline .headline {
		margin:0 0 12px 0;
		color:#2c3a50;
	}
	
	.village_2020_panel .row_headline p {
		color:#666;
		max-width:600px;
		margin:12px auto 0 auto;
	}
	
	.village_2020_panel .row_headline p.open_now span {
		display:inline-block;
		border-bottom:1px solid #ccc;
		padding:8px 0 16px 0;
		margin:0 0 16px 0;
		font-size:1.2em;
		font-weight:700;
		color:#222;
		color:#1ba5c4;
	}
	
	.village_2020_panel .row_headline p.intro {
		font-size:1.2em;
		line-height:120%;
	}
	
	.village_2020_panel .row_headline p.intro a {
		white-space:nowrap;
	}
	
	#village_2020_designs .row_designs {
		display:flex;
		flex-direction:column;
		margin:-8px;
	}
	
	#village_2020_designs .row_designs .design {
		display:flex;
		flex-direction:column;
		margin:8px;
		background-color:#fff;
		box-shadow:2px 2px 8px rgba(0,0,0,0.1);
	}
	
	#village_2020_designs .row_designs .design .image {
		background-color:#ccc;
		height:160px;
	}
	
	#village_2020_designs .row_designs .design .image .thumbnail {
		width:100%;
		height:100%;
		object-fit:cover;
		vertical-align:top;
	}
	
	#village_2020_designs .row_designs .design .text {
		padding:16px;
	}
	
	#village_2020_designs .row_designs .design .text .name {
		color:#223a54;
		margin:0 0 8px 0;
	}
	
	#village_2020_designs .row_designs .design .text .name a {
		color:#223a54;
		text-decoration:none;
	}
	
	#village_2020_designs .row_designs .design .text .actions {
		display:flex;
		flex-direction:column;
	}
	
	#village_2020_designs .row_designs .design .text .actions .action {
		display:flex;
		align-items:center;
		color:#666;
		text-decoration:none;
		padding:4px 0;
	}
	
	#village_2020_designs .row_designs .design .text .actions .action .icon {
		flex:0 0 24px;
		margin:0 8px 0 0;
	}
	
	#village_2020_designs .row_designs .design .text .actions .action .icon img {
		width:auto;
		height:auto;
		max-width:24px;
		max-height:16px;
	}
	
	#village_2020_designs .row_designs .design .gallery_links {
		display:none;
	}
	
	#village_2020_contact {
		background-color:#fff;
	}
	
	#village_2020_contact .row_consultants {
		display:flex;
		flex-direction:column;
		margin:-12px;
	}
	
	#village_2020_contact .row_consultants .consultant {
		display:flex;
		flex-direction:column;
		margin:12px;
	}
	
	#village_2020_contact .row_consultants .consultant .image {
		flex:0 0 128px;
		padding-left:16px;
	}
	
	#village_2020_contact .row_consultants .consultant .image .cutout {
		width:auto;
		height:auto;
		max-width:100%;
		max-height:160px;
		vertical-align:bottom;
	}
	
	#village_2020_contact .row_consultants .consultant .text {
		background-color:#f5f5f5;
		padding:16px;
	}
	
	#village_2020_contact .row_consultants .consultant .text .name {
		color:#223a54;
		margin:0 0 8px 0;
	}
	
	#village_2020_contact .row_consultants .consultant .text .contact_item {
		display:flex;
		margin:2px 0;
		color:#444;
		text-decoration:none;
	}
	
	#village_2020_contact .row_consultants .consultant .text .contact_item .icon {
		flex:0 0 16px;
		margin:0 8px 0 0;
	}
	
	#village_2020_contact .row_consultants .consultant .text .contact_item .icon img {
		width:auto;
		height:auto;
		max-width:16px;
		max-height:16px;
	}
	
	#village_2020_contact .row_consultants .consultant .text .actions {
		margin-top:8px;
	}
	
	#village_2020_contact .row_consultants .consultant .text .actions .button {
		display:inline-block;
		text-decoration:none;
		color:#fff;
		background-color:#222;
		padding:8px;
		line-height:100%;
		font-weight:700;
		font-size:14px;
	}
	
	#village_2020_contact .row_consultants .consultant .text .actions .button.blue {
		background-color:#223a54;
	}
	
	#village_2020_contact .row_consultants .consultant .text .actions .button.white {
		background-color:#f5f5f5;
		color:#666;
	}
	
	#village_2020_photo {
		height:50vw;
		max-height:768px;
		background-size:cover;
		background-position:center center;
	}
		
	#village_2020_tour {
		background-color:#f5f5f5;
	}
	
	#village_2020_tour .panel_maxwidth {
		max-width:1280px;
	}
	
	#village_2020_tour .tour_frame {
		width:100%;
		height:60vw;
		max-height:720px;
		background-color:#eee;
		border:2px solid #ccc;
	}
    
    /* -- advantage club dashboard -- */
    
    #dashboard {
        background-color:#f5f5f5;
        padding:24px 0;
    }
    
    #dashboard h2 {
        color:#1F3953;
        font-size:1.5em;
        margin:0 0 24px 0;
    }
    
    #dashboard .dashboard_main_left {
        margin-bottom:32px;
    }
    
    #dashboard .dashboard_preference_bar {
        background-color:#e9e9e9;
        padding:16px;
        margin-bottom:32px;
    }
        
    #dashboard .dashboard_preference_bar .step_1,
    #dashboard .dashboard_preference_bar .step_2 {
        display:block;
    }
    
    #dashboard .dashboard_preference_bar .step_1.hide,
    #dashboard .dashboard_preference_bar .step_2.hide {
        display:none;
    }
    
    #dashboard .dashboard_preference_bar label {
        display:block;
    }
    
    #dashboard .dashboard_preference_bar .right {
        margin-top:8px;
    }
    
    #dashboard .dashboard_large_buttons {
        margin:0 0 32px 0;
    }
    
    #dashboard .dashboard_large_buttons .large_button {
        display:block;
        background-color:#fff;
        padding:32px;
        margin-bottom:8px;
        box-shadow:1px 1px 4px rgba(0,0,0,0.1);
        text-align:center;
        text-decoration:none;
        box-sizing:border-box;
    }
    
    #dashboard .dashboard_large_buttons .large_button:active {
        box-shadow:inset 2px 2px 8px rgba(0,0,0,0.25);
    }
    
    #dashboard .dashboard_large_buttons .large_button .image {
        margin:0 0 16px 0;
    }
    
    #dashboard .dashboard_large_buttons .large_button .image .circle {
        display:inline-block;
        width:96px;
        height:96px;
        border-radius:50%;
        background-color:#287397;
        text-align:center;
        line-height:96px;
    }
    
    #dashboard .dashboard_large_buttons .large_button .image .circle img {
        width:auto;
        height:auto;
        max-width:40px;
        max-height:40px;
        vertical-align:middle;
        transform:translateY(-5%);
    }
    
    #dashboard .dashboard_large_buttons .large_button h3 {
        margin:0 0 8px 0;
        text-transform:uppercase;
        color:#287397;
        color:#1F3953;
        font-size:20px;
        
    }
    
    #dashboard .dashboard_large_buttons .large_button p {
        color:#666;
        font-size:14px;
        line-height:120%;
        margin:0;
    }
    
    #dashboard .dashboard_blog {
        
    }
    
    /*#dashboard .dashboard_blog h2 {
        font-weight:500;
        color:#999;
        font-size:1.5em;
        margin:0 0 8px 0;
    }*/
        
    #dashboard .dashboard_main_right {
        
    }
            
    /* -- dashboard preferences -- */
    
    #dashboard .dashboard_preferences {
        padding-bottom:32px;
    }
    
    #dashboard .dashboard_preferences h2.intro_message {
        font-size:1.3em;
        margin:0 0 16px 0;
        color:#1F3953;
    }
    
    #dashboard .dashboard_preferences #dashboard_preference_form {
        margin-top:48px;
    }
    
    #dashboard_preference_form input[type='submit'] {
        position:relative;
    }
    
    #dashboard_preference_form input[type='submit']:disabled {
        opacity:0.75;
    }
    
    #dashboard_preference_form .field {
        margin-bottom:32px;
    }
    
    #dashboard_preference_form .checkbox_group {
        margin-bottom:24px;
        padding:24px;
        background-color:#eee;
    }
    
    #dashboard_preference_form .checkbox_group p {
        margin:0 0 8px 0;
    }
    
    /* -- system pages - logins, secure zones etc -- */
    
    #login_error h1 {
        font-size:2em;
        color:#1F3953;
    }
    
    #login_error .error_message {
        font-size:1.2em;
    }
    
    #login_error .login_panel {
        margin-top:32px;
        max-width:512px;
    }
    
    /* -- house and land list page -- */
    
    #houseland_content {
        background-color:#f5f5f5;
    }
    
    /* -- house and land detail page -- */
    
    #houseland_detail {
        padding:32px 0;
    }
	
	#houseland_gmap_container {
		width:90%;
		height:90%;
	}
    
    #houseland_detail .package_name {
        background-color:#f5f5f5;
        margin-bottom:16px;
        padding:32px 16px;
        text-align:left;
        border-top:8px solid #287397;
    }
        
    #houseland_detail .package_name h1 {
        margin:0;
        color:#213b55;
        font-size:1.5em;
        line-height:105%;
    }
    
    #houseland_detail .package_name .price {
        margin:16px 0 16px 0;
        font-weight:500;
        font-size:20px;
        color:#287397;
    }
    
    #houseland_detail .package_name .rooms {
        color:#777;
        font-weight:600;
    }
    
    #houseland_detail .package_name .rooms .room {
        display:inline-block;
        margin-right:20px;
    }
    
    #houseland_detail .package_name .rooms .number {
        display:inline-block;
        font-size:18px;
        vertical-align:middle;
        margin-right:8px;
    }
    
    #houseland_detail .package_name .rooms .icon {
        display:inline-block;
        vertical-align:middle;
        width:auto;
        height:auto;
        max-width:20px;
        max-height:20px;
    }
    
    #houseland_detail .package_image {
        margin-bottom:16px;
        background-color:#e4e4e4;
    }
    
    #houseland_detail .package_image img {
        width:100%;
        height:auto;
        vertical-align:top;
    }
    
    #houseland_detail .layout_mid .panel_maxwidth {
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        flex-direction:column-reverse;
    }
    
    #houseland_detail .layout_mid .consultant {
        margin-bottom:24px;
        font-size:18px;
        color:#1F3953;
        font-weight:700;
    }
    
    #houseland_detail .layout_mid .consultant a {
        color:#1F3953;
        text-decoration:none;
    }
    
    #houseland_detail .layout_mid .consultant .small {
        font-size:16px;
        font-weight:500;
    }
        
    #houseland_detail .layout_mid .buttons {
        margin-bottom:16px;
    }
    
    #houseland_detail .layout_mid .buttons .fh_button {
        margin-bottom:8px;
    }
    
    #houseland_detail .layout_mid .price {
        margin:32px 0 16px 0;
        font-weight:500;
        font-size:20px;
        color:#287397;
    }
    
    #houseland_detail .layout_mid .rooms {
        color:#777;
        font-weight:600;
        margin:0 0 16px 0;
    }
    
    #houseland_detail .layout_mid .rooms .room {
        display:inline-block;
        margin-right:20px;
    }
    
    #houseland_detail .layout_mid .rooms .number {
        display:inline-block;
        font-size:18px;
        vertical-align:middle;
        margin-right:8px;
    }
    
    #houseland_detail .layout_mid .rooms .icon {
        display:inline-block;
        vertical-align:middle;
        width:auto;
        height:auto;
        max-width:20px;
        max-height:20px;
    }
    
    #houseland_detail .layout_mid .detail_table {
        
    }
    
    #houseland_detail .layout_mid .detail_table table {
        width:100%;
    }
    
    #houseland_detail .layout_mid .detail_table td,
    #houseland_detail .layout_mid .detail_table th {
        padding:8px 0;
        border-bottom:1px dotted #ccc;
    }
        
    #houseland_detail .layout_mid .detail_table td:nth-child(2),
    #houseland_detail .layout_mid .detail_table th:nth-child(2) {
        text-align:right;
        padding-left:8px;
        text-transform:none;
    }
    
    #houseland_detail .layout_mid .detail_table td:nth-child(2) {
        font-family:roboto-mono,monospace;
        font-size:14px;
    }
    
    #houseland_detail .layout_mid .detail_table tr:last-child td {
        border:none;
    }
    
    #houseland_detail .layout_mid .detail_table th {
        text-align:left;
        padding:24px 0 8px 0;
        font-size:18px;
        font-weight:600;
        text-transform:uppercase;
        letter-spacing:0.1em;
        color:#213b55;
    }
    
    #houseland_detail .layout_mid .detail_table em.light {
        font-size:14px;
        color:#999;
    }
    
    #houseland_detail .layout_mid .package_floorplan {
        text-align:center;
        margin-bottom:24px;
    }
    
    #houseland_detail .layout_mid .package_floorplan img {
        width:100%;
        max-width:700px;
        max-height:1000px;
    }
	
	#houseland_detail .layout_mid .package_floorplan img.wide {
		max-width:90%;
	}
    
    #houseland_detail .layout_bot .panel_maxwidth {
        padding:32px 0;
        border-top:1px solid #eee;
    }
        
    #houseland_detail .layout_bot .land_agent_text {
        font-size:14px;
        color:#666;
        margin:0;
    }
    
    #houseland_detail .layout_bot .small_print {
        font-size:12px;
        color:#999;
        margin:0;
    }
    
    /* -- hub pages -- */
    
	.hub_page {
		
	}
	
	.hub_page .headline {
		color:#223a54;
	}
	
	.hub_page .panel_feature {
		background-color:#f5f5f5;
		overflow:hidden;
		background-size:cover;
		background-position:center center;
	}
	
	.hub_page .panel_feature .panel_maxwidth {
		max-width:1280px;
		max-width:1024px;
	}
	
	.hub_page .panel_feature .cols {
		position:relative;
		display:flex;
	}
	
	.hub_page .panel_feature .col_text {
		position:relative;
		flex:0 0 75%;
		z-index:20;
		margin:16px 0;
	}
	
	.hub_page .panel_feature .page_headline {
		color:#fff;
	}
	
	.hub_page .panel_feature .col_image {
		position:relative;
		flex:0 0 25%;
		z-index:10;
	}
	
	.hub_page .panel_feature .col_image .cutout {
		position:absolute;
		width:auto;
		height:90%;
		vertical-align:bottom;
		right:-50%;
		bottom:0;
	}
	
	.hub_page .panel_key_items {
		
	}
	
	.hub_page .panel_key_items .panel_maxwidth {
		max-width:1280px;
		max-width:1024px;
	}
	
	.hub_page .panel_key_items .items {
		display:flex;
		flex-direction:column;
		margin:-16px;
	}
	
	.hub_page .panel_key_items .item {
		margin:16px;
	}
	
	.hub_page .panel_key_items .item .headline {
		font-size:1.4em;
		line-height:100%;
		margin:0 0 8px 0;
	}
    
	.hub_page .panel_key_items .item .excerpt {
		margin:8px 0;
	}
	
	.hub_page .panel_key_items .item .actions {
		margin:12px 0 0 0;
	}
	
	.hub_page .panel_boxes {
		display:flex;
		flex-direction:column;
	}
	
	.hub_page .panel_boxes .box {
		box-sizing:border-box;
		padding-left:5%;
		padding-right:5%;
	}
	
	.hub_page .panel_boxes .box .inner {
		width:100%;
		max-width:576px;
	}
	
	.hub_page .panel_boxes .box_left {
		background-color:#eee;
	}
	
	.hub_page.hub_investment .panel_boxes .box_left {
		background-color:#ccc;
	}
	
	.hub_page.hub_fhb .panel_boxes .box_left {
		background-color:#ccc;
	}
	
	.hub_page .panel_boxes .box_left .inner {
		margin-left:auto;
	}
	
	.hub_page .panel_boxes .box_left .headline {
		
	}
	
	.hub_page .panel_boxes .box_right {
		background-color:#e5e5e5;
	}
	
	.hub_page.hub_investment .panel_boxes .box_right {
		background-color:#bbb;
	}
	
	.hub_page.hub_fhb .panel_boxes .box_right {
		background-color:#bbb;
	}
	
	.hub_page .panel_boxes .box_right .headline {
		
	}
	
	.hub_page .panel_boxes .box_right .inner {
		margin-right:auto;
	}
	
	.hub_page .subdivision_list {
		margin:16px 0 -16px 0;
	}
	
	.hub_page .subdivision_list .item {
		display:flex;
		align-items:center;
		margin:0 0 16px 0;
		background-color:#fff;
		text-decoration:none;
	}
	
	.hub_page .subdivision_list .item .image {
		flex:0 0 64px;
		background-color:#ccc;
	}
	
	.hub_page .subdivision_list .item .image img {
		width:100%;
		height:100%;
		object-fit:cover;
		vertical-align:top;
	}
	
	.hub_page .subdivision_list .item .text {
		padding:16px;
	}
	
	.hub_page .subdivision_list .item .text .name {
		font-size:1.2em;
		line-height:100%;
		margin:0 0 4px 0;
	}
	
	.hub_page .subdivision_list .item .text .excerpt {
		font-size:0.9em;
		line-height:120%;
		margin:0;
	}
	
	.hub_page .panel_events {
		background-color:#ddd;
	}
	
	.hub_page.hub_investment .panel_events {
		background-color:#ddd;
	}
	
	.hub_page.hub_fhb .panel_events {
		background-color:#ddd;
	}
	
	.hub_page .panel_events .panel_maxwidth {
		max-width:1280px;
	}
	
	.hub_page .panel_events .cols {
		display:flex;
		flex-direction:column;
	}
	
	.hub_page .panel_events .col {
		box-sizing:border-box;
	}
	
	.hub_page .panel_events .col_events {
		margin:0 0 32px 0;
	}
	
	.hub_page .panel_events .upcoming {
		margin:0 0 24px 0;
	}
	
	.hub_page .panel_events .event_list .empty {
		background-color:rgba(0,0,0,0.05);
		padding:16px;
		font-style:italic;
	}
	
	.hub_page .panel_events .col_subscribe {
		
	}
	
	.hub_page .panel_events .simple_subscribe_form {
		
	}
	
	.hub_page .panel_events .simple_subscribe_form .headline {
		font-weight:700;
		font-size:1.2em;
		line-height:110%;
	}
	
	.hub_page .panel_contact {
		
	}
	
	.hub_page .panel_contact .panel_maxwidth {
		max-width:1280px;
	}
	
	.hub_page .panel_contact .cols {
		display:flex;
		flex-direction:column;
	}
	
	.hub_page .panel_contact .col_text {
		margin:0 0 32px 0;
	}
	
	.hub_page .panel_contact .col_people {
		
	}
	
	.hub_page .panel_contact .people {
		margin:-12px 0;
	}
	
	.hub_page .panel_contact .person {
		display:flex;
		margin:12px 0;
		background-color:#eee;
	}
	
	.hub_page .panel_contact .person .image {
		position:relative;
		flex:0 0 64px;
	}
	
	.hub_page .panel_contact .person .image .cutout {
		position:absolute;
		right:0;
		bottom:0;
		height:105%;
		vertical-align:bottom;
	}
	
	.hub_page .panel_contact .person .text {
		padding:16px;
	}
	
	.hub_page .panel_contact .person .name {
		font-size:1.2em;
		line-height:105%;
		margin:0 0 4px 0;
	}
		
	.hub_page .panel_contact .person .actions {
		margin:8px 0 0 0;
		padding:0;
	}
	
	.hub_page .panel_contact .person .actions li {
		list-style:none;
	}
	
	.hub_page .panel_contact .person .actions li a {
		display:flex;
		text-decoration:none;
		color:#222;
	}
	
	.hub_page .panel_contact .person .actions li a .icon {
		display:flex;
		justify-content:center;
		align-items:center;
		flex:0 0 16px;
		margin:0 8px 0 0;
	}
	
	.hub_page .panel_contact .person .actions li a .icon img {
		width:auto;
		height:auto;
		max-width:16px;
		max-height:16px;
	}
	
	.hub_page .panel_contact .person .actions li a .label {
		
	}
	
    /* -- testimonial panel -- */
    
    #testimonial_panel {
        position:relative;
        background-color:#f5f5f5;
        background-image:url('https://fairmonthomes.com.au/images/customers/testimonial_panel_bg_4.jpg');
        background-size:cover;
        background-position:80% 30%;
        text-align:center;
        padding:48px 0;
    }
    
    #testimonial_panel .overlay {
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        background-color:#fff;
		background: linear-gradient(to right, rgba(245,245,244,1) 40%, rgba(245,245,244,0) 100%);
    }
    
    #testimonial_panel .panel_maxwidth {
        position:relative;
        width:80%;
    }
    
    #testimonial_panel .panel_maxwidth .text_box {
        max-width:600px;
    }
    
    #testimonial_panel .testimonial_text {
        color:#287397;
        color:#1F3953;
        font-size:1.4em;
        line-height:130%;
        font-weight:600;
        font-style:italic;
        margin-bottom:16px;
    }
    
    #testimonial_panel .testimonial_person {
        color:#666;
        color:#287397;
        font-size:1.1em;
        margin-bottom:24px;
        line-height:120%;
    }
    
    #testimonial_panel .testimonial_person .person_name {
        font-weight:700;
    }
        
    #testimonial_panel .testimonial_person .design a {
        color:#666;
        color:#287397;
        text-decoration:underline;
    }
    
    #testimonial_panel .testimonial_button a {
        display:inline-block;
        line-height:100%;
        padding:8px;
        border:1px solid #213B55;
        color:#213B55;
        text-decoration:none;
        text-transform:uppercase;
        font-size:0.8em;
    }
    
    /* -- fairmont difference -- */
    
    #fairmont_difference .feature {
        background-color:#999;
        color:#fff;
    }
    
    #fairmont_difference .feature h1 {
        color:#fff;
        text-shadow:1px 1px 4px rgba(0,0,0,0.1);
    }
    
    #fairmont_difference .icon_grid {
        
    }
    
    #fairmont_difference .icon_grid .panel_maxwidth {
        max-width:1280px;
    }
    
    #fairmont_difference .icon_grid .item {
        box-sizing:border-box;
        text-align:center;
        padding:24px;
    }
    
    #fairmont_difference .icon_grid .item:last-child {
        margin-bottom:0;
    }
    
    #fairmont_difference .icon_grid .item .icon {
        font-size:1.5em;
        margin:0 0 12px 0;
        height:128px;
        line-height:128px;
    }
    
    #fairmont_difference .icon_grid .item .icon img {
        width:100%;
        height:auto;
        max-width:128px;
        max-height:128px;
        vertical-align:middle;
    }


	/* -- fairmont difference - NEW (APR 2024) -- */

	#fairmont_difference {
		background-color: #f5f5f5;
	}

	#fairmont_difference p{
		margin: 0.75em 0;
		font-size: 1.1em;
		color: #666;
		line-height: 120%;
		font-weight: 300;
	}
	

	#fairmont_difference .outer-container {
		display:flex; 
		justify-content:center; 
		align-items:center; 
		overflow:hidden; 
		height:100vh; 
		position:relative;
	}


	#fairmont_difference .panel-difference.first .outer-container {
		height:70vh; 
	}

	#fairmont_difference .first-container {
		position: absolute; 
		display:flex; 
		align-items:center; 
		height:80%; 
		width:80%;
	}

	#fairmont_difference .first-container p {
		font-size: 15px;
	}

	#fairmont_difference .first-container h1 {
		font-size: 22px;
	}



	#fairmont_difference .bg-image {
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
		object-fit: cover;
	}


	#fairmont_difference .inner-container {
		position: absolute; 
		background-color: rgba(255, 255, 255); 
		display:flex; 
		align-items:center; 
		height:40%; 
		width:50%; 
		font-size: 15px;
	}


	#fairmont_difference .inner-container.left {
		left:5%;
	}

	#fairmont_difference .inner-container.right {
		right:5%;
	}

	#fairmont_difference .inner-div {
		width:100%; 
		height:100%; 
		display: flex; 
		flex-direction: column; 
		justify-content: center; 
		align-items: center;
	}

	#fairmont_difference .inner-div .main {
		display:flex; 
		width:100%; 
		margin-top:30px;
		flex-direction: column;
		text-align: center;
		width:100%;
	}

	@media only screen and (min-width: 768px) {
		#fairmont_difference .inner-div .main {
			display:flex; 
			width:100%; 
			margin-top:30px;
			flex-direction: row;
			text-align: center;
			width:50%;
		}

		#fairmont_difference .inner-div {
			width:100%; 
			height:100%; 
			display: flex; 
			flex-direction: column; 
			justify-content: center; 
			align-items: center;
			padding:10%;
		}
	}

	#fairmont_difference .inner-div .item {
		display:flex; 
		flex-direction: column; 
		align-items:center; 
		text-align:center;
	}

	#fairmont_difference .inner-div .item p {
		width:80%;
	}

	#fairmont_difference .inner-div .item .button {
		margin: 10px 0;
	}

	#fairmont_difference .inner-div .item .icon.large {
		width:35%;
	}

	#fairmont_difference .inner-div .item .icon.medium {
		width:50%;
	}

	#fairmont_difference .panel-difference .fade-in-text-heading {
		opacity: 0;
		animation: fadeIn 1s ease-in-out forwards;
		font-weight:400; 
		color: #223a54;
		text-align: center;
		margin: 20px 0;
	}

	#fairmont_difference .panel-difference .fade-in-text-heading > img {
		width: 200px;
	}

	#fairmont_difference .panel-difference .fade-in-text {
		opacity: 0;
		animation: fadeIn 2s ease-in-out forwards;
	}

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

	#fairmont_difference .scroll-down {
		position: absolute;
		left: 50%;
		bottom: 20px;
		display: block;
		text-align: center;
		font-size: 20px;
		z-index: 100;
		text-decoration: none;
		text-shadow: 0;
		width: 15px;
		height: 15px;
		border-bottom: 2px solid #223a54;
		border-right: 2px solid #223a54;
		z-index: 9;
		left: 50%;
		-webkit-transform: translate(-50%, 0%) rotate(45deg);
		-moz-transform: translate(-50%, 0%) rotate(45deg);
		transform: translate(-50%, 0%) rotate(45deg);
		-webkit-animation: fade_move_down 3s ease-in-out infinite;
		-moz-animation:    fade_move_down 3s ease-in-out infinite;
		animation:         fade_move_down 3s ease-in-out infinite;
	  }

	@media only screen and (min-width: 768px) {
		#fairmont_difference .scroller {
			height: 1200px;
			overflow-y: scroll;
			scroll-snap-type: y mandatory;
		}

		#fairmont_difference .panel-difference .fade-in-text-heading > img {
			width: 300px;
		}
		
		#fairmont_difference .scroller section {
		scroll-snap-align: start;
		}
	
		#fairmont_difference .scroll-down {
			position: absolute;
			left: 50%;
			bottom: 90px;
			display: block;
			text-align: center;
			font-size: 20px;
			z-index: 100;
			text-decoration: none;
			text-shadow: 0;
			width: 30px;
			height: 30px;
			border-bottom: 4px solid #223a54;
			border-right: 4px solid #223a54;
			z-index: 9;
			left: 50%;
			-webkit-transform: translate(-50%, 0%) rotate(45deg);
			-moz-transform: translate(-50%, 0%) rotate(45deg);
			transform: translate(-50%, 0%) rotate(45deg);
			-webkit-animation: fade_move_down 3s ease-in-out infinite;
			-moz-animation:    fade_move_down 3s ease-in-out infinite;
			animation:         fade_move_down 3s ease-in-out infinite;
		  }
	
	
		  @media only screen and (min-width: 768px) {
			#fairmont_difference .first-container {
				position: absolute; 
				display:flex; 
				align-items:center; 
				height:60%; 
				width:75%;
			}
	
			#fairmont_difference .first-container p {
				font-size: 1.1em;
			}
			#fairmont_difference .first-container h1 {
				font-size: 3.3em;
			}
			#fairmont_difference .inner-container {
				position: absolute; 
				background-color: rgba(255, 255, 255); 
				display:flex; 
				align-items:center; 
				height:40%; 
				width:30%; 
			}
	
		}
	}




	
	/* -- advantage club pitch page -- */
	
	#advantage_intro {
		background-color:#1ba5c4;
		background:linear-gradient(135deg, #1ba5c4 0%, #247a9d 100%);
		background-size:cover;
		background-position:center center;
		color:#fff;
	}
	
	#advantage_intro .panel_maxwidth {
		display:flex;
		flex-direction:column;
	}
	
	#advantage_intro .heading {
		margin:0 0 24px 0;
	}
	
	#advantage_intro .login_panel {
		background-color:#fff;
		padding:16px;
		color:#222;
		box-shadow:4px 4px 16px rgba(0,0,0,0.1);
		
	}
	
	#advantage_intro .login_panel h3 {
		color:#223a54;
	}
		
	#advantage_benefits {
		background:linear-gradient(135deg, #fff 0%, #f5f5f5 100%);
		background-size:cover;
		background-position:left center;
	}
	
	#advantage_benefits h2 {
		color:#223a54;
		margin-bottom:24px;
	}
	
	#advantage_benefits h2 span {
		font-weight:500;
		color:#1ba5c4;
	}
	
	#advantage_benefits .benefits {
		max-width:512px;
	}
	
	#advantage_benefits .benefit_list {
		padding:0 0 0 8px;
	}
	
	#advantage_benefits .benefit_list li {
		margin:16px 0;
		display:flex;
		list-style:none;
	}
	
	#advantage_benefits .benefit_list li .icon {
		flex:0 0 32px;
	}
	
	#advantage_benefits .benefit_list li .icon img {
		width:auto;
		height:auto;
		max-width:16px;
		max-height:16px;
		margin-top:4px;
	}
	
	#advantage_benefits .benefit_list li .text {
		
	}
	
	#advantage_benefits .benefit_list li h4 {
		margin:0 0 4px 0;
		color:#223a54;
	}
	
	#advantage_benefits .benefit_list li p {
		margin:0;
	}
	
	#advantage_signup .panel_maxwidth {
		max-width:512px;
	}
	
	#advantage_signup .form_area {
		margin-top:16px;
	}
	
    /* -- advantage club header -- */
    
    #advantage_header {
        position:relative;
        background-color:#287397;
        background: linear-gradient(135deg, #328fb0 0%,#287397 100%);
        box-shadow:2px 2px 8px rgba(0,0,0,0.1);
        z-index:10;
    }
        
    #advantage_header .advantage_header_main {
        
    }
    
    #advantage_header .advantage_header_main .logo_container {
        display:table;
        width:100%;
        margin:0 auto;
    }
    
    #advantage_header .advantage_header_main .logo_container .logo {
        display:table-cell;
        vertical-align:middle;
        text-align:left;
        padding:8px 16px 16px 5%;
    }
    
    #advantage_header .advantage_header_main .logo_container .logo img {
        vertical-align:middle;
        width:auto;
        height:40px;
    }
    
    #advantage_header .advantage_header_main .logo_container .nav_button {
        display:table-cell;
        vertical-align:middle;
        text-align:right;
        padding:0 5% 0 0;
    }
    
    #advantage_header .advantage_header_main .logo_container .nav_button img {
        vertical-align:middle;
        width:auto;
        height:24px;
    }
        
    #advantage_header .advantage_header_main .nav {
        display:none;
        border-top:1px solid #ddd;
        padding:16px 5%;
    }
    
    #advantage_header.open .advantage_header_main .nav {
        display:block;
    }
    
    #advantage_header .advantage_header_main .nav ul {
        margin:0;
        padding:0;
    }
    
    #advantage_header .advantage_header_main .nav ul li {
        list-style:none;
    }
    
    #advantage_header .advantage_header_main .nav ul li a {
        display:block;
        padding:4px 0;
        text-decoration:none;
        color:#fff;
    }
    
    #advantage_header .advantage_header_main .nav ul li a img {
        display:inline-block;
        vertical-align:middle;
        width:auto;
        height:auto;
        max-width:16px;
        max-height:12px;
        margin-right:4px;
    }
    
    #advantage_header .advantage_header_main .nav ul li a span {
        display:inline-block;
        vertical-align:middle;
    }
    
    /* -- news page -- */
    
    #news_page {
        background-color:#f5f5f5;
    }
	
	.news_article h1 {
		color:#223a54;
	}
    
    /* -- advantage club - locked feature -- */
    
    #advantage_locked_feature {
        background-color:#f5f5f5;
    }
    
    #advantage_locked_feature .panel_maxwidth {
        max-width:600px;
    }
    
    #advantage_locked_feature .table_div {
        
    }
    
    #advantage_locked_feature .left {
        
    }
    
    #advantage_locked_feature .left img {
        width:auto;
        height:auto;
        max-width:64px;
        max-height:64px;
    }
    
    #advantage_locked_feature .right {
        
    }
    
    #advantage_locked_feature h2 {
        font-weight:500;
        color:#1F3953;
        margin:0 0 16px 0;
    }
    
    #advantage_locked_feature h2 .fav_count_inline {
        font-weight:700;
    }
    
    #advantage_locked_feature p.bigger {
        font-size:18px;
    }
    
    #advantage_locked_feature ul {
        padding:0 0 0 16px;
    }
    
    #advantage_locked_feature ul li {
        list-style:disc;
    }
    
    #advantage_locked_feature .button {
        margin-top:24px;
    }
    
    /* -- advantage club pre-footer -- */
    
    #advantage_prefooter {
        background-color:#287397;
        background:linear-gradient(135deg, #328fb0 0%,#287397 100%);
        color:#fff;
        text-align:center;
    }
    
    #advantage_prefooter .panel_maxwidth {
        max-width:768px;
    }
    
    #advantage_prefooter .left {
        margin-bottom:24px;
    }
    
    #advantage_prefooter .left img {
        width:200px;
        height:auto;
    }
    
    #advantage_prefooter h2 {
        color:#fff;
        line-height:110%;
        margin:0 0 12px 0;
    }
    
    /* -- 50 years of Fairmont -- */
    
    .fifty_years {
        
    }
    
    .fifty_years .fy_item {
        background-color:#eee;
        border-bottom:2px solid #fff;
        display:flex;
        flex-direction:column-reverse;
    }
    
    .fifty_years .fy_item:nth-child(2n){
        
    }
        
    .fifty_years .fy_item .text {
        padding:32px 24px;
    }
    
    .fifty_years .fy_item .text h2 {
        font-size:1.2em;
        color:#1F3953;
        margin:0 0 8px 0;
    }
    
    .fifty_years .fy_item .text h2 .year {
        font-size:1.6em;
        display:block;
        margin-bottom:8px;
        font-weight:500;
        color:#287397;
    }
    
    .fifty_years .fy_item .text h2 .label {
        display:block;
    }
    
    .fifty_years .fy_item .text p {
        margin:0;
    }
    
    .fifty_years .fy_item .image {
        width:100%;
        height:192px;
        background-size:cover;
        background-position:center center;
        float:left;
    }
    
    /* -- video tours -- */
    
    .video_tours_outer {
        background-color:#f5f5f5;
    }
    
    .video_tours_outer h2 {
        color:#287397;
        font-weight:500;
    }
    
    .video_tours {
        
    }
    
    .video_tours .video_item {
        display:block;
        background-color:#fff;
        box-shadow:2px 2px 8px rgba(0,0,0,0.1);
        margin-bottom:16px;
        text-decoration:none;
        text-align:center;
        color:#444;
    }
    
    .video_tours .video_item .image {
        position:relative;
        color:#fff;
        background-color:#ccc;
    }
    
    .video_tours .video_item .image img {
        width:100%;
        height:auto;
        vertical-align:top;
    }
    
    .video_tours .video_item .overlay {
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        background-color:rgba(0,0,0,0.25);
    }
    
    .video_tours .video_item .overlay .play_text {
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        vertical-align:middle;
        text-transform:uppercase;
        font-weight:700;
        font-size:24px;
        letter-spacing:0.1em;
    }
    
    .video_tours .video_item .overlay .play_text i {
        display:inline-block;
        vertical-align:middle;
        margin-right:8px;
    }
    
    .video_tours .video_item .text {
        padding:16px;
    }
    
    .video_tours .video_item .text h2 {
        font-size:20px;
        margin:0 0 8px 0;
    }
    
    .video_tours .video_item .text h2 .top {
        display:block;
        font-weight:500;
        color:#287397;
    }
    
    .video_tours .video_item .text h2 .bot {
        display:block;
        color:#1F3953;
        
    }
    
    .video_tours .video_item .text p {
        margin:0;
        color:#999;
    }
    
    /* -- careers -- */
    
	.panel_job_list .panel_headline {
		
	}
	
	.job_list_item .headline {
		color:#233a53;
	}
	
	.job_list_item .readmore {
		color:#28a5c2;
    cursor: pointer !important;
	}
  
  #career_apply_now h2{
    margin: 0;
    color: #223a54;
  }
  
  #career_apply_now label{
    color: #223a54;
  }
  
  #career_apply_now input{
    padding: 10px 0;
    outline: none !important;
  }
  
  #career_apply_now input[type="text"],
  #career_apply_now input[type="email"],
  #career_apply_now input[type="tel"],
    #career_apply_now select{
    padding: 10px;
    border: 1px solid #bebebe;
  }
  
  #career_apply_now input.careerJobTitle{
    pointer-events: none;
    background: #f9f9f9;
    border: 1px solid #d4d4d4;
  }
  
  #career_apply_now button[type="submit"]{
    width: 100%;
    background: #223a54;
  } 
  
  #career_apply_now button[type="submit"]:hover{
    
  }
  
  #career_apply_now .freeform-alert-success{
    background: #223a54;
    color: #fff;
    padding: 15px 30px;
  }

  
  #career_header{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 300px;
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #career_header h2{
    color: #213954;
    font-weight: 800;
    word-break: break-word;
    max-width: 500px;
  }
    
	#career_detail .headline {
		color:#233a53;
	}
	
    /* -- energy efficiency -- */
                
    body[data-entry-id='101758'] .panel_page_feature {
        background-size:cover;
        background-position:center center;
    }

    .energy_efficiency .six_star {
        background-color:#f5f5f5;
        background-size:cover;
        background-position:center center;
        text-align:center;
    }

    .energy_efficiency .six_star .panel_maxwidth {
        max-width:512px;
        width:80%;
    }

    .energy_efficiency .panel_graph .panel_maxwidth {
        max-width:600px;
    }

    .energy_efficiency .six_star h2 {
        font-weight:500;
        text-transform:uppercase;
        letter-spacing:0.05em;
        color:#4074a4;
    }

    .energy_efficiency .panel_graph h2 {
        text-align:center;
        margin:0 0 24px 0;
        font-weight:500;
        color:#1a2f44;
    }

    .energy_efficiency .energy_usage_graph {
        max-width:768px;
    }

    .energy_efficiency .energy_usage_graph table {
        width:100%;
    }

    .energy_efficiency .energy_usage_graph .graph_heading {
        padding:16px 0;
        font-weight:700;
        text-align:center;
    }

    .energy_efficiency .energy_usage_graph .label {
        width:160px;
        font-size:16px;
        font-weight:500;
        text-align:right;
        padding-right:8px;
        vertical-align:middle;
    }

    .energy_efficiency .energy_usage_graph .bar {
        vertical-align:middle;
        padding:2px 0;
    }

    .energy_efficiency .energy_usage_graph .bar span {
        display:inline-block;
        height:24px;
        background-color:#999;
        background-color:#287397;
        vertical-align:middle;
    }

    .energy_efficiency .energy_usage_graph .bar.heating span {
        background-color:#b83c3c;
    }

    .energy_efficiency .energy_usage_graph .small_print {
        font-size:14px;
        color:#999;
        padding:16px 0;
        text-align:center;
    }

    .energy_efficiency .rob_quote {
        background-color:#f5f5f5;
        background-color:#287397;
        color:#fff;
        text-align:center;
    }

    .energy_efficiency .rob_quote .panel_maxwidth {
        width:80%;
    }

    .energy_efficiency .rob_quote .image {
        margin-bottom:24px;
    }

    .energy_efficiency .rob_quote .image .circle {
        display:inline-block;
        width:160px;
        height:160px;
        border-radius:50%;
        background-color:#fff;
        overflow:hidden;
        box-shadow:2px 2px 16px rgba(0,0,0,0.15);
    }

    .energy_efficiency .rob_quote .image .circle img {
        width:auto;
        height:auto;
        max-width:100%;
        max-height:100%;
        vertical-align:top;
    }

    .energy_efficiency .rob_quote .text {

    }

    .energy_efficiency .rob_quote .quote_text {
        font-size:18px;
        font-style:italic;
    }

    .energy_efficiency .insulation {
        background-color:#f5f5f5;
    }

    .energy_efficiency .small_items {
        text-align:center;
    }

    .energy_efficiency .small_items .panel_maxwidth {
        width:80%;
        max-width:1024px;
    }

    .energy_efficiency .small_items .small_item {
        padding-bottom:32px;
        margin-bottom:32px;
        border-bottom:1px solid #ddd;
    }

    .energy_efficiency .small_items .small_item:last-child {
        border:none;
        margin-bottom:0;
        padding-bottom:0;
    }

    .energy_efficiency .small_items .small_item .image {
        margin-bottom:16px;

    }

    .energy_efficiency .small_items .small_item .image .circle {
        display:inline-block;
        width:160px;
        height:160px;
        line-height:160px;
        text-align:center;
    }

    .energy_efficiency .small_items .small_item .image .circle img {
        display:inline-block;
        vertical-align:middle;
        height:128px;
        width:auto;
    }

    .energy_efficiency .small_items .small_item .text {

    }

    .energy_efficiency .small_items .small_item .text h2 {
        font-weight:500;
        color:#287397;
    }

    .energy_efficiency .small_items .small_item .text p {
        font-size:14px;
    }

    .energy_efficiency .insulation {
        background-size:cover;
        background-position:center center;
        color:#fff;
        text-shadow:1px 1px 4px rgba(0,0,0,0.25);
    }

    .energy_efficiency .insulation .panel_maxwidth {
        width:80%;
        max-width:1024px;
    }

    .energy_efficiency .insulation .top {
        padding:0 0 8px 0;
    }

    .energy_efficiency .insulation .big {
        font-size:2em;
        padding:12px 8px 12px 0;
        font-weight:700;
    }

    .energy_efficiency .insulation .med {
        font-size:1.2em;
        width:100%;
        font-weight:700;
    }

    .energy_efficiency .contact .panel_maxwidth {
        width:80%;
        max-width:1024px;
    }

    .energy_efficiency .contact .panel_maxwidth p {
        font-size:18px;
        color:#666;
        max-width:320px;
        line-height:130%;
    }
    
    /* -- current offers -- */

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

    .current_offer {
        border-bottom:1px solid #ddd;
    }

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

    .current_offer .image {
        margin-bottom:24px;
    }

    .current_offer .image img {
        width:auto;
        height:auto;
        max-width:100%;
        max-height:192px;
        vertical-align:top;
    }

    .current_offer h1 {
        margin:0 0 12px 0;
        font-size:1.7em;
        color:#1F3A53;
    }

    .current_offer .intro {
        font-size:1.1em;
        line-height:120%;
        font-weight:700;
        color:#287397;
    }

    .current_offer .intro p {
        margin:0.8em 0;
    }

    .current_offer .details {

    }

    .current_offer .details p {
        margin:0.6em 0;
    }

    .current_offer .details ul,
    .current_offer .details ol{
        padding:0 0 0 16px;
        margin:0.6em 0;
    }

    .current_offer .details li {
        padding:2px 0;
        line-height:120%;
    }

    .current_offer .details ul li {
        list-style:disc;
    }

    .current_offer .small_print {
        font-size:0.8em;
        line-height:110%;
        color:#999;
    }

    .current_offer .small_print p {
        margin:0.5em 0;
    }

    .current_offer .small_print a {
        color:#999;
        text-decoration:underline;
    }
	
	/* ---- new contact forms 2018 -- */
		
	.popup_form {
		background-color:#fff;
		padding:24px;
		max-width:512px;
		margin:16px auto;
	}
	
	.popup_form .invalid:invalid {
		border-color:#c00;
		box-shadow:0 0 1px #c00;
		animation-name:invalidfield;
		animation-duration:1s;
		animation-iteration-count:1;
	}
	
	.popup_form .invalid:valid {
		border-color:#287397;
		box-shadow:0 0 1px #287397;
		animation-name:validfield;
		animation-duration:1s;
		animation-iteration-count:1;
	}
	
	.popup_form .field {
		margin-bottom:32px;
	}
	
	.popup_form .field label {
		color:#999;
	}
	
	.popup_form .field.focused label {
		color:#444;
	}
	
	.popup_form .field.checkbox_list label {
		position:relative;
		display:block;
		padding:4px;
		margin:4px 0;
		top:auto;
		left:auto;
		font-size:18px;
	}
	
	.popup_form .field.checkbox_list input {
		width:auto;
		display:inline-block;
		margin-right:8px;
	}
	
	.popup_form .select_field label {
		position:relative;
		display:block;
		padding:4px;
		margin:4px 0;
		top:auto;
		left:auto;
		font-size:16px;
	}
	
	.popup_form .step_container {
		display:none;
	}
	
	.popup_form .step_container.open {
		display:block;
	}
	
	.popup_form .form_heading {
		padding:0 0 12px 0;
		margin:0 0 24px 0;
		border-bottom:1px solid #ddd;
	}
	
	.popup_form .form_heading h2 {
		font-size:16px;
		font-weight:700;
		color:#666;
		margin:0;
	}
	
	.popup_form .form_heading p {
		font-size:16px;
		font-weight:300;
		color:#999;
		margin:0;
	}
	
	.popup_form .step_heading {
		margin:0 0 32px 0;
	}
	
	.popup_form .step_heading h3 {
		font-size:24px;
		font-weight:700;
		color:#174765;
		margin:0 0 8px 0;
	}
	
	.popup_form .step_heading p {
		margin:0;
		color:#666;
	}
	
	.popup_form .step_nav {
		display:flex;
		justify-content:space-between;
		margin:48px 0 0 0;
	}
	
	.popup_form .step_nav a,
	.popup_form .step_nav input[type='submit'] {
		
	}
	
	.popup_form .step_nav a.empty {
		background-color:#fff;
		color:#fff;
	}
	
	#popup_map {
		width:90%;
		height:90%;
	}
	
	/* ---- finance ---- */
	
	#finance .finance_intro {
		position:relative;
		background-color:#036e82;
		background:linear-gradient( to bottom, #02657c 0%, #036e82 100% );
		background-size:cover;
		background-position:center center;
	}
	
	#finance .finance_intro .video_box {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		z-index:10;
	}
	
	#finance .finance_intro .video_box video {
		width:100%;
		height:100%;
		object-fit:cover;
	}
	
	#finance .finance_intro .panel_maxwidth {
		position:relative;
		max-width:1280px;
		z-index:20;
	}
	
	#finance .finance_intro .cols {
		display:flex;
		flex-direction:column;
	}
	
	#finance .finance_intro .col_text {
		
	}
	
	#finance .finance_intro .col_text .page_headline {
		color:#0a0f57;
		color:#2c3a50;
		color:#2c3a50;
		color:#fff;
		text-transform:uppercase;
		letter-spacing:0.1em;
		font-size:2.4em;
		font-weight:800;
		text-shadow:2px 2px 8px rgba(0,0,0,0.25);
	}
	
	#finance .finance_intro .col_text .subline {
		font-size:1.1em;
		font-weight:700;
		line-height:120%;
		color:#fff;
		text-shadow:2px 2px 8px rgba(0,0,0,0.25);
	}
	
	#finance .finance_intro .col_image {
		align-self:flex-end;
	}
	
	#finance .finance_intro .col_image .box {
		display:flex;
		justify-content:center;
		align-items:center;
		height:192px;
		animation-name:pool_float;
		animation-iteration-count:infinite;
		animation-duration:120s;
	}
	
	#finance .finance_intro .col_image .box img {
		width:90%;
		height:90%;
		object-fit:contain;
		vertical-align:bottom;
		animation-name:pool_bob;
		animation-iteration-count:infinite;
		animation-duration:1s;
		animation-direction:alternate;
	}
	
	#finance .finance_cta {
		background-color:#223a54;
		background:linear-gradient( to bottom, #f5f5f5 0%, #eee 100% );
		background:linear-gradient( 128deg, #424688 0%, #0a0f57 100% );
		background:linear-gradient( 128deg, #1ba5c4 0%, #2c3a50 100% );
		background:linear-gradient( 128deg, #2d5279 0%, #223a54 100% );
	}
	
	#finance .finance_cta .panel_padding {
		
	}
	
	#finance .finance_cta .box {
		box-sizing:border-box;
		background-color:#fff;
		padding:24px;
		max-width:512px;
		margin:0 auto;
		box-shadow:2px 2px 16px rgba(0,0,0,0.1);
	}
	
	#finance .finance_cta .headline {
		font-weight:500;
		color:#ffa200;
		color:#0a0f57;
		color:#2c3a50;
		color:#223a54;
		margin:0 0 12px 0;
	}
	
	#finance .finance_cta .intro {
		font-size:1.1em;
		line-height:120%;
		margin:12px 0;
	}
	
	#finance .finance_cta .actions {
		margin:12px 0 0 0;
	}
	
	#finance .finance_cta .box_button {
		background-color:#ffa200;
		color:#0a0f57;
		background-color:#1ba5c4;
		color:#fff;
	}
	
	#finance .finance_benefits {
		background-color:#fff;
	}
	
	#finance .finance_benefits .panel_maxwidth {
		max-width:1024px;
	}
	
	#finance .finance_benefits .intro {
		margin:0 auto 24px auto;
		max-width:600px;
	}
	
	#finance .finance_benefits .intro p {
		font-size:1.2em;
		font-weight:500;
		line-height:130%;
		color:#223a54;
	}
	
	#finance .finance_benefits .intro p em {
		font-weight:700;
	}
	
	#finance .finance_benefits .items {
		display:flex;
		flex-direction:column;
		margin:-12px;
	}
	
	#finance .finance_benefits .items .item {
		display:flex;
		margin:12px;
	}
	
	#finance .finance_benefits .items .item .col_icon {
		flex:0 0 24px;
		margin:0 8px 0 0;
	}
	
	#finance .finance_benefits .items .item .col_icon img {
		width:auto;
		height:auto;
		max-width:24px;
		max-height:24px;
		vertical-align:top;
	}
	
	#finance .finance_benefits .items .item .col_text {
		flex:1 1 auto;
	}
	
	#finance .finance_benefits .items .item .headline {
		margin:0 0 8px 0;
		color:#0a0f57;
		color:#2c3a50;
		color:#223a54;
	}
	
	#finance .finance_benefits .items .item .excerpt {
		line-height:115%;
		margin:8px 0 0 0;
	}
	
	#finance .finance_lenders {
		
	}
	
	#finance .finance_lenders .panel_maxwidth {
		max-width:768px;
	}
	
	#finance .finance_lenders .panel_padding {
		padding-top:0;
	}
	
	#finance .finance_lenders .broker {
		margin:0 0 24px 0;
	}
	
	#finance .finance_lenders .broker .logo img {
		width:192px;
		height:auto;
	}
	
	#finance .finance_lenders .lenders {
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		margin:-4px;
	}
	
	#finance .finance_lenders .lenders_all {
		width:100%;
		height:auto;
		max-width:768px;
	}
	
	#finance .finance_lenders .lenders .lender {
		margin:4px;
	}
	
	#finance .finance_lenders .lenders .lender .logo {
		width:auto;
		height:auto;
		max-width:48px;
		max-height:32px;
	}
	
	#finance .finance_cta2 {
		position:relative;
		background-color:#ccc;
		background-size:cover;
		background-position:right center;
	}
	
	#finance .finance_cta2:before {
		position:absolute;
		display:block;
		content:'';
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#eee;
		opacity:0.9;
		z-index:10;
	}
	
	#finance .finance_cta2 .panel_maxwidth {
		position:relative;
		z-index:20;
		max-width:768px;
	}
	
	#finance .finance_cta2 .box {
		max-width:420px;
	}
	
	#finance .finance_cta2 .headline {
		margin:0 0 12px 0;
		color:#0a0f57;
		color:#2c3a50;
		font-weight:500;
	}
	
	#finance .finance_cta2 .excerpt {
		line-height:120%;
		margin:12px 0;
	}
	
	#finance .finance_cta2 .actions {
		margin:12px 0 0 0;
	}
	
	#finance .finance_cta2 .actions .box_button {
		background-color:#0a0f57;
		background-color:#2c3a50;
	}
	
	/* -- terms and conditions -- */
	
	.tc_contents {
		padding: 32px 0;
	}

	.tc_contents ul {
		padding: 0;
	}

	.tc_contents ul li {
		font-size: 1.2em;
		list-style: none;
		border-bottom: 1px dotted #ddd;
	}

	.tc_contents ul li a {
		color: #4074a4;
		display: inline-block;
		padding: 12px 0;
		text-decoration: none;
	}

	.tc_contents ul li:last-child {
		border: none;
	}

	.tc_list .tc_item {
		border-top: 1px solid #ddd;
		padding: 32px 0;
	}

	.tc_list .tc_item ul,
	.tc_list .tc_item ol {
		padding: 0 0 0 16px;
	}

	.tc_list .tc_item ul li,
	.tc_list .tc_item ol li {
		padding: 2px 0;
	}

	.tc_list .tc_item ul li {
		list-style: disc;
	}
  
  /* -- inspiration gallery page -- */
  #inspiration_gallery_banner{
    background:#f1f1f1 url('https://fairmonthomes.com.au/images/inspiration_background.jpg') no-repeat center center scroll;
    background-size:cover;
  }
  
  #inspiration_content .panel_maxwidth{
    padding-top: 40px;
    padding-bottom: 100px;
    position: relative;
  }
  
  #inspiration_content .pin_section .pins .item {
    width: 100%;
    margin: 0 5px;
  }

  #inspiration_content .pin_section .pins a{
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 67.5%;
    overflow: hidden;
    margin: 0 0 10px 0;
  }
  
  #inspiration_content .pin_section .pins a img {
    display: block;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 105%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  

  
  	
	/* -- where we build m0-- */
  #where_we_build_banner {
    background: #f9f4ee url(http://103.18.109.74/~fairmont/images/where-we-build.jpg) no-repeat center center scroll;
    background-size: cover;
  }
  
  #where_we_build_map iframe{
    margin: 0;
    border: 0;
  }

  #gmap_where_we_build {
	width:100%;
	height:75vh;
  }
  

	
	/* -- contact page -- */
	
	#panel_contact_2020 {
		
	}
	
	#panel_contact_2020 .panel_headline {
		margin:0 0 16px 0;
		text-align:center;
		color:#223a54;
		font-weight:500;
	}
	
	#panel_contact_2020 .boxes {
		display:flex;
		flex-direction:column;
		margin:-8px;
		margin-bottom:24px;
	}
	
	#panel_contact_2020 .boxes .box {
		box-sizing:border-box;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		text-align:center;
		padding:48px 32px;
		margin:8px;
		background-color:#233a53;
		background: linear-gradient(135deg, #25435b 0%, #233a53 100%);
		color:#fff;
		text-decoration:none;
	}
	
	#panel_contact_2020 .boxes .box .icon {
		margin:0 0 12px 0;
	}
	
	#panel_contact_2020 .boxes .box .icon img {
		width:auto;
		height:auto;
		max-width:32px;
		max-height:32px;
		vertical-align:bottom;
	}
	
	#panel_contact_2020 .boxes .box .text {
		
	}
	
	#panel_contact_2020 .boxes .box .headline {
		color:#fff;
		margin:0 0 8px 0;
		line-height:105%;
		font-weight:500;
	}
	
	#panel_contact_2020 .boxes .box .subline {
		color:#1ba5c4;
		margin:0;
		line-height:110%;
	}
	
	#panel_contact_2020 .head_office {
		
	}
	
	#panel_contact_2020 .head_office .row_top {
		margin-bottom:12px;
	}
	
	#panel_contact_2020 .head_office .row_top .headline {
		color:#223a54;
		margin:0;
	}
	
	#panel_contact_2020 .head_office .row_bot {
		display:flex;
		flex-direction:column;
	}
	
	#panel_contact_2020 .head_office .col_left {
		margin:0 0 12px 0;
	}
	
	#panel_contact_2020 .head_office .address {
		margin:0 0 4px 0;
		font-size:1.2em;
		line-height:120%;
	}
	
	#panel_contact_2020 .head_office .hours {
		margin:0;
		font-style:italic;
		color:#666;
	}
	
	#panel_contact_2020 .head_office .col_right {
		
	}
	
	#panel_contact_2020 .head_office .item {
		display:flex;
		text-decoration:none;
		color:#222;
		margin:4px 0;
		padding:2px 0;
		font-size:1.1em;
		line-height:120%;
	}
	
	#panel_contact_2020 .head_office .item .icon {
		flex:0 0 16px;
		margin-right:12px;
		text-align:center;
	}
	
	#panel_contact_2020 .head_office .item .icon img {
		width:auto;
		height:auto;
		max-width:16px;
		max-height:16px;
	}
	
	#panel_contact_2020 .head_office .item .label {
		
	}
	
  #contact_banner {
    background: #f9f4ee url("https://fairmonthomes.com.au/images/contact_bg.jpg") no-repeat center center scroll;
    background-size: cover;
  }
	
	#contact_main {
		display:flex;
		flex-direction:column;
	}
	
	#contact_main .left_button_panel {
		margin:-4px -4px 32px -4px;
	}
	
	#contact_main .left_button_panel a {
		margin:4px;
	}
	
	#contact_main .contact_locations {
		
	}
  
  #contact_main .contact_locations h2{
		margin: 0 0 20px 0;
		font-weight:500;
		color:#3bbedc;
	}
  
	#contact_main .contact_locations h4{
		color: #294a6a;
	}
  
	#contact_main .contact_locations .items {
		display:flex;
		flex-direction:column;
		margin:-12px;
	}
		
	#contact_main .contact_locations .items .location_item {
		margin:12px;
	}
	
	.contact_consultants {
		background-color:#f5f5f5;
	}
	
	.contact_consultants h2 {
		color:#223a54;
		font-weight:500;
	}
	
	.contact_consultants p.intro {
		font-size:1.1em;
		color:#999;
	}
	
	.contact_consultants .consultants {
		display:flex;
		flex-direction:column;
		margin:-8px;
		margin-top:24px;
	}
	
	.contact_consultants .consultants .consultant {
		background-color:#fff;
		margin:8px;
	}
	
	.contact_consultants .consultants .consultant .image {
		background-color:#ddd;
    	text-align: center;
	}
	
	.contact_consultants .consultants .consultant .image img {
		width:100%;
		height:auto;
		vertical-align:bottom;
	}
	
	.contact_consultants .consultants .consultant .text {
		padding:16px;
    	text-align: center;
	}
	
	.contact_consultants .consultants .consultant .text h4 {
		color:#223a54;
		margin:0 0 8px 0;
		font-size:1.4em;
	}
	
	.contact_consultants .consultants .consultant .text .icons {
		width:auto;
		margin:0 auto;
	}
	
	.contact_consultants .consultants .consultant .text .icons a {
    	display: flex;
		justify-content:center;
    	text-decoration: none;
		margin: 10px 0;
	}
	
	.contact_consultants .consultants .consultant .text .icons a img {
		width:auto;
		height:auto;
		max-width:16px;
		max-height:16px;
		margin-right:8px;
	}
  
  	.contact_consultants .consultants .consultant .text .icons a img:hover{
		transform: scale(1.1);
  	}
	
	#feedback_header {
		background-color:#223a54;
	}
	
	#feedback_header .panel_maxwidth {
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:32px 0;
		max-width:1600px;
	}
	
	#feedback_header .logo img {
		vertical-align:middle;
		width:160px;
		height:auto;
	}
	
	#feedback_header .admin_link {
		color:#fff;
		text-decoration:none;
	}
	
	#feedback_header .admin_link img {
		display:inline-block;
		width:auto;
		height:auto;
		max-width:16px;
		max-height:16px;
		margin-right:8px;
	}
	
	#fairmont_feedback .if_todo {
		display:block;
	}
	
	#fairmont_feedback .if_done {
		display:none;
	}
	
	#fairmont_feedback.is_done .if_todo {
		display:none;
	}
	
	#fairmont_feedback.is_done .if_done {
		display:block;
	}
	
	#fairmont_feedback {
		background-color:#f5f5f5;
	}

	#fairmont_feedback .panel_maxwidth_small {
		max-width:512px;
	}

	#fairmont_feedback .box {
		padding:16px;
		background-color:#fff;
	}

	#fairmont_feedback h1 {
		color:#999;
		font-size:1.2em;
		font-weight:500;
		margin-bottom:24px;
		font-style:italic;
	}

	#fairmont_feedback .intro {
		font-size:1.1em;
		color:#444;
		font-weight:500;
	}

	#fairmont_feedback #star_rating {
		width:100%;
		max-width:320px;
		margin:32px 0 16px 0;
	}

	#fairmont_feedback #star_rating .top {
		display:flex;
		margin:8px -16px;
	}

	#fairmont_feedback #star_rating .star {
		display:block;
		text-decoration:none;
		width:100%;
		padding:16px;
		background-size:32px auto;
		background-position:center center;
		background-repeat:no-repeat;
	}

	#fairmont_feedback #star_rating .star.active {

	}

	#fairmont_feedback #star_rating .bot {
		display:flex;
		justify-content:space-between;
		align-items:top;
	}

	#fairmont_feedback #star_rating .label {
		color:#999;
	}

	#fairmont_feedback .small_print {
		font-size:0.75em;
		color:#ccc;
		margin:16px 0 0 0;
	}
	
	#fairmont_feedback_dashboard {
		background-color:#eee;
	}
	
	#feedback_table {
		border-collapse:collapse;
		margin:0 auto;
	}
	
	#feedback_table th {
		position:relative;
		font-weight:500;
		padding:16px 32px 16px 16px;
		text-align:left;
		background-color:#222;
		color:#fff;
	}
	
	#feedback_table th.sorting {
		background-color:#333;
	}
	
	#feedback_table th.sorting:after {
		position:absolute;
		display:inline-block;
		right:16px;
		top:50%;
		transform:translateY(-50%);
		font-size:0.5em;
	}
	
	#feedback_table th.sorting.asc:after {
		content:'▼';
	}
	
	#feedback_table th.sorting.desc:after {
		content:'▲';
	}
	
	#feedback_table td {
		background-color:#fff;
		padding:16px 32px 16px 16px;
		border-bottom:1px solid #ddd;
	}
		
	#feedback_table tr:nth-child(2n) td {
		background-color:#fcfcfc;
	}
	
	#feedback_table .status a {
		text-decoration:none;
		color:#999;
	}
	
	#feedback_table tr[data-status='actionNeeded'] .status a {
		color:#ac1c1c;
	}
	
	#feedback_table tr[data-status='workInProgress'] .status a {
		color:#17b092;
	}
	
	#feedback_table tr[data-status='awaitingClientResponse'] .status a {
		color:#7b3497;
	}
	
	#feedback_table tr[data-status='resolved'] .status a {
		
	}
		
	#feedback_table .status_icon {
		display:inline-block;
		width:8px;
		height:8px;
		background-color:transparent;
		border:1px solid #ccc;
		border-radius:50%;
		margin-right:12px;
	}
	
	#feedback_table tr[data-status='actionNeeded'] .status_icon {
		background-color:#ee4b4b;
		border-color:#ac1c1c;
	}
	
	#feedback_table tr[data-status='workInProgress'] .status_icon {
		background-color:#3eeecc;
		border-color:#17b092;
	}
	
	#feedback_table tr[data-status='awaitingClientResponse'] .status_icon {
		background-color:#bd80d7;
		border-color:#7b3497;
	}
	
	#feedback_table tr[data-status='resolved'] .status_icon {
		
	}
	
	#feedback_table .more a {
		display:inline-block;
		padding:8px 12px;
		border:1px solid #ccc;
		color:#999;
		text-decoration:none;
		white-space:nowrap;
	}
	
	#feedback_detail {
		border-collapse:collapse;
		width:100%;
		max-width:768px;
	}
	
	#feedback_detail td {
		background-color:#fff;
		padding:16px;
		border:none;
		border-bottom:1px solid #eee;
	}
	
	#feedback_detail td.left {
		white-space:nowrap;
	}
	
	#feedback_detail td.right {
		width:100%;
	}
	
	/* ---- house and land / homes for sale ---- */
	
	.listing_items .item .inspection {
		background-color:#c23034;
	}
	
	#listing_detail .box_heading {
        background-color:#223a54;
    }
	
	#listing_detail .box_heading .suburb {
        color:#3bbedc;
		color:#90e2f4;
    }
	
	#listing_detail .box_images .gallery_button {
		background-color:#223a54;
	}
	
	#listing_detail .box_contact .contact_person .name {
        color:#223a54;
    }
	
	#listing_detail .box_contact .contact_person .button {
		background-color: #b83c3c;
		background: linear-gradient(135deg, #ca4b4b 0%, #a62d2d 100%);
	}
		
	#listing_detail .box_contact .contact_person .button:active {
		
	}
	
	#listing_detail .box_specs table th {
        color:#223a54;
    }
	
	/* -- covid -- */
	
	body[data-entry-slug='covid-19'] .panel_page_feature .panel_maxwidth {
		padding:64px 0;
	}
	
	body[data-entry-slug='covid-19'] .panel_page_feature h1.page_headline {
		color:#fff;
	}
	
	body[data-entry-slug='covid-19'] .panel_maxwidth {
		max-width:512px;
	}
	
	/* -- homebuilder grant -- */
	
	body[data-entry-slug='homebuilder-grant'] .panel_page_feature .panel_maxwidth {
		padding:64px 0;
	}
	
	body[data-entry-slug='homebuilder-grant'] .panel_maxwidth {
		max-width:512px;
	}
	
	/* ---- all upgrades 2020 ---- */
	
	#all_upgrades_2020 {
		
	}
	
	#all_upgrades_2020 .upgrades_feature {
		display:flex;
		flex-direction:column;
		color:#fff;
	}
	
	#all_upgrades_2020 .upgrades_feature .box {
		position:relative;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .bg {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#666;
		z-index:10;
		overflow:hidden;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .bg_flat {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
	}
	
	#all_upgrades_2020 .upgrades_feature .box.ceiling .bg_flat {
		background-color:#b13a4e;
	}
	
	#all_upgrades_2020 .upgrades_feature .box.bathroom .bg_flat {
		background-color:#5ac1e6;
	}
	
	#all_upgrades_2020 .upgrades_feature .box.kitchen .bg_flat {
		background-color:#0357b4;
	}
	
	#all_upgrades_2020 .upgrades_feature .box.aircon .bg_flat {
		background-color:#3fcac1;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .bg_gradient {
		position:absolute;
		width:360px;
		height:360px;
		top:50%;
		left:30%;
		transform:translate(-50%,-50%);
	}
	
	#all_upgrades_2020 .upgrades_feature .box.ceiling .bg_gradient {
		background:radial-gradient(ellipse at center, rgba(219,94,108,1) 0%, rgba(219,94,108,0) 70%);
	}
	
	#all_upgrades_2020 .upgrades_feature .box.bathroom .bg_gradient {
		background:radial-gradient(ellipse at center, rgba(135,212,238,1) 0%, rgba(135,212,238,0) 70%);
	}
	
	#all_upgrades_2020 .upgrades_feature .box.kitchen .bg_gradient {
		background:radial-gradient(ellipse at center, rgba(20,107,202,1) 0%, rgba(20,107,202,0) 70%);
	}
	
	#all_upgrades_2020 .upgrades_feature .box.aircon .bg_gradient {
		background:radial-gradient(ellipse at center, rgba(142,229,223,1) 0%, rgba(142,229,223,0) 70%);
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg {
		position:relative;
		display:flex;
		justify-content:space-between;
		z-index:20;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .image {
		position:relative;
		flex:0 0 40%;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .image .cutout {
		position:absolute;
		right:0;
		bottom:0;
		width:100%;
		height:auto;
		max-width:100%;
		vertical-align:bottom;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .image .cutout_over {
		position:absolute;
		right:0;
		bottom:0;
		width:100%;
		height:auto;
		vertical-align:bottom;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .image .cutout_under {
		position:absolute;
		right:0;
		bottom:0;
		width:100%;
		height:auto;
		vertical-align:bottom;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .text {
		display:flex;
		align-items:center;
		flex:0 0 53%;
		padding:32px 0;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .text .headline {
		font-size:1.4em;
		font-weight:500;
		line-height:110%;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .plus {
		position:absolute;
		z-index:30;
		top:100%;
		left:50%;
		transform:translate(-50%,-45%);
		font-size:2em;
		font-weight:900;
	}
	
	#all_upgrades_2020 .upgrades_feature .box:last-child .plus {
		display:none;
	}
	
	#all_upgrades_2020 .upgrades_intro {
		background-color:#222;
		color:#fff;
	}
	
	#all_upgrades_2020 .upgrades_intro .panel_maxwidth {
		max-width:600px;
	}
	
	#all_upgrades_2020 .upgrades_intro .headline {
		color:#fff;
		margin:0 0 16px 0;
		line-height:110%;
	}
	
	#all_upgrades_2020 .upgrades_intro .subline {
		margin:16px 0;
		line-height:130%;
	}
	
	#all_upgrades_2020 .upgrades_intro .actions {
		margin:16px 0 0 0;
	}
	
	#all_upgrades_2020 .upgrades_intro .actions .button {
		display:block;
		padding:12px 16px;
		background-color:#f5f5f5;
		color:#222;
		text-decoration:none;
		margin:0 0 4px 0;
	}
	
	#all_upgrades_2020 .upgrades_intro .actions .button.primary {
		background-color:#ad384c;
		color:#fff;
	}
	
	#all_upgrades_2020 .upgrades_terms {
		background-color:#f5f5f5;
	}
	
	#all_upgrades_2020 .upgrades_terms .small_print {
		color:#999;
		font-size:0.75em;
		line-height:105%;
	}
	
	/* ---- pinterest / inspiration gallery ---- */
	
	#panel_inspiration {
		min-height:1024px;
	}
	
	#panel_inspiration .board {
		margin:24px 0;
	}
	
	#panel_inspiration .board_name {
		color:#999;
		font-weight:500;
		margin:0 0 16px 0;
	}
	
	#panel_inspiration .pins {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		margin:-4px;
	}
	
	#panel_inspiration .pins .pin {
		flex:0 0 auto;
		flex-basis:calc( 50% - 8px );
		margin:4px;
		height:40vw;
		max-height:256px;
		opacity:1;
		transition:opacity 0.5s;
	}
	
	#panel_inspiration .pins .pin.fading {
		opacity:0;
	}
	
	#panel_inspiration .pins .pin img {
		width:100%;
		height:100%;
		object-fit:cover;
		opacity:1;
		transition:opacity 1s;
	}
	
	#panel_inspiration .pins .pin.loading img {
		opacity:0;
	}
		
	/* -- select home studio -- */

	#page_select {
		color:#222;
		font-size:16px;
		line-height:130%;
	}

	#page_select a {
		color:#222;
	}

	#select_feature {
		position:relative;
		color:#fff;
	}

	#select_feature .bg {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#222;
		z-index:10;
	}

	#select_feature .bg .video_fallback {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-size:cover;
		background-position:center center;
		opacity:0;
		transition:opacity 3s;
	}

	#select_feature .bg .video_fallback.show {
		opacity:1;
	}

	#select_feature .bg video {
		display:none;
		position:relative;
		z-index:10;
		opacity:0;
		transition:opacity 3s;
	}

	#select_feature .bg video.show {
		opacity:1;
	}

	@supports (object-fit:cover) {

		#select_feature .bg video {
			display:block;
			width:100%;
			height:100%;
			object-fit:cover;
		}

	}

	#select_feature .bg .overlay {
		position:absolute;
		z-index:20;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#222;
		opacity:0.8;
	}

	#select_feature .fg {
		position:relative;
		display:flex;
		justify-content:center;
		align-items:center;
		min-height:65vh;
		z-index:20;
	}

	#select_feature .fg .select_logo {
		margin:0;
		line-height:100%;
	}

	#select_feature .fg .select_logo img {
		width:160px;
		height:auto;
	}

	#select_intro {
		position:relative;
		padding:32px 0;
	}

	#select_intro .panel_maxwidth {
		display:flex;
		flex-direction:column;
		width:80%;
		max-width:1280px;
	}

	#select_intro .intro_images {
		display:flex;
		flex-direction:column;
		margin-bottom:32px;
	}

	#select_intro .intro_images .top {
		margin-bottom:8px;
	}

	#select_intro .intro_images .top img {
		width:90%;
		height:auto;
		vertical-align:bottom;
	}

	#select_intro .intro_images .bot {
		display:flex;
		justify-content:flex-end;
	}

	#select_intro .intro_images .bot .left {
		text-align:right;
		flex:0 0 40%;
		margin-right:8px;
	}

	#select_intro .intro_images .bot .left img {
		width:60%;
		height:auto;
	}

	#select_intro .intro_images .bot .right {
		flex:1 1 auto;
	}

	#select_intro .intro_images .bot .right img {
		width:100%;
	}

	#select_intro .intro_text {

	}

	#select_intro .intro_text h2 {
		color:#222;
		font-weight:500;
		margin-top:0;
	}

	#select_tour {
		position:relative;
		background-color:#444;
		background-size:cover;
		background-position:center center;
		color:#fff;
		padding:32px 0;
	}

	#select_tour:before {
		position:absolute;
		display:block;
		content:'';
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#222;
		opacity:0.1;
	}

	#select_tour .box {
		position:relative;
		background-color:#222;
		width:80%;
		max-width:512px;
		margin:0 auto;
		padding:24px;
		box-sizing:border-box;
	}

	#select_tour .box h2 {
		font-weight:500;
		color:#fff;
		margin:0 0 8px 0;
	}

	#select_tour .box .actions {
		margin-top:12px;
	}

	#select_tour .box .button {
		display:inline-flex;
		color:#fff;
	}

	#select_tour .box .button .icon {
		flex:0 0 24px;
		margin-right:12px;
	}

	#select_tour .box .button .icon img {
		width:auto;
		height:auto;
		max-width:24px;
		max-height:24px;
	}
	
	/* -- reviews -- */
	
	#page_reviews {
		
	}
	
	#page_reviews .cols {
		display:flex;
		flex-direction:column;
	}
	
	#page_reviews .col_reviews {
		margin-bottom:32px;
	}
	
	#page_reviews .col_reviews .box {
		background-color:#f5f5f5;
		padding:16px;
		margin-bottom:16px;
	}
	
	.interactive_stars {
		display:flex;
	}
	
	.interactive_stars .star {
		margin:0;
		position:relative;
		width:32px;
		height:32px;
	}
	
	.interactive_stars .star:active {
		transform:scale(0.8);
	}
	
	.interactive_stars .star img {
		position:absolute;
		top:4px;
		left:4px;
		width:24px;
		height:24px;
	}
	
	.interactive_stars .star img.filled {
		opacity:0;
		transform:scale(0.1);
		transition:opacity 0.2s, transform 0.2s;
	}
	
	.interactive_stars .star.show img.filled {
		opacity:1;
		transform:scale(1.2);
		transition:opacity 0.1s, transform 0.1s;
	}
	
	#page_reviews .reviews {
		
	}
	
	#page_reviews .review {
		padding:16px;
	}
	
	#page_reviews .review .stars {
		display:flex;
		margin:0 0 8px 0;
	}
	
	#page_reviews .review .stars .star {
		width:auto;
		height:auto;
		max-width:16px;
		max-height:16px;
		margin:0 4px 0 0;
	}
	
	#page_reviews .review .name {
		font-size:1.1em;
		font-weight:700;
		margin:0 0 4px 0;
	}
	
	#page_reviews .review .quote {
		line-height:110%;
	}
	
	#page_reviews .stories {
		
	}
	
	#page_reviews .story {
		display:flex;
		flex-direction:column;
		padding:16px;
	}
	
	#page_reviews .story .image {
		margin:0 0 12px 0;
	}
	
	#page_reviews .story .image .circle {
		width:64px;
		height:64px;
		border-radius:50%;
		overflow:hidden;
		background-color:#ccc;
	}
	
	#page_reviews .story .image .circle img {
		width:100%;
		height:100%;
		object-fit:cover;
	}
	
	#page_reviews .story .text {
		
	}
	
	#page_reviews .story .text .name {
		font-size:1.2em;
		font-weight:700;
		line-height:110%;
	}
	
	#page_reviews .story .text .design {
		color:#999;
		line-height:110%;
	}
	
	#page_reviews .story .text .design a {
		color:#999;
		text-decoration:underline;
	}
	
	#page_reviews .story .text .quote {
		margin:8px 0 0 0;
		line-height:130%;
	}
	
	/* -------- grassroots -------- */
	
	#grassroots .feature {
		position:relative;
		z-index:15;
		height:256px;
	}
	
	#grassroots .feature .image {
		width:100%;
		height:100%;
		object-fit:cover;
		vertical-align:top;
	}
	
	#grassroots .logo {
		position:relative;
		z-index:20;
		margin:0 0 64px 0;
	}
	
	#grassroots .logo .image {
		position:absolute;
		top:0;
		left:50%;
		transform:translate(-50%,-50%);
		width:128px;
		height:auto;
		vertical-align:middle;
	}
	
	#grassroots .content {
		position:relative;
		z-index:10;
		text-align:center;
	}
	
	#grassroots .content .panel_maxwidth {
		width:90%;
		max-width:700px;
	}
	
	#grassroots .content .panel_padding {
		padding:48px 0;
	}
	
	#grassroots .content .question {
		color:#013763;
		line-height:110%;
		font-size:1.6em;
	}
	
	#grassroots .content p {
		font-size:1.1em;
		color:#666;
		line-height:140%;
	}
	
	#grassroots .content .image_box {
		margin:2em 0;
	}
	
	#grassroots .content .image_box .image {
		width:100%;
		height:auto;
		vertical-align:top;
	}
	
	#grassroots .content .action {
		margin:2em 0;
	}
	
	#grassroots .content .action .apply_now {
		display:inline-block;
		padding:24px 48px;
		border-radius:8px;
		background-color:#50b848;
		color:#fff;
		font-size:1.2em;
		font-weight:700;
		text-decoration:none;
	}
	
	#grassroots .panel_form .section_heading {
		padding-top:32px;
	}
	
	#grassroots .freeform-alert-success {
		background-color:#50b848;
		color:#fff;
	}
	
	.form_subscribe_grassroots{
		background: #ffffff;
		border: 2px solid #003963;
		text-align: center;
		align-items: center;
		margin: 30px 0 50px;
		padding: 40px 8%;
		border-radius: 30px;
		box-shadow: 2px 2px 10px #0000001a;
	}

	.form_subscribe_grassroots .section_heading h2 {
		color: #003963;
		margin: 0 0 8px 0;
		font-weight: 800;
		font-size: 26px;
	}

	.form_subscribe_grassroots .section_heading p{
		margin: 0 0 20px !important;
	}

	.form_subscribe_grassroots .freeform-row .freeform-column .freeform-label{
		text-align: left;
		font-weight: 500;
	}

	.form_subscribe_grassroots .freeform-row button{
		background: #4fb848;
		width: 100%;
		border-radius: 5px;
		margin: 15px 0 0 !important;
	}

	.form_subscribe_grassroots .freeform-row button:hover{
		background: #62bd5c;
	}

	.form_subscribe_grassroots .form .freeform-form-has-errors,
	.form_subscribe_grassroots .freeform-row .freeform-column .freeform-errors > li,
	.form_subscribe_grassroots .freeform-row .freeform-column .ff-errors > li{
		color: #003963;
		font-size: 14px !important;
	}

	.form_subscribe_grassroots .freeform-alert-success{
		background: #003963;
		border-radius: 5px;
	}
	
	/* -- now selling -- */
	
	#now_selling {
		background-color:#f5f5f5;
	}
	
	#now_selling .now_selling_grid {
		display:flex;
		flex-direction:column;
		margin:-8px;
	}
	
	#now_selling .now_selling_grid .item {
		position:relative;
		display:flex;
		flex-direction:column;
		background-color:#fff;
		color:#2c3a50;
		text-decoration:none;
		margin:8px;
	}
	
	#now_selling .now_selling_grid .item .image {
		position:relative;
		background-size:cover;
		background-position:center center;
		background-color:#ccc;
		height:100%;
		overflow:hidden;
	}
		
	#now_selling .now_selling_grid .item .image img {
		display:none;
	}
	
	#now_selling .now_selling_grid .item .image:after {
		position:absolute;
		display:none;
		content:'';
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#fff;
		opacity:0;
	}
	
	#now_selling .now_selling_grid .item .text {
		padding:16px;
		background-color:#fff;
		line-height:110%;
	}
	
	#now_selling .now_selling_grid .item_large {
		flex-direction:row;
		justify-content:flex-start;
		align-items:center;
		flex:0 0 256px;
	}
	
	#now_selling .now_selling_grid .item_large .image {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
	}
	
	#now_selling .now_selling_grid .item_large .text {
		position:relative;
		margin:0 0 0 16px;
	}
	
	#now_selling .now_selling_grid .item_small {
		flex:0 0 192px;
	}
		
	#now_selling .now_selling_grid .item_small .text {
		
	}
	
	@supports( object-fit:cover ) {
		
		#now_selling .now_selling_grid .item .image img {
			display:block;
			width:100%;
			height:100%;
			object-fit:cover;
		}
		
	}
	
	@supports( display:grid ) {
		
		#now_selling .now_selling_grid {
			display:grid;
			grid-template-columns:repeat(2,1fr);
			grid-auto-rows:128px;
			gap:16px;
			margin:0;
		}
		
		#now_selling .now_selling_grid .item {
			margin:0;
		}
		
		#now_selling .now_selling_grid .item_large {
			grid-column:span 2;
			grid-row:span 3;
		}
		
		#now_selling .now_selling_grid .item_small {
			grid-column:span 2;
			grid-row:span 2;
		}
		
	}
	
	/* -- land for sale / land list -- */
	
	.land_list .item[data-status="Now Selling"] .text .status {
		color:#6aa1bd;
	}
	
	.land_list .item .text .brand {
		color:#2c3a50;
	}
	
	.land_list .item .text .actions .button {
		border-color:#6aa1bd;
		color:#6aa1bd;
		border-radius:8px;
	}
	
	.land_list .item[data-status='Sold Out'] .text .actions .button {
		color:#ccc;
		border-color:#ccc;
	}
	
	/* -- head office -- */
	
	.panel_headoffice {
		
	}
	
	.panel_headoffice .panel_maxwidth {
		max-width:1024px;
	}
	
	.panel_headoffice .cols {
		display:flex;
		flex-direction:column-reverse;
	}
	
	.panel_headoffice .col_left {
		
	}
	
	.panel_headoffice .address {
		font-size:1.4em;
		line-height:120%;
		font-weight:700;
		margin:0 0 12px 0;
		color:#2c3a50
	}
	
	.panel_headoffice .note {
		color:#666;
		font-style:italic;
	}
	
	.panel_headoffice .actions {
		margin:16px 0 0 0;
	}
	
	.panel_headoffice .col_right {
		margin:0 0 32px 0;
	}
	
	.panel_headoffice .image {
		width:100%;
		height:auto;
		vertical-align:top;
	}
	
	/* -- inspo hub -- */
	
	body[data-entry-slug='inspiration'] #header_2019_mobile .section_logo {
		background-color:#222;
	}
	
	body[data-entry-slug='inspiration'] #header_2019_desktop .section_top {
		background-color:#222;
	}
	
	body[data-entry-slug='inspiration'] #nav_2019 > li > a {
		color:#222;
	}
	
	body[data-entry-slug='inspiration'] #nav_2019 > li[data-role='contact'] > a:before {
		background-color:#ff9999;
	}
	
	body[data-entry-slug='inspiration'] #footer {
		background-color:#222;
	}
	
	#inspo {
		
	}
	
	#inspo a {
		color:#111;
	}
	
	#inspo .serif {
		font-family:abril-display,serif;
		letter-spacing:0.03em;
	}
	
	#inspo .inspo_feature {
		position:relative;
		display:flex;
		align-items:center;
		height:calc(100vh - 72px);
		margin:0 0 48px 0;
	}
	
	#inspo .inspo_feature .bg {
		position:absolute;
		z-index:10;
		top:0;
		right:0;
		bottom:0;
		left:0;
	}
	
	#inspo .inspo_feature .bg .main {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		width:50%;
		background-color:#ddd;
	}
	
	#inspo .inspo_feature .bg .main img {
		object-fit:cover;
		width:100%;
		height:100%;
	}
	
	#inspo .inspo_feature .bg .extra {
		display:flex;
		position:absolute;
		right:32px;
		bottom:-32px;
	}
	
	#inspo .inspo_feature .bg .extra .box {
		width:160px;
		height:92px;
		overflow:hidden;
	}
	
	#inspo .inspo_feature .bg .extra .box img {
		width:100%;
		height:100%;
		object-fit:cover;
	}
	
	#inspo .inspo_feature .bg .extra .line {
		background-color:#ff9999;
		width:8px;
		margin:8px 0 8px 8px;
	}
	
	#inspo .inspo_feature .fg {
		position:relative;
		z-index:20;
		padding:0 0 48px 0;
	}
	
	#inspo .inspo_feature .fg .logo {
		margin:0 0 32px 0;
	}
	
	#inspo .inspo_feature .fg .logo img {
		width:128px;
		height:auto;
		vertical-align:top;
	}
	
	#inspo .inspo_feature .fg .subline {
		box-sizing:border-box;
		max-width:600px;
		padding:16px;
		font-size:1.1em;
		line-height:140%;
		background-color:#fff;
		box-shadow:2px 2px 16px rgba(0,0,0,0.1);
	}
	
	#inspo .inspo_items {
		
	}
	
	#inspo .inspo_items .panel_maxwidth {
		max-width:1280px;
	}
	
	#inspo .inspo_items .item {
		display:flex;
		flex-direction:column;
		margin:0 0 32px 0;
	}
	
	#inspo .inspo_items .item .image {
		position:relative;
		flex:0 0 160px;
		background-color:#ccc;
	}
	
	#inspo .inspo_items .item .image img {
		position:relative;
		width:100%;
		height:100%;
		object-fit:cover;
		z-index:10;
	}
	
	#inspo .inspo_items .item .image video {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		object-fit:cover;
		z-index:20;
	}
	
	#inspo .inspo_items .item .image:after {
		position:absolute;
		content:'';
		z-index:30;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#fff;
		opacity:0;
	}
	
	#inspo .inspo_items .item .text {
		padding:24px;
	}
	
	#inspo .inspo_items .item .text .headline {
		margin:0 0 8px 0;
	}
	
	#inspo .inspo_items .item .text .headline a {
		text-decoration:none;
	}
	
	#inspo .inspo_items .item .text .subline {
		line-height:130%;
	}
	
	/* ---- klik_pano ---- */
	
	#klik_pano {
		box-shadow:2px 2px 8px rgba(0,0,0,0.1);
	}
	
	#klik_pano .iframe_wrap {
		position:relative;
		width:100%;
		padding-top:56%;
		padding-top:100%;
	}
	
	#klik_pano .iframe_wrap iframe {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		border:none;
	}
	
	#klik_pano .actions {
		text-align:right;
		padding:16px;
		border:1px solid #ccc;
		border-top:none;
		background-color:#f5f5f5;
	}
	
	#klik_pano .actions .box_button .icon {
		width:auto;
		height:auto;
		max-width:12px;
		max-height:12px;
	}
	
	.panel_theme_explorer .themes {
		margin:24px 0 0 0;
	}
	
	.panel_theme_explorer .themes h2 {
		color:#223a54;
	}
	
	.panel_theme_explorer .themes h3 {
		font-size:2em;
		font-weight:500;
		color:#1ba5c4;
	}
	
	.panel_theme_explorer .themes .theme_box {
		padding:16px;
		background-color:#f5f5f5;
		margin:0 0 16px 0;
	}
	
	.panel_theme_explorer .themes .theme_box .row_headline {
		display:flex;
		justify-content:space-between;
		align-items:center;
		margin:0 0 12px 0;
	}
	
	.panel_theme_explorer .themes .theme_box .row_headline .col_action {
		display:flex;
		justify-content:flex-end;
		align-items:center;
		margin:0 0 0 16px;
	}
	
	.panel_theme_explorer .themes .theme_box .row_headline .col_action .button {
		display:flex;
	}
	
	.panel_theme_explorer .themes .theme_box .row_headline .col_action .button .icon {
		width:auto;
		height:auto;
		max-width:12px;
		max-height:12px;
		margin:0 8px 0 0;
	}
	
	.panel_theme_explorer .themes .theme {
		width:100%;
	}
	
	.panel_theme_explorer .themes .theme tr {
		display:flex;
		flex-direction:column;
		border-bottom:1px solid #ccc;
		padding:8px 0;
	}
	
	.panel_theme_explorer .themes .theme td {
		line-height:120%;
	}
	
	.panel_theme_explorer .themes .theme td.location {
		font-size:0.8em;
		font-weight:700;
	}
	
	.panel_theme_explorer .themes .theme td.name {
		font-size:1em;
		font-weight:500;
		margin:4px 0 0 0;
	}
	
	/* -------- select style pack -------- */
	
	#home_feature.ssp {
		display:block;
	}
	
	#home_feature.ssp .ssp_logo {
		width:50vw;
		height:auto;
		max-width:384px;
	}
	
	#select_style_pack {
		position:relative;
		background-color:#f5f5f5;
	}
	
	#select_style_pack .ssp_feature {
		position:relative;
		
	}
	
	#select_style_pack .ssp_feature .ssp_feature_bg {
		position:relative;
		vertical-align:top;
		width:100%;
		height:auto;
		z-index:10;
	}
	
	#select_style_pack .ssp_feature .ssp_logo {
		position:absolute;
		width:128px;
		height:128px;
		left:calc(50% - 64px);
		bottom:-64px;
		z-index:20;
	}
	
	#select_style_pack .ssp_main {
		padding:64px 0 0 0;
	}
	
	#select_style_pack .ssp_main .panel_maxwidth {
		width:80%;
		max-width:800px;
		padding:48px 0;
	}
	
	#select_style_pack .ssp_main .key_statement {
		font-size:1.4em;
		font-weight:500;
		line-height:130%;
		text-align:center;
		margin:0 0 48px 0;
	}
	
	#select_style_pack .ssp_main .upgrade_image {
		text-align:center;
	}
	
	#select_style_pack .ssp_main .upgrade_image .ssp_img {
		width:100%;
		height:auto;
		max-width:800px;
		vertical-align:top;
	}
	
	#select_style_pack .ssp_main .image_caption {
		font-size:1.1em;
		font-weight:700;
		line-height:110%;
		text-align:center;
		max-width:600px;
		margin:24px auto;
	}
	
	#select_style_pack .big_plus {
		font-size:4em;
		font-weight:700;
		line-height:80%;
		text-align:center;
		color:#999;
		margin:16px 0;
	}
	
	#select_style_pack .contact {
		margin:48px 0 0 0;
		text-align:center;
	}
	
	#select_style_pack .contact .box_button {
		display:block;
		margin:8px 0 0 0;
	}
	
	/* ---- subbies show ---- */
	
	body[data-entry-id='174394'] .panel_page_feature {
		background-position:center top;
	}
	
	body[data-entry-id='174394'] .panel_page_feature .panel_maxwidth {
		max-width:auto;
	}
	
	body[data-entry-id='174394'] .panel_page_feature .page_headline {
		font-family:impact,proxima-nova,arial,sans-serif;
		text-transform:uppercase;
		font-weight:700;
		max-width:100%;
	}
	
	body[data-entry-id='174394'] #page_signup .basic_content {
		color:#223a54;
		font-size:1.2em;
		line-height:130%;
	}

	/* ---- xmas2022 ---- */

	.home_feature_xmas2022 {

	}

	.home_feature_xmas2022 .image {

	}

	.home_feature_xmas2022 .image .img {
		display:block;
		width:100%;
		height:auto;
	}

	.home_feature_xmas2022 .text {
		background-color:#223a54;
		background-size:cover;
		background-position:center center;
		color:#ffffff;
		text-align:center;
		padding:24px 0;
	}

	.home_feature_xmas2022 .text .panel_maxwidth {
		max-width:1024px;
	}

	.home_feature_xmas2022 .text .headline {
		font-size:1.4em;
		font-weight:500;
		line-height:110%;
		margin:0 0 12px 0;
	}

	.home_feature_xmas2022 .text .subline {
		font-size:1em;
		line-height:130%;
		margin:8px 0 0 0;
	}
  
  
  /*-- temporary override 26 May 2023 --*/
  /*
  body[data-entry-id='101234'] #listing_filter_suburb{
    display: none;
  }
  */
}

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

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

	/* ---------------- overall style ---------------- */

	.panel_padding {
		padding:40px 0;
	}
	
	/* ---------------- header ---------------- */
	
	/* ---- header - mobile ---- */
	
	#header_2019_mobile .section_logo {
		padding:32px 24px;
	}
	
	#header_2019_mobile .section_contact {
		padding:32px 24px;
	}
	
	#header_2019_mobile .section_contact .left .icon {
		margin-right:16px;
	}
	
	#header_2019_mobile .section_contact .right .icon {
		margin-left:16px;
	}
	
	#header_2019_mobile .section_key_items ul {
		padding:16px 0;
	}
	
	#header_2019_mobile .section_key_items a {
		padding:16px 24px;
		line-height:24px;
	}
	
	#header_2019_mobile .section_key_items a .circle {
		margin-right:12px;
	}
	
	#header_2019_mobile .section_all_items > ul > li > a {
		padding:16px 24px;
	}
	
	#header_2019_mobile .section_all_items > ul > li > ul > li > a {
		padding:12px 24px 12px 32px;
	}
    
	/* ---------------- footer ---------------- */
	
	#footer {
		
	}
	
	#footer .top {
		flex-direction:row;
		flex-wrap:wrap;
	}
	
	#footer .top .col {
		flex:1 1 50%;
	}
	
	/* ---------------- home ---------------- */
	
	#home_feature {
		
	}
	
	#home_feature .fg {
		padding:96px 0;
	}
	
	#home_feature .fg .headline {
		font-size:2em;
		margin-bottom:12px;
	}
	
	#home_feature .fg .actions {
		margin-top:24px;
	}
	
	#home_bar_covid {
		text-align:left;
		padding:24px 0;
	}
	
	#home_bar_covid .panel_maxwidth {
		flex-direction:row;
		justify-content:center;
		align-items:center;
	}
	
	#home_bar_covid .text {
		margin:0 24px 0 0;
	}
	
	#home_intro .box {
		padding:32px;
	}
	
	#home_intro .box .headline {
		margin-bottom:12px;
		font-size:1.8em;
	}
	
	#home_intro .box .subline {
		font-size:1.2em;
	}
	
	#home_intro .box .actions {
		margin-top:16px;
	}
	
	#home_intro .box_designs {
		padding-bottom:60%;
	}
	
	#home_intro .box_designs .background .overlay {
		/*
		background:linear-gradient(to bottom, rgba(34,58,84,0.9) 0%, rgba(34,58,84,0) 100%);
		*/
	}
		
	#home_promo .promos .promo .image {
		flex:0 0 256px;
	}
	
	#home_reviews .col_text .top {
		margin-bottom:32px;
	}
	
	#home_reviews .col_text .top .headline {
		font-size:1.8em;
	}
	
	#home_reviews .col_text .top .rooms .room {
		margin-right:24px;
	}
	
	#home_reviews .col_text .top .rooms .room .number {
		font-size:1.2em;
		margin-right:12px;
	}
	
	#home_reviews .col_text .top .rooms .room .icon {
		max-width:20px;
		max-height:12px;
	}
	
	#home_reviews .reviews {
		margin:-12px 0;
	}
	
	#home_reviews .reviews .review {
		margin:12px 0;
	}
	
	#home_reviews .reviews .review .image {
		margin-right:16px;
	}
	
	#home_reviews .reviews .review .image .circle {
		
	}
	
	#home_reviews .reviews .review .snippet {
		font-size:1.1em;
	}
	
	#home_reviews .reviews .review .person {
		font-size:1em;
	}
	
	#home_reviews .reviews .review .stars {
		
	}
	
	#home_select {
		padding:64px 32px;
	}
	
	#home_select .box {
		padding:48px;
	}
	
	#home_select .box .logo {
		margin-bottom:32px;
	}
	


	#banner_advantage {
		text-align:left;
	}
	
	#banner_advantage .panel_maxwidth {
		flex-direction:row;
		justify-content:center;
		align-items:center;
		padding:32px 0;
	}
	
	#banner_advantage .image {
		margin:0 32px 0 0;
	}
	
	#banner_advantage .image img {
		width:96px;
	}
	
	/* ---------------- back pages ---------------- */
    
    /* -- current offers -- */

    .current_offer .image img {
        max-height:300px;
    }
    
    /* -- legal stuff -- */
    
    .legal_content {
        font-size:14px;
    }
    
    .legal_content .panel_maxwidth {
        max-width:768px;
    }
    
    .legal_content h1 {
        font-size:2em;
    }
    
    .legal_content h2 {
        font-size:1.6em;
    }
    
    .legal_content ul {
        padding:0 0 0 16px;
    }
    
    .legal_content ul li {
        list-style:disc;
    }
    
    .legal_content li {
        list-style:disc;
        margin:4px 0;
    }
    
    .legal_content p {
        margin:0.8em 0;
    }
	
	/* ---- finance ---- */
	
	#finance .finance_intro .col_text .page_headline {
		font-size:3em;
	}
	
	#finance .finance_intro .col_text .subline {
		font-size:1.4em;
	}
	
	#finance .finance_intro .col_image {
		
	}
	
	#finance .finance_intro .col_image .box {
		height:320px;
	}
	
	#finance .finance_cta .box {
		padding:32px;
	}
	
	#finance .finance_cta .headline {
		margin:0 0 16px 0;
	}
	
	#finance .finance_cta .intro {
		margin:16px 0;
	}
	
	#finance .finance_cta .actions {
		margin:16px 0 0 0;
	}
	
	#finance .finance_cta2 .headline {
		margin:0 0 16px 0;
	}
	
	#finance .finance_cta2 .excerpt {
		margin:16px 0;
	}
	
	#finance .finance_cta2 .actions {
		margin:16px 0 0 0;
	}
	
	/* -- standard_inclusions -- */
	
	[data-entry-slug="standard-inclusions"] .panel_maxwidth {
		max-width:768px;
	}
  
	/* -- advantage club pitch page -- */
		
	#advantage_intro .login_panel {
		padding:24px;
	}
	
	/* ---- all upgrades 2020 ---- */
	
	#all_upgrades_2020 .upgrades_feature .box .fg .text {
		padding:48px 0;
		flex:0 0 52%;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .text .headline {
		font-size:1.6em;
	}
	
	/* ---- display village 2020 changes ---- */
	
	#village_2020_designs .row_designs {
		flex-direction:row;
		flex-wrap:wrap;
	}
	
	#village_2020_designs .row_designs .design {
		flex:0 0 auto;
		flex-basis:calc( 50% - 16px );
	}
	
	#village_2020_contact .row_consultants .consultant .image {
		padding-left:24px;
	}
	
	#village_2020_contact .row_consultants .consultant .image .cutout {
		max-height:256px;
	}
	
	#village_2020_contact .row_consultants .consultant .text {
		padding:24px;
	}
	
	/* -- contact page -- */
	
	#panel_contact_2020 .boxes {
		flex-direction:row;
		flex-wrap:wrap;
	}
	
	#panel_contact_2020 .boxes .box {
		flex:0 0 auto;
		flex-basis:calc(50% - 16px);
	}
	
	.contact_consultants .consultants {
		flex-direction: row;
		flex-wrap:wrap;
		justify-content:flex-start;
	}

	.contact_consultants .consultants .consultant {
		flex: 0 0 45.5%;
	}
	
	/* -- select home studio -- */

	body[data-entry-slug='select-home-studio'] #header_2019_mobile .section_logo {
		background-color:#222;
	}
	
	body[data-entry-slug='select-home-studio'] #header_2019_desktop .section_top {
		background-color:#222;
	}
	
	body[data-entry-slug='select-home-studio'] #nav_2019 > li > a {
		color:#222;
	}
	
	body[data-entry-slug='select-home-studio'] #nav_2019 > li[data-role='contact'] > a:before {
		background-color:#666;
	}
	
	body[data-entry-slug='select-home-studio'] #footer {
		background-color:#222;
	}
	
	#select_feature .fg .select_logo img {
		width:192px;
	}

	#select_intro {
		padding:48px 0;
	}

	#select_tour {
		padding:48px 0;
	}

	#select_tour .box {
		padding:32px;
	}
	
	/* -- reviews -- */
	
	#page_reviews {
		
	}
	
	#page_reviews .col_reviews .box {
		padding:24px;
	}
	
	#page_reviews .review {
		padding:24px;
	}
	
	#page_reviews .story {
		flex-direction:row;
		padding:24px;
	}
	
	#page_reviews .story .image {
		margin:0 16px 0 0;
	}
	
	#page_reviews .story .text {
		padding-top:8px;
	}
	
	#feedback_header .logo img {
		width:192px;
	}
	
	#fairmont_feedback .box {
		padding:32px;
	}
	
	/* -------- grassroots -------- */
	
	#grassroots .feature {
		height:320px;
	}
	
	#grassroots .feature .image {
		
	}
	
	#grassroots .logo {
		margin:0 0 96px 0;
	}
	
	#grassroots .logo .image {
		width:192px;
	}
	
	#grassroots .content {
		
	}
	
	#grassroots .content .panel_padding {
		/*padding:64px 0;*/
	}
		
	#grassroots .content .question {
		
	}
	
	#grassroots .content p {
		font-size:1.2em;
	}
	
	#grassroots .content .image_box {
		margin:3em 0;
	}
	
	#grassroots .content .image_box .image {
		
	}
	
	#grassroots .content .action {
		margin:3em 0;
	}
	
	#grassroots .content .action .apply_now {
		
	}
	
	/* -- now selling -- */
		
	#now_selling .now_selling_grid {
		
	}
		
	@supports( display:grid ) {
		
		#now_selling .now_selling_grid {
			
		}
		
		#now_selling .now_selling_grid .item_large {
			grid-column:span 2;
			grid-row:span 3;
		}
		
		#now_selling .now_selling_grid .item_small {
			grid-column:span 1;
			grid-row:span 2;
		}
		
	}
	
	/* -- head office -- */
	
	.panel_headoffice {
		
	}
	
	/* -- inspo hub -- */
	
	#inspo {
		
	}
	
	#inspo .inspo_feature {
		margin-bottom:64px;
	}
	
	#inspo .inspo_feature .bg .extra .box {
		width:256px;
		height:160px;
	}
	
	#inspo .inspo_feature .bg .extra .line {
		width:12px;
		margin:12px 0 12px 12px;
	}
	
	#inspo .inspo_feature .fg .logo {
		margin-bottom:48px;
	}
	
	#inspo .inspo_feature .fg .logo img {
		width:160px;
	}
	
	#inspo .inspo_feature .fg .subline {
		width:70%;
		font-size:1.2em;
	}
	
	#inspo .inspo_items .item {
		margin-bottom:48px;
	}
	
	#inspo .inspo_items .item .image {
		flex-basis:256px;
	}
	
	#inspo .inspo_items .item .text {
		padding:32px;
	}
	
	#inspo .inspo_items .item .text .subline {
		font-size:1.1em;
	}
	
	 /* -- hub pages -- */
    
	.hub_page {
		
	}
	
	.hub_page .panel_feature .col_text {
		flex-basis:60%;
		margin:24px 0;
	}
	
	.hub_page .panel_feature .col_image {
		flex-basis:40%;
	}
	
	.hub_page .panel_feature .col_image .cutout {
		right:-25%;
	}
	
	.hub_page .panel_boxes .box {
		
	}
    
	.hub_page .subdivision_list .item .image {
		flex-basis:96px;
	}
	
	.hub_page .panel_contact .person .image {
		
	}
	
	.hub_page .panel_contact .person .text {
		padding:24px;
	}
	
	/* -------- select style pack -------- */
	
	#select_style_pack {
		
	}
	
	#select_style_pack .ssp_feature .ssp_logo {
		width:192px;
		height:192px;
		left:calc(50% - 96px);
		bottom:-96px;
	}
	
	#select_style_pack .ssp_main {
		padding-top:96px;
	}
	
	#select_style_pack .ssp_main .panel_maxwidth {
		padding:64px 0;
	}
	
	#select_style_pack .ssp_main .key_statement {
		font-size:1.6em;
		margin-bottom:64px;
	}
	
	#select_style_pack .ssp_main .image_caption {
		margin:32px auto;
		font-size:1.2em;
	}
	
	#select_style_pack .big_plus {
		margin:24px 0;
	}
	
	#select_style_pack .contact {
		margin-top:64px;
	}

	/* ---- xmas2022 ---- */

	.home_feature_xmas2022 .text {
		padding:32px 0;
	}
			
}


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

@media only screen and (min-width: 680px) {
    
    /* -- general house list style -- */
  
	/* -- inspiration gallery page m680 -- */
	#inspiration_content .pin_section .pins{
		display: flex;
		flex-wrap: wrap;
	}


	#inspiration_content .pin_section .pins .item {
		flex: 0 0 48%;
	}
	
	
}

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

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

	/* ---------------- overall style ---------------- */
    
    br.tablet_break {
        display:inline;
    }
    
    .vertical_padding {
        padding:48px 0;
    }
	
	.panel_padding {
		padding:48px 0;
	}
	
	/* ---- 2020 buttons ---- */
	
	.box_button {
		padding:16px 20px;
		
	}
	
	.box_button.small {
		padding:12px 16px;
	}
	
	.box_button.large {
		padding:20px 24px;
	}
    
	.box_button.arrow:after {
		margin-left:12px;
	}
	
	.line_button {
		padding:12px 4px;
	}
	
	/* ---------------- header ---------------- */
    
    /* ---- header - mobile ---- */
	
	#header_2019_mobile .section_logo {
		padding:32px 32px;
	}
	
	#header_2019_mobile .section_logo .logo img {
		width:160px;
	}
	
	#header_2019_mobile .section_logo .nav_button img {
		width:48px;
	}
	
	#header_2019_mobile .section_contact {
		padding:32px;
	}
		
	#header_2019_mobile .section_key_items ul {
		padding:16px 0;
	}
	
	#header_2019_mobile .section_key_items a {
		padding:16px 32px;
		line-height:24px;
	}
	
	#header_2019_mobile .section_key_items a .circle {
		
	}
	
	#header_2019_mobile .section_all_items > ul > li > a {
		padding:16px 32px;
	}
	
	#header_2019_mobile .section_all_items > ul > li > ul > li > a {
		padding:12px 32px 12px 48px;
	}
    
	/* ---------------- footer ---------------- */
    
    #footer {
		
	}
	
	#footer .top {
		flex-wrap:nowrap;
		justify-content:space-between;
		align-items:center;
	}
		
	#footer .top .col {
		flex:0 0 auto;
	}
	
	#footer .top .col_social {
		justify-content:flex-end;
		text-align:right;
		
	}
	
	#footer .top .col_social .social {
		margin:0 0 0 16px;
	}
	
	#footer .bot {
		text-align:center;
	}

	/* ---------------- home ---------------- */
    
    #home_feature {
		
	}
	
	#home_feature .bg .overlay {
		background-color:rgba(80,80,80,0.25);
	}
	
	#home_feature .fg {
		padding:128px 0;
		text-align:center;
	}
	
	#home_feature .fg .headline {
		font-size:2.6em;
	}
	
	#home_feature .fg .subline {
		font-size:1.4em;
	}
	
	#home_bar_covid .text {
		margin-right:48px;
	}

	#home_bar_closures {
		padding: 30px;
	}

	#home_bar_closures .text {
		text-align: center;
	}
		
	#home_intro {
		
	}
	
	#home_intro .panel_maxwidth {
		flex-direction:row;
	}
	
	#home_intro .box {
		display:flex;
		align-items:center;
	}
	
	#home_intro .box_designs {
		margin:0 32px 0 0;
		flex:1 1 auto;
		width:50%;
		box-sizing:border-box;
		padding-top:5%;
		padding-bottom:50%;
	}
	
	#home_intro .box_designs .background .overlay {
		/*
		background:linear-gradient(to bottom, rgba(34,58,84,0.8) 0%, rgba(34,58,84,0) 75%);
		*/
	}
	
	#home_intro .secondary {
		flex:1 1 auto;
		width:50%;
	}
	
	#home_intro .box_villages {
		margin-bottom:32px;
	}
	
	#home_intro .secondary .box {
		flex:1 1 auto;
	}
		
	#home_promo .top .headline {
		font-size:1.6em;
	}
	
	#home_promo .promos {
		flex-direction:row;
	}
	
	#home_promo .promos .promo {
		width:100%;
	}
	
	#home_promo .promos .promo .image {
		flex:0 0 160px;
	}
	
	#home_promo .promos .promo .text {
		justify-content:space-between;
		height:100%;
	}
	
	#home_reviews .panel_maxwidth {
		flex-direction:row-reverse;
		align-items:center;
	}
	
	#home_reviews .col_image {
		flex:0 0 50%;
	}
	
	#home_reviews .col_text {
		margin:0 48px 0 0;
		flex:1 1 auto;
	}
	
	#home_select {
		padding:96px 48px;
	}
	
	#home_select .box {
		
	}
	
	#home_select .box .logo {
		
	}
	
	#home_about .top {
		margin-bottom:64px;
	}
	
	#home_about .items {
		flex-direction:row;
		justify-content:space-between;
		align-items:normal;
		margin:0;
	}
	
	#home_about .items .item {
		margin:0 16px;
	}
	
	#home_about .items .item .icon {
		margin-bottom:24px;
	}
	
	#home_about .items .item .text {
		justify-content:space-between;
		height:100%;
	}
	
	#home_about .items .item .headline {
		margin-bottom:8px;
	}
	
	#home_about .items .item .actions {
		margin-top:8px;
	}

	#home_blog .inner_container .item.mobile {
		align-items: center;
		flex-direction: row;
	}


	#home_blog .tag {
		margin: 4% 0;
	}
	
	#banner_advantage .panel_maxwidth {
		padding:48px 0;
	}
	
	#banner_advantage .image img {
		width:128px;
	}
	    
	/* ---------------- back pages ---------------- */
    
    /* -- general house list style -- */
    
    
    
    /* -- news items -- */
    
    
    /* -- house and land list -- */
        
    .houseland_list .houseland_item {
        display:table;
        width:100%;
    }
    
    .houseland_list .houseland_item .left {
        display:table-cell;
        width:160px;
        vertical-align:top;
    }
    
    .houseland_list .houseland_item .right {
        position:relative;
        display:table-cell;
        vertical-align:middle;
        padding:32px;
    }
    
    .houseland_list .houseland_item .right .buttons {
        position:absolute;
        right:16px;
        bottom:16px;
    }
    
    .houseland_list .houseland_item .right .buttons .fh_button {
        margin-left:8px;
    }
    
    /* -- general feature panel style -- */
    
    .panel_page_feature {
        padding:96px 0;
        font-size:16px;
    }
    
    /* -- calculators -- */
    
    .calculator_form {
        padding:32px;
    }
        
	/* -- design list page -- */
    
	/*
    #design_filter {
        padding:64px 0;
    }
	*/
    
    #design_list,
    #popular_design_list {
        padding:64px 0;
    }
    
    #design_list.display_house_list {
        padding:72px 0;
    }
    
    /* -- design detail page -- */
    
    #design_detail .layout_top .media_links {
        display:block;
        position:absolute;
        right:0;
        bottom:0;
    }
		
	#design_detail .layout_gallery .gallery_grid .item {
		flex-basis:calc( 33.333% - 4px );
		padding-top:25%;
	}
    
    /* -- compare designs -- */
        
    /*
    .compare_table_wrap {
        overflow:auto;
    }
    */
    
    /* -- display detail -- */
    
    #display_detail {
        
    }
            
    #display_detail .display_feature h1 {
        font-size:3em;
        margin-bottom:16px;
    }
    
    #display_detail .display_feature .feature_open {
        font-size:1.2em;
    }
    
    #display_contact .panel_maxwidth {
        display:table;
    }
    
    #display_contact .details_left {
        display:table-cell;
        width:50%;
        padding-right:64px;
        vertical-align:top;
    }
    
    #display_contact .details_left .block:last-child {
        margin-bottom:0;
    }
    
    #display_contact .details_right {
        display:table-cell;
        width:50%;
        vertical-align:top;
    }
    
    #display_contact [data-consultants='2'] .table_div .left {
        width:72px;
    }
    
    #display_contact [data-consultants='2'] .table_div .left img {
        max-width:60px;
    }
    
    #display_actions .fh_button {
        display:inline-block;
        margin:0 4px;
    }
        
    /* -- village list page -- */
    
    #village_list_page .village_list_item {
        font-size:18px;
    }
	
	/* ---- display village 2020 changes ---- */
	
	.village_2020_panel .row_headline {
		margin-bottom:48px;
	}
	
	#village_2020_designs .row_designs {
		
	}
	
	#village_2020_designs .row_designs .design {
		
	}
	
	#village_2020_designs .row_designs .design .image {
		height:192px;
	}
	
	#village_2020_designs .row_designs .design .text {
		padding:24px;
	}
	
	#village_2020_designs .row_designs .design .text .name {
		margin-bottom:16px;
		text-align:center;
	}
	
	#village_2020_designs .row_designs .design .text .actions {
		flex-direction:row;
		justify-content:center;
		margin:-8px;
	}
	
	#village_2020_designs .row_designs .design .text .actions .action {
		flex-direction:column;
		text-align:center;
		padding:8px;
	}
	
	#village_2020_designs .row_designs .design .text .actions .action .icon {
		flex:1 1 auto;
		margin:0 0 4px 0;
	}
	
	#village_2020_designs .row_designs .design .text .actions .action .icon img {
		max-width:32px;
		max-height:24px;
	}
	
	#village_2020_contact .row_consultants {
		justify-content:center;
		align-items:center;
	}
	
	#village_2020_contact .row_consultants .consultant {
		flex-direction:row;
		align-items:center;
		margin:16px;
	}
	
	#village_2020_contact .row_consultants .consultant .image {
		flex:0 0 160px;
		padding:0;
		margin:0 16px 0 0;
	}
	
	#village_2020_contact .row_consultants .consultant .image .cutout {
		max-height:320px;
	}
		
	#village_2020_contact .row_consultants .consultant .text {
		flex:0 0 360px;
		padding:32px;
		background-color:transparent;
	}
    
    /* -- advantage club dashboard -- */
    
    #dashboard {
        padding:32px 0;
    }
    
    #dashboard .dashboard_preference_bar .step_1 {
        display:table;
        width:100%;
    }
    
    #dashboard .dashboard_preference_bar .step_1 .left {
        display:table-cell;
        vertical-align:middle;
    }
    
    #dashboard .dashboard_preference_bar .step_1 .right {
        display:table-cell;
        vertical-align:middle;
        text-align:right;
    }
    
    #dashboard .dashboard_preference_bar .step_1 strong {
        display:inline-block;
    }
    
    #dashboard .dashboard_preference_bar .step_1 label {
        display:inline-block;
        margin-left:16px;
    }
    
    #dashboard .dashboard_large_buttons {
      display:-ms-flexbox;
        display:-webkit-flex;  
			display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
    }
    
    #dashboard .dashboard_large_buttons .large_button {
        -webkit-flex:0 0 49.5%;
        -ms-flex:0 0 49.5%;
        flex:0 0 49.5%;
    }
    
    /* -- dashboard preferences -- */
    
    #dashboard_preference_form .form_row_2col {
        display:table;
        width:100%;
    }
    
    #dashboard_preference_form .form_row_2col .half_col {
        display:table-cell;
        width:50%;
        vertical-align:top;
        box-sizing:border-box;
    }
    
    #dashboard_preference_form .form_row_2col .half_col:first-child {
        padding-right:4px;
    }
    
    #dashboard_preference_form .form_row_2col .half_col:last-child {
        padding-left:4px;
    }
    
    /* -- hub pages -- */
    
	.hub_page {
		
	}
	
	.hub_page .panel_feature .col_text {
		margin:32px 0;
	}
	
	.hub_page .panel_feature .col_image .cutout {
		right:0;
	}
	
	.hub_page .panel_key_items .items {
		flex-direction:row;
		justify-content:space-between;
	}
	
	.hub_page .panel_key_items .item {
		text-align:center;
	}
	
	.hub_page .panel_boxes {
		flex-direction:row;
	}
	
	.hub_page .panel_boxes .box {
		flex:0 0 50%;
		display:flex;
		align-items:center;
	}
	
	.hub_page .panel_events .cols {
		flex-direction:row;
		justify-content:space-between;
		align-items:center;
	}
	
	.hub_page .panel_events .col {
		flex:0 0 45%;
	}
	
	.hub_page .panel_events .col_events {
		margin:0;
	}
	
	.hub_page .panel_contact .cols {
		flex-direction:row;
		justify-content:space-between;
		align-items:center;
	}
	
	.hub_page .panel_contact .col {
		flex:0 0 45%;
	}
	
	.hub_page .panel_contact .col_text {
		margin:0;
	}
	
    /* -- testimonial panel -- */
    
    #testimonial_panel {
        padding:64px 0;
        font-size:18px;
    }
    
    #testimonial_panel .panel_maxwidth {
        width:70%;
    }
    
    #testimonial_panel .overlay {
    	
    }
    
    #testimonial_panel .text_box {
        width:65%;
    }
    
    /* -- fairmont difference -- */
        
    #fairmont_difference .icon_grid .panel_maxwidth {
      display:-ms-flexbox;
        display:-webkit-flex;  
			display:flex;
        flex-wrap:wrap;
    }
    
    #fairmont_difference .icon_grid .panel_maxwidth .item {
        -ms-flex:0 0 50%;
        -webkit-flex:0 0 50%;
        flex:0 0 50%;
    }
    
	/* -- advantage club pitch page -- */
		
	#advantage_intro .panel_maxwidth {
		flex-direction:row;
		justify-content:space-between;
		align-items:center;
	}
	
	#advantage_intro .heading {
		width:50%;
		margin:0 64px 0 0;
	}
	
	#advantage_intro h1 {
		
	}
	
	#advantage_intro p.subline {
		margin:1em 0;
		font-size:1.1em;
		line-height:130%;
	}
	
	#advantage_signup .intro {
		text-align:center;
	}
	
    /* -- advantage club header -- */
    
    #advantage_header .advantage_header_main .inner {
        display:table;
        width:90%;
        max-width:1472px;
        margin:0 auto;
    }
    
    #advantage_header .advantage_header_main .logo_container {
        display:table-cell;
        vertical-align:middle;
        text-align:left;
        padding:12px 24px 24px 0;
        width:auto;
    }
    
    #advantage_header .advantage_header_main .logo_container .logo {
        display:inline-block;
        padding:0;
    }
    
    #advantage_header .advantage_header_main .logo_container .logo img {
        height:48px;
    }
    
    #advantage_header .advantage_header_main .logo_container .nav_button {
        display:none;
    }
    
    #advantage_header .advantage_header_main .nav {
        display:table-cell;
        padding:0;
        text-align:right;
        border:none;
        vertical-align:middle;
    }
    
    #advantage_header.open .advantage_header_main .nav {
        display:table-cell;
    }
    
    #advantage_header .advantage_header_main .nav ul li {
        display:inline-block;
        margin-left:16px;
    }
    
    #advantage_header .advantage_header_main .nav ul li a {
        padding:0;
    }
    
    /* -- advantage club - locked feature -- */
    
    #advantage_locked_feature {
        
    }
        
    #advantage_locked_feature .table_div {
        display:table;
    }
    
    #advantage_locked_feature .left {
        display:table-cell;
        vertical-align:top;
        padding-right:32px;
    }
    
    #advantage_locked_feature .left img {
        max-width:96px;
        max-height:96px;
    }
    
    #advantage_locked_feature .right {
        display:table-cell;
        vertical-align:top;
    }
    
    /* -- advantage club pre-footer -- */
    
    #advantage_prefooter {
        text-align:left;
    }
    
    #advantage_prefooter .panel_maxwidth {
        display:table;
        width:80%;
    }
    
    #advantage_prefooter .left {
        display:table-cell;
        vertical-align:middle;
        margin:0;
        text-align:right;
    }
        
    #advantage_prefooter .right {
        display:table-cell;
        vertical-align:middle;
        padding-left:32px;
    }
    
    #advantage_prefooter .left img {
        width:200px;
        height:auto;
    }
    
    #advantage_prefooter h2 {
        color:#fff;
        line-height:110%;
        margin:0 0 12px 0;
    }
    
    /* -- 50 years of Fairmont -- */
    
    .fifty_years {
        
    }
    
    .fifty_years .fy_item {
        display:flex;
        flex-direction:row;
    }
    
    .fifty_years .fy_item .text {
        padding:64px 32px;
        max-width:512px;
    }
    
    .fifty_years .fy_item .image {
        height:auto;
    }
    
    /* -- video tours -- */
        
    .video_tours {
        display:flex;
        flex-wrap:wrap;
        justify-content:left;
    }
    
    .video_tours .video_item {
        flex:0 0 49%;
        margin:4px 0.5%;
    }
    
    /* -- careers -- */
  
    #career_header{
      min-height: 600px;
    }
  
    #career_header h2{
      font-size: 50px;
      max-width: 600px;
    }

    
    /* -- energy efficiency -- */
                
    .energy_efficiency .rob_quote .panel_maxwidth {
        display:table;
        max-width:768px;
    }

    .energy_efficiency .rob_quote .panel_maxwidth .image {
        display:table-cell;
        vertical-align:middle;
    }

    .energy_efficiency .rob_quote .panel_maxwidth .text {
        display:table-cell;
        vertical-align:middle;
        text-align:left;
        padding-left:32px;
    }

    .energy_efficiency .small_items .panel_maxwidth {
        display:table;
    }

    .energy_efficiency .small_items .small_item {
        display:table-cell;
        padding:0;
        margin:0;
        border:none;
        padding:0 24px;
        width:33.33%;
    }

    .energy_efficiency .small_items .small_item .image .circle {
        width:128px;
        height:128px;
    }

    .energy_efficiency .small_items .small_item .image .circle img {
        height:96px;
    }

    .energy_efficiency .small_items .small_item h2 {
        font-size:1.3em;
    }

    .energy_efficiency .small_items .small_item p {

    }

    .energy_efficiency .insulation {
        font-size:20px;
    }

    .energy_efficiency .insulation .big {
        font-size:2em;
        padding:12px 8px 12px 0;
        font-weight:700;
    }

    .energy_efficiency .insulation .med {
        font-size:1.2em;
        width:100%;
        font-weight:700;
    }
    
    /* -- current offers -- */

    .current_offer .panel_maxwidth {
        display:table;
    }

    .current_offer .image {
        display:table-cell;
        vertical-align:top;
        width:30%;
    }

    .current_offer .image img {
        width:auto;
        height:auto;
        max-width:100%;
        max-height:350px;
        vertical-align:top;
    }

    .current_offer .text {
        display:table-cell;
        vertical-align:top;
        padding-left:32px;
    }

	.current_offer .text > div{

	}
	
	/* ---- new contact forms 2018 -- */
	
	.popup_form {
		padding:48px;
	}
	
	/* ---- finance ---- */
	
	#finance .finance_intro .cols {
		flex-direction:row;
		justify-content:space-between;
		align-items:center;
	}
	
	#finance .finance_intro .cols .col_text {
		flex:0 0 50%;
	}
	
	#finance .finance_intro .col_text .page_headline {
		font-size:2.8em;
	}
	
	#finance .finance_intro .cols .col_image {
		flex:0 0 45%;
		margin:0;
	}
	
	#finance .finance_intro .col_image .box {
		margin:48px 0;
	}
  	
	#finance .finance_cta .box {
		padding:64px;
		text-align:center;
	}
	
	#finance .finance_cta .headline {
		margin-bottom:16px;
	}
	
	#finance .finance_cta .actions {
		margin-top:16px;
	}
	
	#finance .finance_benefits .intro {
		margin-bottom:48px;
		text-align:center;
	}
	
	#finance .finance_benefits .intro p {
		font-size:1.4em;
	}
	
	#finance .finance_benefits .items {
		flex-direction:row;
		flex-wrap:wrap;
		margin:-16px;
	}
	
	#finance .finance_benefits .items .item {
		flex:0 0 auto;
		flex-basis:calc(50% - 32px);
		margin:16px;
	}
	
	#finance .finance_lenders .broker {
		text-align:center;
	}
	
	#finance .finance_lenders .lenders {
		justify-content:center;
	}
	
	#finance .finance_lenders .broker {
		margin-bottom:32px;
	}
	
	/* -- contact page -- */  
	
	#panel_contact_2020 .panel_headline {
		margin-bottom:32px;
	}
	
	#panel_contact_2020 .boxes {
		margin-bottom:32px;
	}
	
	#panel_contact_2020 .boxes .box {
		padding:64px 48px;
	}
	
	#panel_contact_2020 .boxes .box .icon img {
		max-width:48px;
		max-height:48px;
	}
	
	#panel_contact_2020 .head_office .row_top {
		text-align:center;
	}
	
	#panel_contact_2020 .head_office .row_bot {
		flex-direction:row;
		justify-content:center;
		align-items:center;
	}
	
	#panel_contact_2020 .head_office .row_bot .col_left {
		text-align:right;
		margin:0 16px 0 0;
		flex:1 1 50%;
	}
	
	#panel_contact_2020 .head_office .row_bot .col_right {
		margin:0 0 0 16px;
		flex:1 1 50%;
	}
	
	.contact_consultants .consultants .consultant {
		flex: 0 0 19%;
	}
	
	.contact_consultants .consultants .consultant {
		flex: 0 0 30%;
	}
  
	#fairmont_feedback .box {
		padding:64px;
	}
	
	/* ---- all upgrades 2020 ---- */
	
	#all_upgrades_2020 .upgrades_feature {
		flex-direction:row;
		flex-wrap:wrap;
	}
	
	#all_upgrades_2020 .upgrades_feature .box {
		flex:0 0 50%;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .image {
		flex:0 0 50%;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .text {
		flex:0 0 45%;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .text .headline {
		font-size:1.8em;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .plus {
		
	}
	
	#all_upgrades_2020 .upgrades_intro {
		text-align:center;
	}
	
	#all_upgrades_2020 .upgrades_intro .headline {
		margin:0 0 24px 0;
	}
	
	#all_upgrades_2020 .upgrades_intro .subline {
		font-size:1.1em;
	}
	
	#all_upgrades_2020 .upgrades_intro .actions {
		margin:32px 0 0 0;
	}
	
	#all_upgrades_2020 .upgrades_intro .actions .button {
		display:inline-block;
		padding:16px 24px;
		margin:0 4px;
	}
	
	#all_upgrades_2020 .upgrades_intro .actions .button.primary {
		
	}
	
	#all_upgrades_2020 .upgrades_terms .small_print {
		text-align:center;
	}
	
	/* ---- pinterest / inspiration gallery ---- */
	
	#panel_inspiration .board {
		margin:48px 0;
	}
	
	#panel_inspiration .pins .pin {
		flex-basis:calc( 33.333% - 8px );
	}
	
	/* -- select home studio -- */

	#select_feature .fg .select_logo img {
		width:256px;
	}

	#select_intro {
		padding:64px 0;
	}

	#select_intro .panel_maxwidth {
		flex-direction:row;
		justify-content:center;
		align-items:center;
	}

	#select_intro .intro_images {
		margin:0 64px 0 0;
	}

	#select_tour {
		padding:64px 0;
	}

	#select_tour .box {
		padding:64px 48px;
	}

	#select_tour .box h2 {
		margin-bottom:24px;
	}

	#select_tour .box .actions {
		margin-top:32px;
	}

	/* -- reviews -- */
	
	#page_reviews {
		
	}
	
	#page_reviews .col_reviews .box {
		padding:32px;
	}
	
	#page_reviews .review {
		padding:32px;
	}
	
	#page_reviews .story {
		flex-direction:row;
		padding:32px;
	}
	
	#page_reviews .story .image {
		margin-right:24px;
	}
	
	#page_reviews .story .image .circle {
		width:96px;
		height:96px;
	}
	
	#page_reviews .story .text .name {
		margin:0 0 4px 0;
	}
	
	#page_reviews .story .text .quote {
		margin-top:12px;
	}
	
	/* -------- grassroots -------- */
	
	#grassroots .feature {
		height:420px;
	}
	
	#grassroots .feature .image {
		
	}
	
	#grassroots .logo {
		margin:0 0 128px 0;
	}
	
	#grassroots .logo .image {
		width:256px;
	}
	
	#grassroots .content {
		
	}
	
	#grassroots .content .panel_padding {
		/*padding:96px 0;*/
	}
		
	#grassroots .content .question {
		
	}
	
	#grassroots .content p {
		
	}
	
	#grassroots .content .image_box {
		
	}
	
	#grassroots .content .image_box .image {
		
	}
	
	#grassroots .content .action {
		
	}
	
	#grassroots .content .action .apply_now {
		
	}
	
	/* -- head office -- */
	
	body[data-entry-slug='head-office'] .panel_page_feature {
		text-align:center;
	}
	
	body[data-entry-slug='head-office'] .panel_page_feature h1 {
		margin:0 auto;
	}
	
	.panel_headoffice {
		
	}
	
	.panel_headoffice .cols {
		flex-direction:row;
		align-items:center;
	}
	
	.panel_headoffice .col_left {
		flex:0 0 47%;
		margin:0;
	}
	
	.panel_headoffice .col_right {
		flex:0 0 47%;
		margin:0;
	}
	
	body[data-entry-slug='head-office'] .contact_consultants {
		text-align:center;
	}
	
	body[data-entry-slug='head-office'] .contact_consultants .consultants {
		justify-content:center;
	}
	
	/* -- inspo hub -- */
	
	#inspo {
		
	}
	
	#inspo .inspo_feature {
		height:100vh;
		margin-bottom:96px;
	}
		
	#inspo .inspo_feature .bg .main {
		width:60%;
	}
	
	#inspo .inspo_feature .bg .extra {
		right:64px;
		bottom:-64px;
	}
	
	#inspo .inspo_feature .bg .extra .box {
		width:256px;
		height:192px;
	}
	
	#inspo .inspo_feature .bg .extra .line {
		width:16px;
		margin:16px 0 16px 8px;
	}
	
	#inspo .inspo_feature .fg {
		padding-bottom:128px;
	}
	
	#inspo .inspo_feature .fg .logo {
		margin-bottom:64px;
	}
	
	#inspo .inspo_feature .fg .logo img {
		width:192px;
	}
	
	#inspo .inspo_feature .fg .subline {
		font-size:1.4em;
		width:60%;
	}
	
	#inspo .inspo_items .item {
		flex-direction:row;
		align-items:center;
		margin-bottom:64px;
	}
	
	#inspo .inspo_items .item .image {
		flex-basis:256px;
		height:256px;
	}
	
	#inspo .inspo_items .item .text {
		padding:32px;
	}
	
	#inspo .inspo_items .item .text .subline {
		font-size:1.1em;
	}
	
	/* ---- klik_pano ---- */
	
	#klik_pano {
		
	}
	
	.panel_theme_explorer .themes {
		margin-top:48px;
	}
	
	.panel_theme_explorer .themes .theme_box {
		padding:32px;
	}
	
	.panel_theme_explorer .themes .theme tr {
		padding:12px 0;
	}
	
	.panel_theme_explorer .themes .theme td.location {
		font-size:0.9em;
		width:40%;
	}
	
	.panel_theme_explorer .themes .theme td.name {
		width:60%;
	}
	
	/* -------- select style pack -------- */
	
	#select_style_pack {
		
	}
	
	#select_style_pack .ssp_feature .ssp_logo {
		width:256px;
		height:256px;
		left:calc(50% - 128px);
		bottom:-128px;
	}
	
	#select_style_pack .ssp_main {
		padding-top:128px;
	}
	
	#select_style_pack .ssp_main .panel_maxwidth {
		padding:96px 0;
	}
	
	#select_style_pack .ssp_main .key_statement {
		font-size:1.8em;
		margin-bottom:96px;
	}
	
	#select_style_pack .ssp_main .image_caption {
		margin:40px auto;
		font-size:1.4em;
	}
	
	#select_style_pack .big_plus {
		margin:24px 0;
		font-size:5em;
	}
	
	#select_style_pack .contact {
		margin-top:96px;
	}

	/* ---- xmas2022 ---- */

	.home_feature_xmas2022 .text {
		padding:48px 0;
	}
  	
}

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

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

	/* ---------------- overall style ---------------- */
    
    .vertical_padding {
        padding:64px 0;
    }
	
	.panel_padding {
		padding:64px 0;
	}
    
	/* ---------------- header ---------------- */

	/* ---------------- footer ---------------- */
	
	#footer {
		
	}
		
	#footer .top .col_phone {
		font-size:1.2em;
	}
	
	#footer .bot {
		font-size:0.9em;
	}
	
	/* ---------------- home ---------------- */
    
	#home_feature {
		
	}
	
	#home_feature .fg {
		padding:160px 0;
	}
	
	#home_feature .fg .headline {
		font-size:3em;
	}
	
	#home_intro .box {
		padding:48px;
	}
	
	#home_intro .box_designs {
		padding-top:7%;
		padding-bottom:40%;
	}
	
	#home_promo .promos .promo .image {
		flex:0 0 192px;
	}
	
	#home_reviews .col_image {
		flex:0 0 60%;
	}
	
	#home_reviews .col_text {
		margin-right:64px;
	}
	    
	/* ---------------- back pages ---------------- */
    
    /* -- general style photo gallery -- */
        
    .photo_gallery .gallery_headline {
        margin-bottom:32px;
    }
    
    /* -- resource list -- */
    
    .resource_list {
        margin-top:32px;
    }
    
	/* -- design detail page -- */
     
    #design_detail {
        padding:64px 0 0 0;
    }
    
    #design_detail .layout_top {
        margin-bottom:16px;
    }
    
    #design_detail .layout_top .panel_maxwidth {
        display:table;
    }
    
    #design_detail .layout_top .design_name {
        display:table-cell;
        margin:0;
        padding:32px;
        text-align:center;
        vertical-align:middle;
        width:30%;
        max-width:300px;
    }
    
    #design_detail .layout_top .design_name h1 {
        margin:0 0 12px 0;
    }
    
    #design_detail .layout_top .design_images {
        display:table-cell;
        margin:0;
        border-left:16px solid #fff;
        vertical-align:top;
    }
    
    #design_detail .layout_bot .panel_maxwidth {
        display:table;
    }
    
    #design_detail .layout_bot .left_panel {
        display:table-cell;
        margin:0;
        width:30%;
        max-width:300px;
        vertical-align:top;
    }
    
    #design_detail .layout_bot .design_specs {
        padding:24px;
    }
    
    #design_detail .layout_bot .right_panel {
        display:table-cell;
        margin:0;
        border-left:16px solid #fff;
        vertical-align:top;
    }
    
    #design_detail .layout_bot .design_floorplan {
        padding:32px;
    }
    
    #design_detail .design_floorplan .floorplan_buttons {
        top:32px;
    }
    
    #design_detail .design_floorplan .floorplan_buttons a {
        width:40px;
        height:40px;
        line-height:40px;
    }
    
    #design_detail .design_gallery .line {
        margin-bottom:32px;
    }
    
    #design_detail .design_gallery .line2 {
        display:none;
    }
	
	#design_detail .layout_gallery .gallery_grid .item {
		flex-basis:calc( 25% - 4px );
		padding-top:20%;
	}
    
    /* -- village list page -- */
    
    #village_list_page .panel_maxwidth {
        display:table;
    }
    
    #village_list_page .column {
        display:table-cell;
        vertical-align:top;
        width:50%;
    }
    
    #village_list_page .column:first-child {
        padding-right:16px;
    }
    
    #village_list_page .column:last-child {
        padding-left:16px;
    }
    
    /* -- display village detail -- */
	
	/* ---- display village 2020 changes ---- */
	
	#village_2020_designs .row_designs {
		
	}
	
	#village_2020_designs .row_designs .design {
		
	}
	
	#village_2020_designs .row_designs .design .image {
		height:256px;
	}
	
	#village_2020_designs .row_designs .design .text {
		padding:32px;
	}
	
	#village_2020_designs .row_designs .design .text .name {
		margin-bottom:24px;
		font-size:28px;
	}
    
    /* -- advantage club dashboard -- */
        
    #dashboard .dashboard_large_buttons {
        flex-wrap:nowrap;
    }
    
    #dashboard .dashboard_large_buttons .large_button {
        -ms-flex:0 0 24.5%;
        -webkit-flex:0 0 24.5%;
        flex:0 0 24.5%;
    }
        
    /* -- house and land detail page -- */
    
    #houseland_detail {
        padding:64px 0;
    }
    
    #houseland_detail .layout_top {
        margin-bottom:16px;
    }
    
    #houseland_detail .layout_top .panel_maxwidth {
        display:table;
    }
    
    #houseland_detail .layout_top .package_name {
        display:table-cell;
        vertical-align:middle;
        margin:0;
        width:30%;
        max-width:300px;
        padding:32px;
    }
    
    #houseland_detail .layout_top .package_image {
        display:table-cell;
        vertical-align:top;
        border-left:16px solid #fff;
    }
    
    #houseland_detail .layout_mid .panel_maxwidth {
        display:table;
    }
    
    #houseland_detail .layout_mid .package_details {
        display:table-cell;
        vertical-align:top;
        width:30%;
        max-width:300px;
        padding:24px;
    }
    
    #houseland_detail .layout_mid .package_floorplan {
        display:table-cell;
        vertical-align:top;
        border-left:16px solid #fff;
        text-align:center;
        padding:32px;
    }
    
    #houseland_detail .layout_mid .package_floorplan img {
        
    }
    
    /* -- hub pages -- */
    
    .hub_page {
		
	}
	
	.hub_page .panel_key_items .items {
		margin:-32px;
	}
	
	.hub_page .panel_key_items .item {
		margin:32px;
	}
	
	.hub_page .panel_contact .person .image {
		flex-basis:96px;
	}
    
    /* -- testimonial panel -- */
    
    #testimonial_panel {
        padding:96px 0;
    }
    
    /* -- fairmont difference -- */   
    #fairmont_difference .icon_grid .panel_maxwidth .item {
        -ms-flex:0 0 33.333%;
        -webkit-flex:0 0 33.333%;
        flex:0 0 33.333%;
    }
    /* -- news detail layout -- */
    
    
    
    /* -- calculators -- */
        
    .calculator_form .table_div {
        display:table;
        width:100%;
    }
    
    .calculator_form .left_input {
        display:table-cell;
        vertical-align:top;
        width:50%;
        padding-right:16px;
        margin-bottom:0;
        padding-bottom:0;
        border:none;
    }
    
    .calculator_form .right_output {
        display:table-cell;
        vertical-align:top;
        width:50%;
        padding-left:16px;
    }
    
    /* -- advantage club pre-footer -- */
            
    #advantage_prefooter .right {
        padding-left:48px;
    }
    
    /* -- video tours -- */
    
    .video_tours .video_item {
        flex:0 0 32.333%;
        margin:4px 0.333%;
    }
    
    /* -- energy efficiency -- */

    .energy_efficiency .small_items .small_item .text p {
        font-size:16px;
    }
    
    /* -- current offers -- */

    .current_offer h1 {
        font-size:2em;
    }

    .current_offer .text {
        padding-left:48px;
    }

    .current_offer .intro {
        font-size:1.2em;
    }
	
	/* ---- finance ---- */
	
	#finance .finance_intro .col_text .page_headline {
		font-size:3.4em;
	}
	
	#finance .finance_intro .col_image .box {
		margin:64px 0;
	}
  
	/* -- inspiration gallery page m1024-- */
	#inspiration_content .pin_section .pins .item {
		flex: 0 0 32%;
	}


	/* -- contact page -- */  
	
	#panel_contact_2020 .boxes .box {
		padding:96px 64px;
	}
	
	.contact_consultants .consultants .consultant {
		flex: 0 0 23.3%;
	}  
    	
	
	/* -- advantage club pitch page -- */
			
	#advantage_intro h1 {
		font-size:3em;
	}
	
	#advantage_intro p.subline {
		font-size:1.2em;
	}
	
	#advantage_intro .login_panel {
		padding:32px;
	}
	
	/* ---- all upgrades 2020 ---- */
	
	#all_upgrades_2020 .upgrades_feature .box .fg .text {
		padding:72px 0;
	}
	
	/* ---- pinterest / inspiration gallery ---- */
	
	#panel_inspiration .pins .pin {
		flex-basis:calc( 25% - 8px );
	}
	
	/* -- select home studio -- */

	#select_intro {
		padding:96px 0;
	}

	#select_intro .intro_images {
		flex:0 0 40%;
	}

	#select_tour {
		padding:96px 0;
	}

	#select_tour .box {
		padding:96px 64px;
	}
	
	/* -- reviews -- */
	
	#page_reviews {
		
	}
	
	#page_reviews .cols {
		flex-direction:row-reverse;
	}
	
	#page_reviews .col_stories {
		
	}
	
	#page_reviews .col_reviews {
		flex:0 0 320px;
		margin:0 0 0 48px;
	}
	
	#page_reviews .col_reviews .box {
		padding:24px;
	}
	
	#page_reviews .review {
		padding:24px;
	}
	
	#page_reviews .story {
		flex-direction:row;
		padding:24px;
	}
	
	/* -- inspo hub -- */
	
	#inspo {
		
	}
	
	#inspo .inspo_feature .bg .extra {
		right:256px;
	}
		
	#inspo .inspo_feature .fg .subline {
		width:50%;
	}
	
	/* -------- select style pack -------- */
	
	#select_style_pack {
		
	}
	
}

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

@media only screen and (min-width: 1280px) {
	
	/* ---- overall ---- */
	
	.panel_padding {
		padding:96px 0;
	}
	
	/* -- forms -- */
	
	.iframe_form [name='form_previous_page_button']:hover {
		background-color:#bbb;
	}
	
	.iframe_form [name='form_page_submit']:hover {
		background-color:#d04848;
	}
	
	/* ---- 2020 buttons ---- */
	
	.box_button {
		
	}
	
	.box_button:active {
		box-shadow:inset 2px 2px 8px rgba(0,0,0,0.25);
	}
	
	.box_button:hover {
		background-color:#333;
	}
	
	.box_button.red:hover {
		background-color:#d73e3f;
	}

	.box_button.orange:hover {
		background-color:#f9b327;
	}
	
	.box_button.darkblue:hover {
		background-color:#27415e;
	}
	
	.box_button.lightblue:hover {
		background-color:#26aecc;
	}
	
	.box_button.grey:hover {
		background-color:#ddd;
	}
	
	.box_button.white:hover {
		background-color:#fff;
	}
	
	.line_button {
		
	}
		
	.line_button:hover:before {
		animation-name:line_button_hover;
		animation-iteration-count:1;
		animation-duration:0.3s;
		animation-timing-function:ease-out;
	}
	
	/* ---- header - mobile ---- */
	
	#header_2019_mobile {
		display:none;
		visibility:hidden;
	}
	
	/* ---- header - desktop ---- */
	
	#header_2019_desktop {
		display:block;
		visibility:visible;
		box-shadow:0 0 16px rgba(0,0,0,0.2);
	}
		
	#header_2019_desktop .section_top {
		background-color:#223a54;
		color:#fff;
		padding:32px 0;
	}
	
	#header_2019_desktop .section_top .section_inner {
		display:flex;
		justify-content:space-between;
		align-items:center;
		width:90%;
		max-width:1600px;
		margin:0 auto;
	}
	
	#header_2019_desktop .section_top a {
		color:#fff;
		text-decoration:none;
	}
	
	#header_2019_desktop .section_top .col_logo {
		margin-right:64px;
	}
	
	#header_2019_desktop .section_top .logo {
		display:inline-block;
	}
	
	#header_2019_desktop .section_top .logo img {
		width:160px;
		vertical-align:middle;
	}
	
	#header_2019_desktop .section_top .col_items {
		text-align:right;
	}

	#header_2019_desktop .section_top .col_items .trades_wanted {
		display:inline-block;
		padding:8px 12px;
		font-size:0.9em;
		font-weight:700;
		text-transform:uppercase;
		text-decoration:none;
		line-height:110%;
	}

	#header_2019_desktop .section_top .col_items .trades_wanted:active {
		transform:scale(0.98);
	}

	#header_2019_desktop .section_top .col_items .trades_wanted.yellow {
		background-color:#ffcb05;
		color:#223a54;
		border:1px solid #ffcb05;
	}

	#header_2019_desktop .section_top .col_items .trades_wanted.outline {
		background-color:#223a54;
		color:#fff;
		border:1px solid #fff;
	}

	#header_2019_desktop .section_top .col_items .trades_wanted.yellow:hover {
		background-color:#ffd229;
	}

	#header_2019_desktop .section_top .col_items .trades_wanted.outline:hover {
		background-color:#fff;
		color:#223a54;
	}
	
	#header_2019_desktop .section_top .col_items .item {
		display:inline-block;
		margin-left:24px;
	}
	
	#header_2019_desktop .section_top .col_items .item img {
		display:inline-block;
		width:auto;
		height:auto;
		vertical-align:middle;
	}
	
	#header_2019_desktop .section_top .col_items .item:hover .label {
		text-decoration:underline;
	}
	
	#header_2019_desktop .section_top .col_items .item .label {
		display:inline-block;
		vertical-align:middle;
		font-weight:500;
		margin-left:8px;
		color:#7bd0f8;
		color:#fff;
	}
	
	#header_2019_desktop .section_top .col_items .item_user img {
		width:12px;
	}
		
	#header_2019_desktop .section_top .col_items .item_star img {
		width:16px;
	}
		
	#header_2019_desktop .section_top .col_items .item_email img {
		width:20px;
	}
	
	#header_2019_desktop .section_top .col_items .item_phone {
		
	}
			
	#header_2019_desktop .section_top .col_items .item_phone img {
		width:12px;
	}
	
	#header_2019_desktop .section_top .col_items .item_phone .label {
		
	}
	
	#header_2019_desktop .section_top .col_items .item_phone .phone_number {
		font-size:1.2em;
	}
	
	#header_2019_desktop .section_bot {
		background-color:#fff;
		line-height:130%;
	}
	
	#header_2019_desktop .section_bot .section_inner {
		width:90%;
		max-width:1600px;
		margin:0 auto;
	}
	
	#nav_2019 {
		display:flex;
		justify-content:space-between;
		padding:0;
		margin:0;
		white-space:nowrap;
	}
	
	#nav_2019 ul {
		padding:0;
		margin:0;
	}
	
	#nav_2019 li {
		padding:0;
		margin:0;
		list-style:none;
	}
	
	#nav_2019 a {
		color:#222;
		text-decoration:none;
	}
	
	#nav_2019 > li {
		position:relative;
		flex:1 1 auto;
	}
	
	#nav_2019 > li > a {
		display:block;
		box-sizing:border-box;
		white-space:nowrap;
		text-align:center;
		padding:16px 0;
		font-weight:600;
		color:#223a54;
		height:100%;
	}
	
	#nav_2019 > li.has_dropdown > a:after {
		display:inline-block;
		position:relative;
		content:'›';
		transform:rotate(90deg);
		color:#ccc;
		margin-left:12px;
		vertical-align:middle;
	}
	
	#nav_2019 > li:hover > a {
		color:#1ba5c4;
		color:#222;
		background-color:#f6f6f6;
	}
	
	#nav_2019 > li > a:active {
		box-shadow:inset 2px 2px 16px rgba(0,0,0,0.1);
	}
	
	#nav_2019 > li[data-role='contact'] > a:before {
		display:block;
		position:absolute;
		content:'';
		right:0;
		bottom:0;
		left:0;
		height:4px;
		background-color:#1ba5c4;
	}
		
	#nav_2019 .dropdown {
		display:none;
		position:absolute;
		top:100%;
		left:0;
		background-color:#f6f6f6;
		width:320px;
		box-shadow:0 16px 16px rgba(0,0,0,0.05);
	}
	
	#nav_2019 li[data-role='land'] .dropdown,
	#nav_2019 li[data-role='contact'] .dropdown {
		right:0;
		left:auto;
	}
	
	#nav_2019 .dropdown.columns_2 {
		width:512px;
	}
	
	#nav_2019 .dropdown.columns_3 {
		width:640px;
		width:768px;
	}
	
	#nav_2019 li:hover .dropdown {
		display:block;
	}
	
	#nav_2019 li:hover .dropdown.columns_2,
	#nav_2019 li:hover .dropdown.columns_3 {
		display:flex;
	}
		
	#nav_2019 li:hover .dropdown.columns_2 .col,
	#nav_2019 li:hover .dropdown.columns_3 .col {
		width:100%;
	}
	
	#nav_2019 .dropdown .dropdown_section {
		border-bottom:1px dotted #ccc;
	}
		
	#nav_2019 .dropdown .dropdown_section:last-child {
		border:none;
	}
	
	#nav_2019 .dropdown .dropdown_heading {
		padding:16px 24px 8px 24px;
		font-weight:700;
		color:#999;
		font-weight:300;
	}
	
	#nav_2019 .dropdown ul li a {
		position:relative;
		display:block;
		padding:8px 24px;
		font-weight:500;
	}
	
	#nav_2019 .dropdown ul li:last-child a {
		padding-bottom:16px;
	}
	
	#nav_2019 .dropdown .no_heading ul li:first-child a {
		padding-top:16px;
	}
	
	#nav_2019 .dropdown ul li a:hover {
		background-color:#1ba5c4;
		color:#fff;
	}
	
	#nav_2019 .dropdown ul li a:active {
		box-shadow:inset 2px 2px 12px rgba(0,0,0,0.25);
	}
	
	#nav_2019 .dropdown ul li[data-color] a:before {
		display:block;
		position:absolute;
		content:'';
		top:18px;
		left:8px;
		width:8px;
		height:8px;
		transform:translateY(-50%);
		border-radius:50%;
		background-color:#eee;
		opacity:0.5;
	}
	
	#nav_2019 .dropdown ul li[data-color='narrow'] a:before {
		background-color:#3b444f;
	}
	
	#nav_2019 .dropdown ul li[data-color='narrow'] a:hover {
		background-color:#3b444f;
	}
	
	#nav_2019 .dropdown ul li[data-color='courtyard'] a:before {
		background-color:#ae624a;
	}
	
	#nav_2019 .dropdown ul li[data-color='courtyard'] a:hover {
		background-color:#ae624a;
	}
	
	#nav_2019 .dropdown ul li[data-color='conventional'] a:before {
		background-color:#d7a08b;
	}
	
	#nav_2019 .dropdown ul li[data-color='conventional'] a:hover {
		background-color:#d7a08b;
	}
	
	#nav_2019 .dropdown ul li[data-color='twostorey'] a:before {
		background-color:#918a5c;
	}
	
	#nav_2019 .dropdown ul li[data-color='twostorey'] a:hover {
		background-color:#918a5c;
	}
	
	/* ---- footer ---- */
	
	#footer {
		
	}
	
	#footer .top {
		margin-bottom:32px;
	}
	
	#footer .top .col_phone {
		font-size:1.3em;
	}
	
	#footer a:hover {
		text-decoration:underline;
	}
	
	/* ---- home ---- */
	
	#home_feature .bg {
		background-image:url('/video/new-homes-adelaide.jpg');
		background:transparent;
		background-color:#f5f5f5;
	}
	
	#home_feature .bg .overlay {
		background-color:rgba(80,80,80,0.1);
	}
	
	#home_feature .bg .bg_video_wrap {
		display:block;
		background-size:cover;
		background-position:center center;
	}
	
	#home_feature .bg .bg_video {
		opacity:0;
	}
	
	#home_feature .bg .bg_video[src*='.'] {
		opacity:1;
		transition:opacity 2s;
		transition:opacity 4s;
	}
		
	#home_feature .fg {
		/*padding:192px 0;*/
	}
	
	#home_feature .fg .headline {
		font-size:3.4em;
		margin-bottom:16px;
	}
	
	#home_feature .fg .actions {
		margin-top:32px;
	}
	
	#home_bar_covid.fixed {
		position:fixed;
		right:0;
		bottom:0;
		left:0;
		z-index:999999;
		box-shadow:0 0 16px rgba(0,0,0,0.2);
	}
	
	#home_bar_covid .text {
		font-size:1.2em;
	}
	
	#home_intro .box {
		padding:64px;
	}
	
	#home_intro .box .headline {
		font-size:2.2em;
	}
	
	#home_intro .box .subline {
		font-size:1.4em;
	}
	
	#home_intro .box .actions {
		margin-top:32px;
	}
	
	#home_intro .box_designs {
		padding-top:7%;
		padding-bottom:40%;
	}
	
	#home_intro .box_designs .background .overlay {
		/*
		background:linear-gradient(to bottom, rgba(34,58,84,0.7) 0%, rgba(34,58,84,0) 60%);
		*/
	}
	
	#home_promo .promos .promo {
		padding:16px;
	}
	
	#home_promo .promos .promo .image {
		flex:0 0 220px;
	}
	
	#home_promo .promos .promo .text {
		padding:24px;
	}
	
	#home_promo .promos .promo .headline {
		margin-bottom:12px;
	}
	
	#home_promo .promos .promo .actions {
		margin-top:12px;
	}
	
	#home_reviews .col_text .top {
		margin-bottom:48px;
	}
	
	#home_reviews .col_text .top .headline_label {
		margin-bottom:8px;
	}
		
	#home_reviews .col_text .top .headline {
		font-size:2.2em;
	}
	
	#home_reviews .col_text .top .headline a:hover {
		text-decoration:underline;
	}
	
	#home_reviews .col_text .top .rooms {
		margin-top:16px;
	}
	
	#home_reviews .reviews {
		margin:-16px 0;
	}
	
	#home_reviews .reviews .review {
		margin:16px 0;
	}
	
	#home_reviews .reviews .review .image {
		margin-right:32px;
	}
	
	#home_reviews .reviews .review .image .circle {
		width:96px;
		height:96px;
	}
	
	#home_reviews .reviews .review .snippet {
		font-size:1.2em;
		margin-bottom:8px;
	}
	
	#home_reviews .reviews .review .stars {
		margin-top:12px;
	}
	
	#home_reviews .reviews .review .stars .star {
		max-width:20px;
		max-height:20px;
	}
	
	#home_reviews .actions {
		margin-top:48px;
	}
	
	#home_select {
		padding:160px 64px;
	}
	
	#home_select .box {
		padding:64px;
	}
	
	#home_select .box .logo {
		margin-bottom:48px;
		width:256px;
	}
	
	#home_about .top {
		margin-bottom:96px;
	}
	
	#home_about .top .headline {
		font-size:1.8em;
	}
	
	#home_about .items .item .icon {
		margin-bottom:32px;
	}
	
	#home_about .items .item .headline {
		margin-bottom:12px;
	}
	
	#home_about .items .item .snippet {
		font-size:1.1em;
	}
	
	#home_about .items .item .actions {
		margin-top:12px;
	}

	#home_blog .headline.feature {
		font-size:1.8em;
	}

	#home_blog .outer_container {
		display: flex;
	}

	#home_blog .outer_container.mobile {
		display: none;
	}

	
	#banner_advantage .image {
		margin-right:64px;
	}
	
	#banner_advantage .image img {
		width:160px;
	}
	
	/* ---- new contact forms 2018 -- */
	
	.popup_form {
		padding:64px;
	}
	
	/* ---- finance ---- */
	
	#finance .finance_intro .cols .col_text {
		flex-basis:46%;
		margin:64px 0;
	}
	
	#finance .finance_intro .col_text .page_headline {
		font-size:4em;
	}
	
	#finance .finance_intro .col_text .subline {
		font-size:1.6em;
	}
	
	#finance .finance_intro .cols .col_image {
		flex-basis:46%;
	}
	
	#finance .finance_intro .cols .col_image .box {
		height:600px;
	}
	
	#finance .finance_cta .intro {
		font-size:1.2em;
	}
	
	#finance .finance_cta .actions {
		margin-top:24px;
	}
	
	#finance .finance_cta .box_button {
		transition:background-color 0.1s;
		font-size:1.1em;
	}
	
	#finance .finance_cta .box_button:hover {
		background-color:#ffb129;
		background-color:#25b8d9;
		transition:background-color 0s;
	}
	
	#finance .finance_benefits .intro {
		margin-bottom:64px;
	}
	
	#finance .finance_benefits .intro p {
		font-size:1.8em;
	}
	
	#finance .finance_benefits .items .item .col_icon {
		flex-basis:32px;
		margin-right:12px;
	}
	
	#finance .finance_benefits .items .item .col_icon img {
		max-width:32px;
		max-height:32px;
	}
	
	#finance .finance_benefits .items .item .excerpt {
		font-size:1.2em;
	}
	
	#finance .finance_lenders .broker {
		margin-bottom:48px;
	}
	
	#finance .finance_lenders .broker .logo img {
		width:256px;
	}
	
	#finance .finance_cta2:before {
		opacity:0.75;
	}
	
	#finance .finance_cta2 .excerpt {
		font-size:1.2em;
	}
	
	#finance .finance_cta2 .actions {
		margin-top:24px;
	}
	
	#finance .finance_cta2 .actions .box_button {
		transition:background-color 0.1s;
	}
	
	#finance .finance_cta2 .actions .box_button:hover {
		background-color:#262b73;
		background-color:#445673;
		transition:background-color 0s;
	}
	
	/* ---- house and land / homes for sale ---- */
	
	#listing_detail .box_contact .contact_person .button:hover {
        background-color: #ca4b4b;
		background: linear-gradient(135deg, #d75e5e 0%,#a62d2d 100%);
    }
	
	/* -- feedback -- */
	
	#feedback_header .panel_maxwidth {
		padding:48px 0;
	}
		
	#feedback_table .status a:hover {
		text-decoration:underline;
	}
	
	/* -- contact -- */
	
	#contact_main .contact_locations .items {
		flex-direction:row;
		margin:0 -32px;
	}
	
	#contact_main .contact_locations .items .location_item {
		margin:0 32px;
		flex:1 1 auto;
	}
	
	/* ---- all upgrades 2020 ---- */
	
	#all_upgrades_2020 .upgrades_feature {
		flex-wrap:nowrap;
	}
	
	#all_upgrades_2020 .upgrades_feature .box {
		flex:0 0 25%;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .bg_gradient {
		width:512px;
		height:512px;
		top:70%;
		left:60%;
	}
			
	#all_upgrades_2020 .upgrades_feature .box .fg {
		display:flex;
		flex-direction:column-reverse;
		align-items:center;
		overflow:hidden;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .text {
		opacity:1;
		transition:opacity 0.5s 0.5s;
	}
	
	#all_upgrades_2020 .upgrades_feature .box.ceiling .fg .text {
		
	}
	
	#all_upgrades_2020 .upgrades_feature .box.bathroom .fg .text {
		transition:opacity 0.5s 1s
	}
	
	#all_upgrades_2020 .upgrades_feature .box.kitchen .fg .text {
		transition:opacity 0.5s 1.5s
	}
	
	#all_upgrades_2020 .upgrades_feature .box.aircon .fg .text {
		transition:opacity 0.5s 2s
	}
	
	#all_upgrades_2020.loading .upgrades_feature .box .fg .text {
		opacity:0;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .image {
		flex:0 0 256px;
		width:100%;
		transform:translateY(0);
		transition:transform 0.5s;
		transform-origin:center bottom;
	}
	
	#all_upgrades_2020 .upgrades_feature .box.ceiling .fg .image {
		
	}
	
	#all_upgrades_2020 .upgrades_feature .box.bathroom .fg .image {
		transition:transform 0.5s 0.5s;
	}
	
	#all_upgrades_2020 .upgrades_feature .box.kitchen .fg .image {
		transition:transform 0.5s 1s;
	}
	
	#all_upgrades_2020 .upgrades_feature .box.aircon .fg .image {
		transition:transform 0.5s 1.5s;
	}
	
	#all_upgrades_2020.loading .upgrades_feature .box .fg .image {
		transform:translateY(100%);
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .image .cutout {
		position:relative;
		top:auto;
		right:auto;
		bottom:0;
		left:auto;
		height:auto;
		width:auto;
		transform:scale(1.1);
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .image .cutout_over {
		top:0;
		right:0;
		bottom:0;
		left:0;
		transform:scale(1.1);
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .image .cutout_under {
		top:0;
		right:0;
		bottom:0;
		left:0;
		transform:scale(1.1);
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .text {
		text-align:center;
		padding:96px 0 0 0;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .text .headline {
		font-size:2em;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .plus {
		top:50%;
		left:100%;
		font-size:4em;
		opacity:1;
		transition:opacity 0.5s 0.5s;
	}
	
	#all_upgrades_2020 .upgrades_feature .box.ceiling .plus {
		
	}
	
	#all_upgrades_2020 .upgrades_feature .box.bathroom .plus {
		transition:opacity 0.5s 1s
	}
	
	#all_upgrades_2020 .upgrades_feature .box.kitchen .plus {
		transition:opacity 0.5s 1.5s
	}
	
	#all_upgrades_2020 .upgrades_feature .box.aircon .plus {
		transition:opacity 0.5s 2s
	}
	
	#all_upgrades_2020.loading .upgrades_feature .box .plus {
		opacity:0;
	}
	
	#all_upgrades_2020 .upgrades_intro .panel_maxwidth {
		opacity:1;
		transition:opacity 1s 3s;
	}
	
	#all_upgrades_2020.loading .upgrades_intro .panel_maxwidth {
		opacity:0;
	}
	
	#all_upgrades_2020 .upgrades_intro .actions .button {
		transition:background-color 0.2s;
		margin:0 8px;
	}
	
	#all_upgrades_2020 .upgrades_intro .actions .button:hover {
		background-color:#fff;
		transition:background-color 0.1s;
	}
	
	#all_upgrades_2020 .upgrades_intro .actions .button.primary:hover {
		background-color:#b94154;
	}
	
	#all_upgrades_2020 .upgrades_intro .actions .button:active {
		transform:scale(0.95);
	}
	
	/* ---- display village temp changes ---- */
	
	#village_2020_designs .row_designs {
		justify-content:center;
	}
	
	#village_2020_designs .row_designs .design {
		flex:0 0 auto;
		flex-basis:calc( 25% - 16px );
	}
	
	#village_2020_designs .row_designs .design .image {
		position:relative;
	}
	
	#village_2020_designs .row_designs .design .thumbnail {
		position:relative;
	}
	
	#village_2020_designs .row_designs .design .image:after {
		position:absolute;
		display:block;
		content:'';
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:rgba(255,255,255,0.2);
		opacity:0;
		transition:opacity 0.2s;
	}
	
	#village_2020_designs .row_designs .design .image:hover:after {
		opacity:1;
	}
	
	#village_2020_designs .row_designs .design .text {
		padding:16px;
	}
	
	#village_2020_designs .row_designs .design .text .name a:hover {
		text-decoration:underline;
	}
	
	#village_2020_designs .row_designs .design .text .actions .action {
		font-size:14px;
		opacity:0.9;
		transition:opacity 0.2s;
	}
	
	#village_2020_designs .row_designs .design .text .actions .action:hover {
		opacity:1;
	}
	
	#village_2020_designs .row_designs .design .text .actions .action .icon img {
		transition:transform 0.2s;
	}
	
	#village_2020_designs .row_designs .design .text .actions .action:hover .icon img {
		transform:translateY(-4px);
	}
	
	#village_2020_contact .row_consultants {
		flex-direction:row;
	}
	
	#village_2020_contact .row_consultants .consultant .image {
		flex:0 0 192px;
	}
	
	/* -- design detail -- */
	
	#design_detail .layout_gallery {
		margin-top:64px;
	}
		
	#design_detail .layout_gallery .gallery_grid .item:after {
		transition:background-color 0.2s;
		mix-blend-mode:overlay;
	}
	
	#design_detail .layout_gallery .gallery_grid .item:hover:after {
		background-color:rgba(255,255,255,0.25);
		transition:background-color 0.1s;
	}
	
	#design_detail .layout_gallery .gallery_grid .item.box .text {
		padding:32px;
	}
	
	#design_detail .layout_gallery .gallery_grid .item.box .text .icon {
		width:16px;
		margin:0 12px 0 0;
	}
	
	#design_detail .layout_gallery .gallery_grid .item.box .text .label {
		font-size:18px;
	}
	
	/* ---- pinterest / inspiration gallery ---- */
	
	#panel_inspiration .board {
		margin:64px 0;
	}
	
	#panel_inspiration .pins .pin {
		position:relative;
		/*flex-basis:calc( 20% - 8px );*/
	}
	
	#panel_inspiration .pins .pin:after {
		position:absolute;
		display:block;
		content:'';
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:rgba(255,255,255,0.25);
		opacity:0;
		transition:opacity 0.1s;
	}
	
	#panel_inspiration .pins .pin:hover:after {
		opacity:1;
	}
	
	/* -- select home studio -- */

	#page_select {
		font-size:18px;
	}

	#select_feature .fg .select_logo img {
		width:320px;
	}

	#select_intro .intro_images {
		flex:0 0 50%;
		margin-right:96px;
	}

	#select_intro .intro_text h2 {
		font-size:2em;
	}

	#select_tour {
		padding:128px 0;
		text-align:center;
	}

	#select_tour .box h2 {
		font-size:2em;
	}
	
	/* -- reviews -- */
	
	#page_reviews {
		
	}
		
	#page_reviews .col_reviews {
		margin-left:64px;
	}
	
	#page_reviews .col_reviews .box {
		padding:32px;
	}
	
	#page_reviews .review {
		padding:32px;
	}
	
	#page_reviews .review .stars {
		margin-bottom:12px;
	}
	
	#page_reviews .review .name {
		margin-bottom:8px;
	}
	
	#page_reviews .story {
		flex-direction:row;
		padding:32px;
	}
	
	#page_reviews .story .image {
		margin-right:48px;
	}
	
	#page_reviews .story .image .circle {
		width:128px;
		height:128px;
	}
	
	#page_reviews .story .text .name {
		font-size:1.4em;
	}
	
	#page_reviews .story .text .design {
		font-size:1.1em;
	}
	
	#page_reviews .story .text .quote {
		font-size:1.1em;
	}
	
	/* -------- grassroots -------- */
	
	#grassroots .feature {
		height:600px;
	}
	
	#grassroots .feature .image {
		
	}
	
	#grassroots .logo {
		margin:0 0 160px 0;
	}
	
	#grassroots .logo .image {
		width:320px;
	}
	
	#grassroots .content {
		
	}
	
	#grassroots .content .panel_padding {
		/*padding:128px 0;*/
	}
		
	#grassroots .content .question {
		
	}
	
	#grassroots .content p {
		
	}
	
	#grassroots .content .image_box {
		margin:5em 0;
	}
	
	#grassroots .content .image_box .image {
		
	}
	
	#grassroots .content .action {
		
	}
	
	#grassroots .content .action .apply_now {
		
	}
	
	#grassroots .content .action .apply_now:hover {
		background-color:#69d062;
	}
	
	#grassroots .content .action .apply_now:active {
		transform:scale(0.98);
		background-color:#50b848;
		box-shadow:inset 2px 2px 16px rgba(0,0,0,0.25);
	}
	
	/* -- now selling -- */
		
	#now_selling .now_selling_grid {
		flex-direction:row;
		flex-wrap:wrap;
	}
	
	#now_selling .now_selling_grid .item {
		height:256px;
	}
	
	#now_selling .now_selling_grid .item .image:after {
		display:block;
		transition:opacity 0.2s;
	}
	
	#now_selling .now_selling_grid .item:hover .image:after {
		opacity:0.1;
		transition:opacity 0s;
	}
	
	#now_selling .now_selling_grid .item .text {
		padding:24px;
		font-size:1.2em;
	}
	
	#now_selling .now_selling_grid .item_large {
		flex:0 0 auto;
		flex-basis:calc(66.666% - 16px);
	}
	
	#now_selling .now_selling_grid .item_large .text {
		font-size:1.4em;
		margin-left:24px;
	}
	
	#now_selling .now_selling_grid .item_small {
		flex:0 0 auto;
		flex-basis:calc(33.333% - 16px);
	}
		
	@supports( display:grid ) {
		
		#now_selling .now_selling_grid {
			grid-template-columns:repeat(4,1fr);
			grid-auto-rows:160px;
		}
		
		#now_selling .now_selling_grid .item_large {
			grid-column:span 2;
			grid-row:span 4;
			height:auto;
		}
		
		#now_selling .now_selling_grid .item_small {
			grid-column:span 1;
			grid-row:span 2;
			height:auto;
		}
		
	}
	
	/* -- land for sale / land list -- */
	
	.land_list .item:hover .text .actions .button {
		background-color:#28b5d5;
		border-color:#28b5d5;
		color:#fff;
	}
		
	.land_list .item[data-status='Sold Out']:hover .text .actions .button {
		background-color:transparent;
		border-color:#999;
		color:#999;
	}
	
	/* -- head office -- */
	
	.panel_headoffice {
		
	}
	
	.panel_headoffice .address {
		font-size:1.6em;
		margin:0 0 16px 0;
	}
	
	.panel_headoffice .actions {
		margin:24px 0 0 0;
	}
	
	/* -- inspo hub -- */
	
	#inspo {
		
	}
	
	#inspo .inspo_feature {
		margin-bottom:256px;
	}
	
	#inspo .inspo_feature .bg .main {
		width:70%;
	}
	
	#inspo .inspo_feature .bg .extra {
		right:35%;
		bottom:-160px;
	}
	
	#inspo .inspo_feature .bg .extra .box {
		width:320px;
		height:256px;
	}
	
	#inspo .inspo_feature .bg .extra .line {
		margin:32px 0 32px 12px;
		width:24px;
	}
	
	#inspo .inspo_feature .fg .subline {
		width:40%;
		font-size:1.6em;
	}
	
	#inspo .inspo_items .item {
		margin-bottom:128px;
	}
	
	#inspo .inspo_items .item:nth-child(2n) {
		flex-direction:row-reverse;
	}
	
	#inspo .inspo_items .item .image {
		flex-basis:50%;
		height:384px;
	}
	
	#inspo .inspo_items .item .image:after {
		transition:opacity 0.1s;
	}
	
	#inspo .inspo_items .item .image:hover:after {
		opacity:0.1;
		transition:opacity 0s;
	}
		
	#inspo .inspo_items .item .text {
		padding:64px;
	}
	
	#inspo .inspo_items .item:nth-child(2n) .text {
		text-align:right;
	}
	
	#inspo .inspo_items .item .text .headline {
		font-size:2.2em;
	}
	
	#inspo .inspo_items .item .text .headline a:hover {
		text-decoration:underline;
	}
	
	#inspo .inspo_items .item .text .subline {
		font-size:1.2em;
	}
	
	/* ---- klik_pano ---- */
	
	#klik_pano {
		
	}
	
	#klik_pano .iframe_wrap {
		padding-top:56%;
	}
	
	.panel_theme_explorer .themes h3 {
		font-size:3em;
	}
	
	.panel_theme_explorer .themes .theme_box {
		padding:64px;
	}
			
	.panel_theme_explorer .themes .theme tr {
		display:table-row;
		padding:0;
		border:none;
	}
	
	.panel_theme_explorer .themes .theme td {
		padding:8px 0;
		border-bottom:1px solid #ccc;
	}
	
	.panel_theme_explorer .themes .theme td.location {
		font-size:1em;
	}
	
	.panel_theme_explorer .themes .theme td.name {
		font-size:1em;
	}
	
	/* -------- select style pack -------- */
	
	#select_style_pack {
		
	}
	
	#select_style_pack .ssp_feature .ssp_logo {
		width:384px;
		height:384px;
		left:calc(50% - 192px);
		bottom:-192px;
	}
	
	#select_style_pack .ssp_main {
		padding-top:192px;
	}
	
	#select_style_pack .ssp_main .panel_maxwidth {
		padding:128px 0;
	}
	
	#select_style_pack .ssp_main .key_statement {
		font-size:2em;
	}

	/* ---- xmas2022 ---- */

	.home_feature_xmas2022 .text {
		padding:64px 0;
	}

	.home_feature_xmas2022 .text .headline {
		font-size:1.6em;
		margin-bottom:16px;
	}

	.home_feature_xmas2022 .text .subline {
		font-size:1.1em;
	}
		
}

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

	/* ---------------- overall style ---------------- */
    
	h1 {
		font-size:2.5em;
	}
	
	h2 {
		font-size:2em;
	}
	
	h3 {
		font-size:1.5em;
	}
	
	h4 {
		font-size:1.2em;
	}
    
    .fh_button {
        font-size:16px;
    }
    
    .fh_button:active {
        box-shadow: inset 2px 2px 8px rgba(0,0,0,0.25);
    }
            
    .fh_button[data-size='small'] { /*height:40px;line-height:40px;*/padding:12px 20px;font-size:14px; }
    .fh_button[data-size='medium'] { /*height:48px;line-height:48px;*/padding:16px 24px;font-size:16px; }
    .fh_button[data-size='large'] { /*height:64px;line-height:64px;*/padding:24px 32px;font-size:16px; }
    
    .fh_button[data-color='red']:hover { background-color:#ca4b4b; }
    .fh_button[data-color='darkblue']:hover { background-color:#294a6a; }
    .fh_button[data-color='medblue']:hover { background-color:#3290b1; }
    .fh_button[data-color='grey']:hover { background-color:#bbb; }
    .fh_button[data-color='white']:hover { background-color:#fff; }
    
    .fh_button[data-color='red']:active { background-color:#b83c3c; }
    .fh_button[data-color='darkblue']:active { background-color:#1F3953; }
    .fh_button[data-color='medblue']:active { background-color:#287397; }
    .fh_button[data-color='grey']:active { background-color:#aaa; }
    
    .fh_button[data-block='true'][data-arrow='true'][data-size='small']:after { right:20px; }
    .fh_button[data-block='true'][data-arrow='true'][data-size='medium']:after { right:24px; }
    .fh_button[data-block='true'][data-arrow='true'][data-size='large']:after { right:32px; }
    
    br.desktop_break {
        display:inline;
    }
    
    .vertical_padding {
        padding:96px 0;
    }
	
	.panel_padding {
		padding:128px 0;
	}
    
    .vertical_padding.less_padding {
        padding:64px 0;
    }
    
	/* ---------------- header ---------------- */
    
     
	
	/* ---------------- footer ---------------- */
    
    #footer {
		
	}
	    
    /* -- chat bar -- */
    
    #chat_bar {
        display:block;
    }
    
    #chat_bar:hover {
        background-color:#3290B1;
        transition:opacity 0s;
    }
    
    #chat_bar:active {
        transform:scale(0.98);
        transform-origin:50% 100%;
        background-color:#287397;
    }

	/* ---------------- home ---------------- */
    
	#home_feature {
		
	}
	
	#home_feature .fg {
		/*padding:256px 0;*/
	}
	
	#home_feature.ssp .fg {
		padding:192px 0;
	}
	
	#home_feature .fg .headline {
		font-size:3.6em;
	}
		
	#home_intro .box_designs {
		padding-top:7%;
		padding-bottom:30%;
	}
	
	#home_promo .promos .promo .text {
		
	}
       
	/* ---------------- back pages ---------------- */
    
    /* -- general house list style -- */
    
    #design_list .design_list_heading .filtered_by,
    #popular_design_list .design_list_heading .filtered_by,
    #design_list .design_list_heading .filtered_count,
    #popular_design_list .design_list_heading .filtered_count {
        font-size:18px;
    }
    
    #design_list.display_house_list {
        padding:96px 0;
    }
    
    /* -- general style photo gallery -- */
    
    .photo_gallery .gallery_images a {
        margin:4px;
    }
    
    .photo_gallery[gallery-type='small'] .gallery_images a:nth-child(4) {
        display:inline-block;
    }
    
    .photo_gallery[gallery-type='small'] .gallery_images a:nth-child(n+5) {
        display:none; 
    }
    
    .photo_gallery .gallery_images a.viewmore {
        display:inline-block;
    }
    
    .photo_gallery .gallery_images a.viewmore:hover {
        background-color:#f5f5f5;
        background: linear-gradient(135deg, #f5f5f5 0%, #eee 100%);
    }
    
    .photo_gallery .gallery_images a.viewmore:active {
        background-color:#eee;
        background: linear-gradient(135deg, #eee 0%, #eee 100%);
    }
        
    .photo_gallery[data-gallery-type='slider'] .gallery_images #slider_arrow {
        right:32px;
    }
    
    .photo_gallery[data-gallery-type='slider'] .gallery_images #slider_arrow .circle {
        width:48px;
        height:48px;
        line-height:48px;
    }
    
    .photo_gallery[data-gallery-type='slider'] .gallery_images #slider_arrow .circle img {
        max-width:24px;
        max-height:24px;
        line-height:24px;
    }
    
    /* -- news items -- */
            
    
    
    .news_list ul.pagination li a:hover {
        text-decoration:underline;
    }
    
    /* -- resource list -- */
    
    .resource_list {
        font-size:16px;
    }
    
    .resource_list .item:hover h3,
    .resource_list .item:hover h4 {
        text-decoration:underline;
    }
    
    /* -- house and land list -- */
            
    .houseland_list .houseland_item .left {
        width:220px;
    }
    
    .houseland_list .houseland_item .right {
        padding:48px;
    }
    
    .houseland_list .houseland_item .right h1 {
        margin:0 0 12px 0;
        font-size:1.5em;
    }
    
    .houseland_list .houseland_item .right .rooms {
        font-size:1.2em;
    }
    
    .houseland_list .houseland_item .right .rooms .room {
        margin-right:16px;
    }
    
    .houseland_list .houseland_item .right .rooms .room img {
        max-width:20px;
        max-height:20px;
    }
    
    .houseland_list .houseland_item .right .price {
        font-size:1.2em;
        letter-spacing:0.05em;
    }
    
    .houseland_list .houseland_item .right .buttons {
        right:24px;
        bottom:24px;
    }
    
    /* -- general feature panel style -- */
    
    .panel_page_feature {
        padding:160px 0;
        font-size:18px;
    }
    
    .panel_page_feature .page_headline {
        font-size:2.75em;
    }
    
    /* -- calculators -- */
    
    .calculator_form {
        padding:48px;
    }
    
    .calculator_form .left_input {
        width:30%;
    }
        
	/* -- design list page -- */
    
	/*
    #design_filter .filter_item .selected:hover {
        border-color:#999;
        color:#444;
        box-shadow:inset 0 0 4px #f5f5f5;
    }
	*/
        
    /* -- design detail page -- */
         
    #design_detail .layout_top {
        margin-bottom:32px;
    }
    
    #design_detail .layout_top .panel_maxwidth {
        
    }
    
    #design_detail .layout_top .design_name {
        padding:48px;
        max-width:400px;
    }
    
    #design_detail .layout_top .design_name h1 {
        font-size:1.8em;
        letter-spacing:0.15em;
    }
    
    #design_detail .layout_top .design_name .line {
        margin:24px auto;
    }
    
    #design_detail .layout_top .design_name .rooms {
        font-size:20px;
        margin-bottom:24px;
    }
    
    #design_detail .layout_top .design_name .dimensions {
        letter-spacing:0.05em;
    }
    
    #design_detail .layout_top .design_name .ondisplay {
        letter-spacing:0.05em;
    }
    
    #design_detail .layout_top .design_name .rooms .room {
        margin-right:20px;
    }
    
    #design_detail .layout_top .design_name .rooms .icon {
        max-width:20px;
        max-height:20px;
        margin-left:12px;
    }
        
    #design_detail .layout_top .design_images {
        border-left-width:32px;
    }
    
    #design_detail .layout_top .media_links .media_link:hover {
        background-color:#287397;
    }
    
    #design_detail .layout_bot .panel_maxwidth {
        
    }
    
    #design_detail .layout_bot .design_specs {
        padding:48px;
        max-width:400px;
    }
    
    #design_detail .design_display {
        padding:24px;
    }
    
    #design_detail .layout_bot .design_floorplan {
        padding:48px 96px;
        border-left-width:32px;
    }
    
    #design_detail .design_floorplan .floorplan_buttons {
        top:48px;
    }
	        
    /* -- compare designs -- */
    
    #compare_container h1 {
        margin-bottom:32px;
    }
         
    /* -- display detail -- */
    
    #display_detail {
        
    }
            
    #display_detail .display_feature h1 {
        font-size:3.5em;
    }
    
    #display_contact p {
        font-size:18px;
    }
    
    #display_contact .block {
        margin-bottom:32px;
    }
    
    #display_contact .details_left {
        width:40%;
    }
        
    #display_contact .details_right {
        width:60%;
    }
    
    #display_contact .details_right .block {
        width:55%;
    }
    
    #display_contact .details_right[data-consultants='2'] .block:first-child {
        margin-bottom:32px;
    }
        
    #display_contact [data-consultants='2'] .table_div {
        font-size:16px;
    }
    
    #display_contact .details_right .consultant_photo {
        display:block;
        position:absolute;
        height:125%;
        right:0;
        bottom:0;
        text-align:right;
    }
    
    #display_contact .details_right .consultant_photo img {
        vertical-align:bottom;
        height:100%;
        width:auto;
        max-width:none;
    }
    
    #display_contact .phone:hover,
    #display_contact .email:hover {
       text-decoration:underline; 
    }
    
    #new_village_form input[type='submit']:hover {
        background-color:#3290b1;
    }
    
    /* -- display village list page -- */
    
    #village_list_page .village_list_item:hover h3 {
        text-decoration:underline;
    }
    
    #village_list_page .village_list_item:active {
        box-shadow:inset 2px 2px 8px rgba(0,0,0,0.2);
    }
	
	/* ---- display village temp changes ---- */
	
	.village_2020_panel .row_headline {
		margin-bottom:64px;
	}
	
	#village_2020_designs .row_designs {
		
	}
	
	#village_2020_designs .row_designs .design {
		
	}
	
	#village_2020_designs .row_designs .design .text {
		padding:24px;
	}
	
	#village_2020_designs .row_designs .design .text .actions .action {
		
	}
    
    /* -- advantage club dashboard -- */
    
    #dashboard {
        padding:64px 0;
    }
            
    #dashboard .dashboard_main {
        display:table;
        width:100%;
    }
    
    #dashboard .dashboard_main_left {
        display:table-cell;
        vertical-align:top;
    }
    
    #dashboard .dashboard_main_right {
        display:table-cell;
        vertical-align:top;
        width:320px;
        padding-left:64px;
    }
    
    #dashboard .dashboard_preference_bar {
        margin-bottom:48px;
    }
    
    #dashboard .dashboard_large_buttons .large_button:hover .image .circle {
        transition:transform 0.2s;
    }
    
    #dashboard .dashboard_large_buttons .large_button:hover .image .circle {
        animation-name:blip;
        animation-duration:0.2s;
        animation-iteration-count:1;
    }
        
    /* -- house and land detail page -- */
    
    #houseland_detail .layout_top {
        margin-bottom:32px;
    }
    
    #houseland_detail .layout_top .package_name {
        padding:48px;
        max-width:400px;
    }
    
    #houseland_detail .layout_top .package_name h1 {
        font-size:1.8em;
        letter-spacing:0.05em;
    }
    
    #houseland_detail .package_name .price {
        font-size:24px;
        letter-spacing:0.05em;
    }
    
    #houseland_detail .layout_top .package_image {
        border-left-width:32px;
        
    }
    
    #design_detail .layout_mid {
        max-width:400px;
    }
    
    #houseland_detail .layout_mid .package_details {
        padding:48px;
    }
    
    #houseland_detail .layout_mid .consultant {
        line-height:130%;
    }
    
    #houseland_detail .layout_mid .consultant a:hover {
        text-decoration:underline;
    }
    
    #houseland_detail .layout_mid .price {
        font-size:24px;
    }
    
    #design_detail .layout_mid .package_floorplan {
        border-left-width:32px;
    }
    
    /* -- hub pages -- */
    
    .hub_page {
		
	}
	
	.hub_page .panel_feature .col_text {
		margin:64px 0;
	}
    
    /* -- testimonial panel -- */
    
    #testimonial_panel {
        padding:128px 0;
    }
    
    #testimonial_panel .testimonial_text {
        font-size:1.6em;
    }
    
    #testimonial_panel .testimonial_person {
        margin-bottom:32px;
    }
    
    #testimonial_panel .testimonial_button a {
        padding:16px;
    }
    
    #testimonial_panel .testimonial_button a:hover {
        color:#287397;
        border-color:#287397;
    }
    
    /* -- fairmont difference -- */
            
    #fairmont_difference .icon_grid .panel_maxwidth .item {
        padding:32px;
    }
    
    /* -- advantage club header -- */
    
    #advantage_header .advantage_header_main .logo_container {
        padding:48px 32px 64px 0;
    }
    
    #advantage_header .advantage_header_main .logo_container .logo img {
        height:64px;
    }
    
    #advantage_header .advantage_header_main .nav ul li {
        margin-left:24px;
    }
    
    #advantage_header .advantage_header_main .nav ul li a {
        font-size:18px;
    }
    
    #advantage_header .advantage_header_main .nav ul li a:hover {
        
    }
    
    #advantage_header .advantage_header_main .nav ul li a:hover .text {
        text-decoration:underline;
    }
    
    #advantage_header .advantage_header_main .nav ul li a img {
        max-width:20px;
        max-height:16px;
        margin-right:8px;
    }
    
    /* -- news detail layout -- */
    
    
    
    /* -- calculators -- */
        
    .calculator_form .table_div {
        
    }
    
    .calculator_form .left_input {
        padding-right:32px;
    }
    
    .calculator_form .right_output {
        padding-left:32px;
    }
    
    /* -- advantage club pre-footer -- */
    
    #advantage_prefooter .left img {
        width:256px;
    }
    
    /* -- 50 years of Fairmont -- */
    
    .fifty_years {
        
    }
    
    .fifty_years .fy_item {
        
    }
    
    .fifty_years .fy_item .text {
        padding:160px 64px;
    }
    
    .fifty_years .fy_item .image {
        
    }
    
    /* -- video tours -- */
    
    .video_tours .video_item {
        flex:0 0 24%;
        margin:4px 0.25%;
    }
    
    .video_tours .video_item .image .overlay {
        opacity:0;
    }
    
    .video_tours .video_item:hover .image .overlay {
        opacity:1;
        transition:opacity 0.1s;
    }
    
    /* -- energy efficiency -- */

    .energy_efficiency .six_star p {
        font-size:18px;
        line-height:140%;
    }

    .energy_efficiency .rob_quote .panel_maxwidth .text {
        padding-left:48px;
    }

    .energy_efficiency .rob_quote .panel_maxwidth .quote_text {
        font-size:20px;
        line-height:120%;
    }

    .energy_efficiency .small_items .small_item {
        padding:0 40px;
    }

    .energy_efficiency .small_items .small_item .image {
        margin-bottom:32px;
    }

    .energy_efficiency .small_items .small_item .image .circle {
        width:160px;
        height:160px;
    }

    .energy_efficiency .small_items .small_item .image .circle img {
        height:128px;
    }

    .energy_efficiency .small_items .small_item h2 {
        font-size:1.4em;
    }

    .energy_efficiency .small_items .small_item .text p {
        font-size:16px;
    }
    
    .energy_efficiency .contact .panel_maxwidth p {
        font-size:20px;
    }
  
    /* -- terms and conditions -- */
    .tc_contents ul li a:hover {
        text-decoration: underline;
    }
  
    /* -- inspiration gallery page m1366-- */
    #inspiration_content .pin_section .pins .item {
      flex: 0 0 24%;
    }
  
    /* -- contact page -- */  
	
	#panel_contact_2020 .boxes {
		justify-content:center;
	}
	
	#panel_contact_2020 .boxes .box {
		position:relative;
		flex-basis:calc(25% - 16px);
		padding:64px 48px;
	}
	
	#panel_contact_2020 .boxes .box:after {
		position:absolute;
		display:block;
		content:'';
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:rgba(255,255,255,0.1);
		opacity:0;
		transition:opacity 0.2s;
		mix-blend-mode:overlay;
	}
	
	#panel_contact_2020 .boxes .box:hover:after {
		opacity:1;
		transition:opacity 0.1s;
	}
	
	#panel_contact_2020 .boxes .box .icon {
		transform:translateY(0);
		transition:transform 0.2s;
	}
	
	#panel_contact_2020 .boxes .box:hover .icon {
		transform:translateY(-4px);
		transition:transform 0.1s;
	}
	
	#panel_contact_2020 .head_office .row_bot .col_left {
		margin-right:24px;
	}
	
	#panel_contact_2020 .head_office .address {
		font-size:1.3em;
	}
	
	#panel_contact_2020 .head_office .row_bot .col_right {
		margin-left:24px;
	}
	
	#panel_contact_2020 .head_office .item {
		font-size:1.2em;
	}
	
	#panel_contact_2020 .head_office .item:hover {
		text-decoration:underline;
	}
	
    .contact_consultants .consultants .consultant {
      flex: 0 0 18.5%;
    }
	
	.contact_consultants .consultants .consultant .text .icons a:hover {
		text-decoration:underline;
	}
	
	/* -- select studio page -- */
	
	#page_select {
		
	}
	
	#page_select .panel_feature .fg {
		height:600px;
	}
	
	/* -- reviews -- */
	
	#page_reviews {
		
	}
	
	/* -------- select style pack -------- */
	
	#select_style_pack {
		
	}
	
	/* ---- subbies show ---- */
	
	body[data-entry-id='174394'] .panel_page_feature {
		padding:128px;
	}
		
}


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

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

	/* ---------------- overall style ---------------- */

	.panel_padding {
		padding:160px 0;
	}
	
	/* ---------------- header ---------------- */
    
    /* ---- header - desktop ---- */
	
	#header_2019_desktop .section_top {
		padding:48px 0;
	}
	
	#header_2019_desktop .section_top .logo img {
		
	}
		
	#header_2019_desktop .section_top .col_items .item_user img {
		width:16px;
	}
		
	#header_2019_desktop .section_top .col_items .item_star img {
		width:20px;
	}
	
	#header_2019_desktop .section_top .col_items .item_email img {
		width:24px;
	}
				
	#header_2019_desktop .section_top .col_items .item_phone img {
		width:16px;
	}
	
	#header_2019_desktop .section_top .logo .label {
		margin-left:12px;
	}
		
	#header_2019_desktop .section_bot {
		font-size:1.1em;
	}
	
	#nav_2019 > li > a {
		padding:24px 0;
	}
    
	/* ---------------- footer ---------------- */
    
    #footer {
		
	}
    
	/* ---------------- home ---------------- */
    
	#home_feature {
		
	}
	
	#home_feature .fg .headline {
		font-size:5em;
	}
	
	#home_feature .fg .subline {
		font-size:1.6em;
	}
	
	#home_promo .top {
		margin-bottom:24px;
	}
	
	#home_promo .top .headline {
		font-size:1.8em;
	}
	
	#home_promo .promos .promo .image {
		flex:0 0 256px;
	}
	
	#home_promo .promos .promo .text {
		padding:32px;
	}
	
	#home_promo .promos .promo .headline {
		font-size:1.8em;
	}
	
	#home_promo .promos .promo .subline {
		font-size:1.1em;
	}
	
	#home_reviews .col_text .top .headline_label {
		font-size:1.2em;
	}
	
	#home_reviews .col_text .top .headline {
		font-size:2.6em;
	}
	
	#home_reviews .col_text .top .rooms .room .number {
		font-size:1.3em;
	}
	
	#home_reviews .reviews {
		margin:-24px 0;
	}
	
	#home_reviews .reviews .review {
		margin:24px 0;
	}
	
	#home_select {
		padding:256px 64px;
	}

	    
	/* ---------------- back pages ---------------- */
    
    /* -- house and land list -- */
            
    .houseland_list .houseland_item .left {
        width:256px;
    }
    
    /* -- advantage club dashboard -- */
    
    #dashboard {
        padding:96px 0;
    }
	    
	  #dashboard .dashboard_main_right {
        width:420px;
    }
    
    /* -- hub pages -- */
    
    .hub_page {
		
	}
    
    /* -- general feature panel style -- */
    
    .panel_page_feature {
        padding:192px 0;
        font-size:20px;
    }
    
    .panel_page_feature .page_headline {
        font-size:3em;
    }
    
    /* -- fairmont difference -- */
            
    #fairmont_difference .icon_grid .panel_maxwidth .item {
        padding:48px;
    }
    
    /* -- 50 years of Fairmont -- */
    
    .fifty_years {
        
    }
    
    .fifty_years .fy_item {
        
    }
    
    .fifty_years .fy_item .text {
        padding:192px 64px;
    }
    
    .fifty_years .fy_item .image {
        
    }
	
	/* ---- finance ---- */
		
	#finance .finance_intro .cols .col_text {
		margin:96px 0;
	}
	
	#finance .finance_intro .cols .col_image .box {
		
	}
	
	/* ---- all upgrades 2020 ---- */
	
	#all_upgrades_2020 .upgrades_feature .box .fg .text {
		padding:128px 0 0 0;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .fg .text .headline {
		font-size:3em;
	}
	
	#all_upgrades_2020 .upgrades_feature .box .plus {
		font-size:6em;
	}
	
	#all_upgrades_2020 .upgrades_intro .panel_maxwidth {
		max-width:768px;
	}
	
	#all_upgrades_2020 .upgrades_intro .headline {
		font-size:3em;
		margin-bottom:32px;
	}
	
	#all_upgrades_2020 .upgrades_intro .subline {
		font-size:1.2em;
	}
	
	#all_upgrades_2020 .upgrades_intro .actions {
		margin-top:40px;
	}
	
	#all_upgrades_2020 .upgrades_intro .actions .button {
		font-size:1.1em;
	}
	
	/* ---- display village 2020 changes ---- */
	
	#village_2020_designs .row_designs {
		
	}
	
	#village_2020_designs .row_designs .design {
		
	}
	
	#village_2020_designs .row_designs .design .text {
		
	}
	
	#village_2020_designs .row_designs .design .text .actions {
		margin:-12px;
	}
	
	#village_2020_designs .row_designs .design .text .actions .action {
		font-size:16px;
		padding:12px;
	}
	
	/* -- select home studio -- */

	#select_feature .fg .select_logo img {
		width:384px;
	}

	#select_intro {
		padding:128px 0;
	}

	#select_intro .intro_images {
		margin-right:128px;
	}

	#select_tour {
		padding:192px 0;
	}
	
	/* -- reviews -- */
	
	#page_reviews {
		
	}
	
	#page_reviews .col_reviews {
		margin-left:128px;
		flex-basis:420px;
	}
	
	#page_reviews .story .image .circle {
		width:160px;
		height:160px;
	}
	
	/* -- contact page -- */
	
	#panel_contact_2020 .boxes {
		margin-bottom:48px;
	}
	
	#panel_contact_2020 .boxes .box {
		padding:96px 64px;
	}
	
	#panel_contact_2020 .boxes .box .headline {
		font-size:1.6em;
	}
	
	#panel_contact_2020 .boxes .box .subline {
		font-size:1.1em;
	}
	
	/* -------- grassroots -------- */
	
	#grassroots .feature {
		height:800px;
	}
	
	#grassroots .feature .image {
		
	}
	
	#grassroots .logo {
		margin:0 0 192px 0;
	}
	
	#grassroots .logo .image {
		width:384px;
	}
	
	#grassroots .content {
		
	}
	
	#grassroots .content .panel_padding {
		
	}
		
	#grassroots .content .question {
		
	}
	
	#grassroots .content p {
		
	}
	
	#grassroots .content .image_box {
		margin:6em 0;
	}
	
	#grassroots .content .image_box .image {
		
	}
	
	/* -- now selling -- */
	
	#now_selling .now_selling_grid .item .text {
		padding:32px;
		font-size:1.4em;
	}
	
	#now_selling .now_selling_grid .item_large .text {
		font-size:1.6em;
		margin-left:32px;
	}
	
	@supports( display:grid ) {
		
		#now_selling .now_selling_grid {
			grid-auto-rows:192px;
		}
		
	}
	
	/* -- inspo hub -- */
	
	#inspo {
		
	}
	
	#inspo .inspo_feature .bg .extra {
		bottom:-192px;
	}
	
	#inspo .inspo_feature .bg .extra .box {
		width:480px;
		height:320px;
	}
	
	#inspo .inspo_feature .fg .logo img {
		width:256px;
	}
	
	#inspo .inspo_items .item {
		margin-bottom:192px;
	}
	
	#inspo .inspo_items .item .image {
		height:480px;
	}
	
	#inspo .inspo_items .item .text {
		padding:96px;
	}
	
	#inspo .inspo_items .item .text .headline {
		font-size:2.6em;
	}
	
	#inspo .inspo_items .item .text .subline {
		font-size:1.3em;
	}
	
	/* -------- select style pack -------- */
	
	#select_style_pack {
		
	}
	
	/* ---- subbies show ---- */
	
	body[data-entry-id='174394'] .panel_page_feature {
		padding:160px;
	}

	/* ---- xmas2022 ---- */

	.home_feature_xmas2022 .text {
		padding:96px 0;
	}

	.home_feature_xmas2022 .text .headline {
		font-size:1.8em;
	}

	.home_feature_xmas2022 .text .subline {
		
	}

}

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


.clearfix:before,
.clearfix:after,
.clear:before,
.clear:after{
	display:table;
	content:'';
	clear:both;
}

@keyframes blip {
    
    0% {
        transform:scale(1);
    }
    
    50% {
        transform:scale(1.1);
    }
            
    100% {
        transform:scale(1);
    }
    
}

@keyframes line_button_hover {

	0% {
		right:100%;
	}

	100% {
		right:0;
	}

}

@keyframes pool_bob {
	
	0% {
		transform:translate(0%,0%);
	}
	
	100% {
		transform:translate(0%,-1%);
	}
	
}

@keyframes pool_float {
	
	0% {
		transform:translate(0%,0%);
	}
	
	25% {
		transform:translate(-5%,-5%);
	}
	
	25% {
		transform:translate(10%,0%);
	}
	
	50% {
		transform:translate(5%,5%);
	}
	
	75% {
		transform:translate(0%,10%);
	}
	
}

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

@media only print {
	
	.panel_theme_explorer .themes .theme_box {
		color:#000;
	}
	
	.panel_theme_explorer .themes .theme_box .button_print {
		display:none;
	}
	
	.panel_theme_explorer .themes h3 {
		font-size:3em;
	}
	
	.panel_theme_explorer .themes .theme {
		width:100%;
	}
	
	.panel_theme_explorer .themes .theme td {
		border-bottom:1px dotted #000;
		padding:2mm 0;
	}
	
	.panel_theme_explorer .themes .theme td.location {
		font-weight:700;
	}
	
	.panel_theme_explorer .themes .theme td.name {
		
	}
	
}

  
  
  /*animated scroll arrow animation*/
  @-webkit-keyframes fade_move_down {
	0%   { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
	50%  { opacity: 1;  }
	100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; }
  }
  @-moz-keyframes fade_move_down {
	0%   { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
	50%  { opacity: 1;  }
	100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; }
  }
  @keyframes fade_move_down {
	0%   { transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
	50%  { opacity: 1;  }
	100% { transform:translate(0,10px) rotate(45deg); opacity: 0; }
  }