/* 
Theme Name: Nuhaven | Build your Home
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* Add your custom styles here */
div[data-elementor-type="header"] {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 51;
}

div[data-elementor-type="footer"] {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 51;
}

.next-prev-forms {
	width: 100%;
	height: 71px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	max-width: 1600px;
	background: #273D31;
}

body.admin-bar main.welcome-page {
	margin-top: 48px;
	min-height: calc(100vh - 151px);
}

main.welcome-page {
	min-height: calc(100vh - 151px);
	margin-top: 80px;
	background: url('images/welcome-bg.png');
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

form#welcome-form {
	background: #fff;
	padding: 50px;
	border-radius: 10px;
	max-width: 637px;
}

form#welcome-form h2,
form#welcome-form p {
	text-align: center;
	font-family: "fieldwork", sans-serif;
}

form#welcome-form input#postcode {
	border-radius: 0px;
	border-left: 1px solid #939393;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #939393;
	box-shadow: 1px -1px 3px 0px inset #c1c1c1;
	font-family: "fieldwork", sans-serif;
}

form#welcome-form input#address {
	border-radius: 0px;
	border-left: 1px solid #939393;
	border-top: 1px solid #939393;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	box-shadow: 1px 1px 3px 0px inset #c1c1c1;
	font-family: "fieldwork", sans-serif;
}

form#welcome-form input[type='submit'] {
	margin: 25px auto 0;
	display: block;
	background: #BA783E;
	color: #fff;
	border: 1px solid #BA783E;
	padding: 5px 25px 6px;
	border-radius: 10px;
	font-family: "fieldwork", sans-serif;
}

div[data-elementor-type="wp-page"] {
	margin-top: 80px;
}

body.admin-bar main.designs-page {
	margin-top: 48px;
	min-height: calc(100vh - 152px);
}

main.designs-page {
	min-height: calc(100vh - 152px);
	margin-top: 80px;
	background-color: #F9FBFC;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: center;
	margin-bottom: 72px;
}

main.designs-page.thanks {
	align-content: center;
}

main.designs-page .steps-bar {
	width: 100%;
	background: #fff;
}

main.designs-page .steps-bar .content {
	max-width: 1600px;
	margin: 0 auto;
	padding: 25px 0 20px;
}

main.designs-page .steps-bar .content ul {
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	column-gap: 60px;
}

main.designs-page .steps-bar .content ul li {
	text-align: center;
	opacity: 0.2;
}

main.designs-page .steps-bar .content ul li a {
	color: #BA783E;
}

main.designs-page .steps-bar .content ul li.active {
	opacity: 1;
}

main.designs-page .steps-bar .content ul li span.step-number {
	border: 1px solid #000;
	padding: 5px 0px 0;
	border-radius: 50%;
	display: inline-block;
	font-family: "fieldwork", sans-serif;
	width: 35px;
	height: 35px;
	text-align: center;
}

main.designs-page .steps-bar .content ul li.active h6 {
	border-bottom: 3px solid #BA783E;
}

main.designs-page .steps-bar .content ul li h6 {
	line-height: 30px;
	font-family: "fieldwork", sans-serif;
}

main.designs-page h2 {
	width: 100%;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	font-family: "fieldwork", sans-serif;
	font-weight: bold;
}

main.designs-page .content {
	max-width: 1600px;
	margin: 0 auto;
	padding: 20px 0 20px;
	width: 100%;
	position: relative;
}

main.designs-page .content p {
	text-align: center;
	margin: 2% 2% 30px 2%;
}

main.designs-page .content .page-description {
	font-family: "fieldwork", sans-serif;
	width: 54%;
	margin: 0 auto 40px;
}

main.designs-page .content.main-content {
	min-height: 602px;
}

main.designs-page .propertyBoxes {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
	align-items: flex-start;
	column-gap: 26px;
	margin-bottom: 30px;
}

main.designs-page .propertyBoxes .property-box:hover {
	box-shadow: -2px 1px 3px 3px #dbdbdb;
}

main.designs-page .propertyBoxes .property-box {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: -2px 1px 3px #dbdbdb;
	padding: 30px;
	border: 1px solid transparent;
	transition: all 0.02s ease-in;
	flex: 0 0 45%;
}

@media screen and (max-width:1024px) {
	main.designs-page .propertyBoxes .property-box {
		flex: 0 0 100%;
	}
}

main.designs-page .propertyBoxes .property-box .property-essentials {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
	align-items: stretch;
	padding-bottom: 20px;
}

main.designs-page .propertyBoxes .property-box .property-essentials h3 {
	margin-top: 0;
}

main.designs-page .propertyBoxes .property-box .property-meta ul {
	display: flex;
	padding: 0;
	list-style: none;
	text-align: right;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
	justify-content: space-evenly;
	align-items: baseline;
	column-gap: 15px;
}

main.designs-page .propertyBoxes .property-box .property-meta ul li {
	display: flex;
}

main.designs-page .propertyBoxes .property-box .property-meta ul li img {
	height: 24px;
	width: auto;
}

main.designs-page .propertyBoxes .property-box .property-meta ul li span {
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
	/* 	margin-top: -17px; */
	font-family: "fieldwork", sans-serif;
}

main.designs-page .propertyBoxes .property-box .property-essentials h3 {
	font-size: 24px;
	line-height: 29px;
	font-family: "fieldwork", sans-serif;
}

main.designs-page .propertyBoxes .property-box .property-image {
	margin-bottom: 10px;
	position: relative;
}

main.designs-page .propertyBoxes .property-box .property-image .abs-icons {
	position: absolute;
}

main.designs-page .propertyBoxes .property-box .property-image .abs-icons.icon1 {
	bottom: 23px;
	right: 134px;
}

main.designs-page .propertyBoxes .property-box .property-image .abs-icons.icon3 {
	bottom: 23px;
	right: 78px;
}

main.designs-page .propertyBoxes .property-box .property-image .abs-icons.icon2 {
	bottom: 23px;
	right: 22px;
	height: 49px;
}

main.designs-page .propertyBoxes .property-box .property-meta {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: space-around;
	justify-content: space-between;
}

main.designs-page .propertyBoxes .property-box .property-meta .price {
	font-weight: bold;
	text-transform: uppercase;
	font-family: "fieldwork", sans-serif;
}

main.designs-page .propertyBoxes .property-box .property-meta div.pMeta {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 15px;
	font-family: "fieldwork", sans-serif;
}

main.designs-page div.property-option .col-lg-9 a.glightbox {
	position: absolute;
	bottom: 0;
	right: 45px;
}

main.designs-page .propertyBoxes .property-box .action-buttons button {
	background: none;
	font-family: "fieldwork", sans-serif;
	color: #BA783E;
	border-color: #BA783E;
	padding: 7px 50px 5px;
	float: right;
	margin-top: 30px;
	border-radius: 10px;
}

main.designs-page .propertyBoxes .property-box .action-buttons button:focus {
	outline: none;
}

main.designs-page .propertyBoxes .property-box.active .action-buttons button {
	outline: none;
	background-color: #BA783E;
	color: #fff;
}

main.designs-page .propertyBoxes .property-box.active {
	border: 1px solid #BA783E;
}

main.designs-page #design-selection-form {
	z-index: 1;
}

main.designs-page #design-back-form {
	z-index: 1;
}

main.designs-page #design-back-form input.previous-button {
	display: inline-block;
	background: none;
	color: #fff;
	border: 1px solid #fff;
	font-family: "fieldwork", sans-serif;
	font-size: 16px;
	width: 160px;
	border-radius: 10px;
	text-align: center;
	padding: 7px;
	background-image: url('images/prev-arrows.svg');
	background-position: 12px center;
	background-repeat: no-repeat;
}

main.designs-page .summary #design-back-form {
	width: 24%;
	text-align: right;
}

main.designs-page #design-selection-form input.next-button {
	background: #BA783E;
	color: #fff;
	border: #BA783E;
	font-family: "fieldwork", sans-serif;
	font-size: 16px;
	width: 160px;
	margin-left: 15px;
	border-radius: 10px;
	text-align: center;
	background-image: url('images/next-arrows.svg');
	background-position: 136px center;
	background-repeat: no-repeat;
}

main.designs-page div.property-option {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
}

main.designs-page div.property-option .col-lg-9 {
	width: 70%;
	background: #fff;
	text-align: center;
	padding: 30px 0;
	box-shadow: -1px 1px 3px 0px #e7e7e7;
	border-radius: 10px;
}

main.designs-page div.property-option .col-lg-3 ul,
main.designs-page div.property-option .col-lg-9 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "fieldwork", sans-serif;
}

main.designs-page div.property-option .col-lg-3 {
	width: 30%;
	text-indent: 40px;
	font-family: "fieldwork", sans-serif;
	padding-right: 10px;
}

main.designs-page div.property-option .col-lg-3 ul li {
	font-family: "fieldwork", sans-serif;
	margin-bottom: 15px;
}

main.designs-page div.property-option .col-lg-3 ul li span.name {
	text-indent: 9px;
	display: inline-block;
}

.hidden {
	display: none;
}

main.designs-page .facade-boxes {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
}

main.designs-page .facade-box:hover {
	box-shadow: -2px 1px 3px 3px #e9e9e9;
}

main.designs-page .facade-box {
	flex: 0 0 31.333333%;
	padding: 0 7px;
	background: #fff;
	margin: 0 10px;
	border-radius: 10px;
	box-shadow: -1px 1px 5px #e9e9e9;
	transition: all 0.2s ease-in;
}

main.designs-page .facade-box .content {
	padding: 20px;
}

main.designs-page .facade-box .content .facade-image {
	position: relative;
}

main.designs-page .facade-box a {
	position: absolute;
	bottom: 13px;
	right: 13px;
}

main.designs-page .facade-box .content h3 {
	font-family: "fieldwork", sans-serif;
}

main.designs-page .facade-boxes .facade-box .action-buttons {
	text-align: right;
}

main.designs-page .facade-boxes .facade-box .action-buttons button {
	background: none;
	font-family: "fieldwork", sans-serif;
	color: #BA783E;
	border-color: #BA783E;
	padding: 7px 50px 5px;
	margin-top: 30px;
	border-radius: 10px;
}

main.designs-page .facade-boxes .facade-box .action-buttons button:focus {
	outline: none;
}

main.designs-page .facade-boxes .facade-box.active .action-buttons button {
	outline: none;
	background-color: #BA783E;
	color: #fff;
}

main.designs-page .facade-boxes .facade-box.active {
	border: 1px solid #BA783E;
}

main.designs-page .disclaimer {
	text-align: right;
	width: 100%;
	font-family: "fieldwork", sans-serif;
	margin-top: 80px;
}

main.designs-page .exterior-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
}

main.designs-page .exterior-box .facade-color-image {
	width: 70%;
	position: relative;
	padding: 0 2%;
}

main.designs-page .exterior-box .facade-color-image img {
	width: 100%;
	position: static;
}

main.designs-page .exterior-box .facade-color-options {
	width: 30%;
	padding: 0 2% 2% 2%;
	font-family: "fieldwork", sans-serif;
}

main.designs-page .exterior-box .facade-color-options ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 50px;
}

main.designs-page .exterior-box .facade-color-options ul li {
	margin-bottom: 10px;
}

main.designs-page .exterior-box .facade-color-options ul li span.price,
main.designs-page .exterior-box .facade-color-options h5 {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

main.designs-page .upgrades-box {
	display: flex;
}

* {
	box-sizing: border-box
}

/* Style the tab */
.tab {
	background-color: transparent;
	width: 24%;
	margin-right: 3%;
}

/* Style the buttons that are used to open the tab content */
.tab a {
	display: block;
	background-color: inherit;
	color: black;
	padding: 15px 16px;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	font-family: "fieldwork", sans-serif;
	font-size: 17px;
	text-transform: uppercase;
}

/* Change background color of buttons on hover */
.tab a:hover {
	background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab a.active {
	background-color: #BA783E;
	color: #fff !important;
	border-radius: 0;
	background-image: url(images/next-arrows.svg);
	background-position: 307px center;
	background-repeat: no-repeat;
}

/* Style the tab content */
.tabcontent {
	padding: 0px 12px;
	display: none;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	column-gap: 10px;
	width: 100%;
}

.tab-content {
	display: flex;
	width: 76%;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
}

.upgrade-box {
	flex: 0 0 23.6%;
	padding: 12px;
	background: #fff;
	margin: 0.61% 0.16%;
	border-radius: 10px;
	box-shadow: -1px 1px 5px #e9e9e9;
	transition: all 0.2s ease-in;
}

.upgrade-box.active {
	border: 1px solid #BA783E;
}

.upgrade-box .ub-content {
	margin: 0;
	min-height: 348px;
}

@media screen and (min-width:1213px) and (max-width:1524px) {
	.upgrade-box .ub-content {
		min-height: 425px;
	}
}

@media screen and (min-width:853px) and (max-width:1024px) {
	.upgrade-box .ub-content {
		min-height: 401px;
	}
}

.upgrade-box .ub-meta,
.upgrade-box .ub-content {
	font-family: "fieldwork", sans-serif;
}

.upgrade-box .ub-content p {
	margin: 2% 0% 10px 0% !important;
}

.upgrade-box .ub-content h4 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

.upgrade-box .ub-content p {
	font-size: 13px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 0;
}

.upgrade-box .ub-meta span.price {
	font-weight: bold;
}

.upgrade-box .ub-meta span.checknbut input[type="checkbox"] {
	width: 0;
	height: 0;
	border-radius: 0;
	margin: 0;
}

.upgrade-box .ub-meta {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 25px;
}

.upgrade-box a.switch {
	background-color: #BA783E;
	color: #fff;
	font-family: "fieldwork", sans-serif;
	border-color: #BA783E;
	padding: 5px 15px 6px 15px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	text-transform: uppercase;
}

.upgrade-box a.switch:hover,
.upgrade-box a.switch:focus,
.upgrade-box a.switch:active {
	color: #fff;
}

.inclusions {
	margin-bottom: 30px;
}

/* ---- Summary Page ---- */
div.summary-data {
	background: #F8EBD5;
	padding: 20px 5%;
	font-family: "fieldwork", sans-serif;
	margin-left: 2%;
	border-radius: 10px 10px 0px 0px;
}

div.summary .facade-color-options span.divider {
	height: 2px;
	background-color: #BA783E;
	width: 100%;
	margin: 0 auto;
	display: inline-block;
}

div.summary .facade-color-options .name-price {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
	justify-content: space-between;
	align-items: stretch;
	font-weight: 400;
}

div.summary .facade-color-options .name-price h2 {
	width: unset;
	margin: 0;
	font-weight: 400;
	text-transform: initial;
}

main.designs-page div.summary .exterior-box .facade-color-options {
	width: 30%;
	padding: 0 0 0 2%;
	font-family: "fieldwork", sans-serif;
}

main.designs-page div.summary .exterior-box .facade-color-options {
	width: 33%;
}

main.designs-page div.summary .exterior-box .facade-color-image {
	width: 65%;
	position: relative;
}

main.designs-page div.summary .exterior-box .facade-color-options .meta-data {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	font-weight: 400;
}

main.designs-page div.summary .exterior-box .facade-color-options .meta-data ul {
	margin: 0;
}

main.designs-page div.summary .exterior-box .facade-color-options .meta-data ul li {
	display: inline-block;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 15px;
}

main.designs-page div.summary .exterior-box .facade-color-options .meta-data .sum-meta-swd {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
	align-items: stretch;
}

main.designs-page div.summary .exterior-box .facade-color-options .meta-data .sum-meta-swd span.title {
	font-family: inherit;
	width: 100px;
	margin: 5px 0px 0;
}

main.designs-page div.summary .exterior-box .facade-color-options .final-form {
	background-image: url(images/form-bg.png);
/* 	padding-top: 130px; */
	background-position: top;
/* 	margin-top: -260px; */
	display: block;
	position: relative;
	background-repeat: no-repeat;
	font-family: "fieldwork", sans-serif;
	font-weight: bold;
}

main.designs-page div.summary .exterior-box .facade-color-options .final-form h2 {
	font-weight: bold;
}

main.designs-page div.summary .exterior-box .facade-color-options .final-form .fields-group {
	width: 100%;
	padding: 0 6%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
	justify-content: space-between;
	align-items: stretch;
	column-gap: 17px;
}

main.designs-page div.summary .exterior-box .facade-color-options .final-form .field {
	width: 100%;
	margin-bottom: 20px;
}

main.designs-page div.summary .exterior-box .facade-color-options .final-form .field.half {
	width: 47%;
}

main.designs-page div.summary .exterior-box .facade-color-options .final-form .field input[type="text"] {
	background: #F1F1F1;
	border: 1px solid #DCDCDC;
	border-radius: 0;
}

main.designs-page div.summary .exterior-box .facade-color-options .final-form .field span.label {
	display: inline-block;
	margin-bottom: 5px;
}

main.designs-page div.summary .exterior-box .facade-color-options .final-form .field label.tnc {
	font-weight: normal;
}

main.designs-page div.summary .exterior-box .facade-color-options .final-form .field label.tnc a {
	color: #BA783E;
	text-decoration: underline;
}

main.designs-page div.summary .exterior-box .facade-color-options .final-form .field label.tnc input[type="checkbox"] {
	border-radius: 0;
	;
}

main.designs-page div.summary .exterior-box .facade-color-options .final-form .disclaimer {
	margin-top: 0;
	font-weight: 100;
	text-align: left;
	font-size: 13px;
	margin-bottom: 20px;
}

main.designs-page div.summary .exterior-box .facade-color-options .final-form .next-button {
	background: #BA783E;
	color: #fff;
	border: #BA783E;
	font-family: "fieldwork", sans-serif;
	font-size: 17px;
	border-radius: 10px;
	padding: 10px 30px;
}

.thanks-content h2 {
	font-size: 30px !important;
}

.thanks-content {
	text-align: center;
}

.thanks-content p {
	margin-bottom: 0;
}

.thanks-content a {
	background: #BA783E;
	color: #fff;
	border: #BA783E;
	font-family: "fieldwork", sans-serif;
	font-size: 17px;
	border-radius: 10px;
	padding: 10px 30px;
	margin-top: 50px;
	display: inline-block;
}

@media only screen and (min-width:1025px) {
	.desk-only {
		display: flex !important;
	}

	.mob-only {
		display: none !important;
	}

	.desktop-only {
		display: block !important;
	}

	.mobile-only {
		display: none !important;
	}
}

/*---- responsiveness CSS ----*/
@media only screen and (min-width:821px) and (max-width:1024px) {
	main.designs-page .propertyBoxes {
		justify-content: center
	}

	main.designs-page .propertyBoxes .property-box {
		margin-bottom: 20px;
	}

	main.designs-page .content {
		padding-left: 20px;
		padding-right: 20px;
	}

	main.designs-page div.property-option .col-lg-9 .option-image {
		position: relative;
	}

	main.designs-page div.property-option .col-lg-9 a.glightbox {
		position: absolute;
		bottom: 0;
		right: 45px;
	}

	main.designs-page .facade-box {
		flex: 0 0 47.8%;
		margin-bottom: 20px;
	}

	.upgrade-box {
		flex: 0 0 50%;
	}

	main.designs-page div.summary .exterior-box .facade-color-image,
	main.designs-page div.summary .exterior-box .facade-color-options {
		width: 50%
	}

	main.designs-page div.summary .exterior-box .facade-color-options .final-form .field.half {
		width: 47%;
	}

	.desk-only {
		display: flex !important;
	}

	.mob-only {
		display: none !important;
	}

	.desktop-only {
		display: block !important;
	}

	.mobile-only {
		display: none !important;
	}
}

@media only screen and (min-width:1025px) and (max-width:1524px) {
	.upgrade-box {
		flex: 0 0 32%;
	}

	.page-template-page-interiors main.designs-page .facade-box .content .facade-image {
		min-height: 330px;
	}
}

main.designs-page p.price-subtotal {
	font-family: "fieldwork", sans-serif;
}

@media only screen and (max-width:1024px) {
	main.designs-page p.price-subtotal {
		width: 100%;
		display: block;
		margin-bottom: 0px;
	}

	main.designs-page .summary #design-back-form {
		width: auto;
		text-align: right;
	}

	main.designs-page div.property-option .col-lg-3,
	main.designs-page div.property-option .col-lg-9 {
		width: 100%;
	}

	main.designs-page .propertyBoxes {
		justify-content: center;
	}

	.tab a {
		font-size: 13px;
	}

	.upgrade-box {
		flex: 0 0 50%;
	}
}

@media only screen and (min-width:668px) and (max-width:1024px) {
	main.designs-page {
		margin-bottom: 152px;
	}

	main.designs-page .steps-bar .content ul {
		column-gap: 20px;
	}

	main.designs-page .propertyBoxes {
		justify-content: center
	}

	main.designs-page .propertyBoxes .property-box {
		margin-bottom: 20px;
	}

	main.designs-page .content {
		padding-left: 20px;
		padding-right: 20px;
	}

	main.designs-page div.property-option .col-lg-9 .option-image {
		position: relative;
	}

	main.designs-page div.property-option .col-lg-9 a.glightbox {
		position: absolute;
		bottom: 0px;
		right: 45px;
	}

	main.designs-page .facade-box {
		flex: 0 0 100%;
		margin: 0 0 20px 0;
	}

	main.designs-page .facade-box .content .facade-image {
		text-align: center;
	}

	.upgrade-box {
		flex: 0 0 48%;
	}

	main.designs-page div.property-option .col-lg-9,
	main.designs-page div.summary .exterior-box .facade-color-image {
		margin-bottom: 20px;
	}

	main.designs-page div.property-option .col-lg-3 {
		text-indent: 0;
		;
	}

	main.designs-page div.property-option .col-lg-3,
	main.designs-page div.property-option .col-lg-9,
	main.designs-page .exterior-box .facade-color-image,
	main.designs-page .exterior-box .facade-color-options,
	main.designs-page div.summary .exterior-box .facade-color-image,
	main.designs-page div.summary .exterior-box .facade-color-options {
		width: 100%
	}

	main.designs-page div.summary .exterior-box .facade-color-options {
		padding: 0;
	}

	main.designs-page div.summary .exterior-box .facade-color-options .final-form {
		background-size: cover;
/* 		margin-top: -275px; */
	}

	main.designs-page div.summary .exterior-box .facade-color-options .final-form .field.half {
		width: 47%;
	}

	div.summary-data {
		margin-left: 0;
	}

	main.designs-page .content .page-description {
		width: 100%;
	}

	div[data-elementor-type="footer"] div[data-element_type="container"] {
		padding-top: 80px;
	}

	div[data-elementor-type="footer"] div[data-element_type="container"] h2 {
		text-align: center !important;
	}

	.desk-only {
		display: flex !important;
	}

	.mob-only {
		display: none !important;
	}

	.desktop-only {
		display: block !important;
	}

	.mobile-only {
		display: none !important;
	}
}

@media only screen and (max-width:667px) {
	.upgrade-box {
		flex: 0 0 100%;
	}

	main.designs-page div.summary .exterior-box .facade-color-options .final-form .next-button {
		margin: 0 auto;
	}

	form#welcome-form {
		max-width: 90%;
	}

	main.designs-page {
		margin-bottom: 152px;
	}

	main.designs-page.thanks {
		margin-bottom: 0;
	}

	main.designs-page .steps-bar .content ul {
		column-gap: 20px;
	}

	main.designs-page .steps-bar .content ul li {
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

	main.designs-page .steps-bar .content ul li span.step-number {
		margin-right: 15px;
	}

	main.designs-page .propertyBoxes {
		justify-content: center
	}

	main.designs-page .propertyBoxes .property-box {
		margin-bottom: 20px;
	}

	main.designs-page .content {
		padding-left: 15px;
		padding-right: 15px;
	}

	main.designs-page div.property-option .col-lg-9 .option-image {
		position: relative;
	}

	main.designs-page div.property-option .col-lg-9 a.glightbox {
		position: absolute;
		bottom: -25px;
		right: 5px;
	}

	main.designs-page .facade-box {
		flex: 0 0 100%;
		margin: 0 0 20px 0;
	}

	main.designs-page .facade-box .content .facade-image {
		text-align: center;
	}

	.upgrade-box {
		flex: 0 0 50%;
	}

	main.designs-page div.property-option .col-lg-9,
	main.designs-page div.summary .exterior-box .facade-color-image {
		margin-bottom: 20px;
	}

	main.designs-page div.property-option .col-lg-3 {
		text-indent: 0;
		;
	}

	main.designs-page div.property-option .col-lg-3,
	main.designs-page div.property-option .col-lg-9,
	main.designs-page .exterior-box .facade-color-image,
	main.designs-page .exterior-box .facade-color-options,
	main.designs-page div.summary .exterior-box .facade-color-image,
	main.designs-page div.summary .exterior-box .facade-color-options {
		width: 100%
	}

	main.designs-page div.summary .exterior-box .facade-color-options {
		padding: 0;
	}

	main.designs-page div.summary .exterior-box .facade-color-options .final-form {
		background-size: cover;
		margin-top: -220px;
	}

	main.designs-page div.summary .exterior-box .facade-color-options .final-form .field.half {
		width: 46%;
	}

	div.summary-data {
		margin-left: 0;
	}

	main.designs-page .content .page-description {
		width: 100%;
	}

	body.home div[data-elementor-type="footer"] div[data-element_type="container"] {
		padding-top: 0 !important;
	}

	div[data-elementor-type="footer"] div[data-element_type="container"] {
		padding-top: 80px;
	}

	div[data-elementor-type="footer"] div[data-element_type="container"] h2 {
		text-align: center !important;
	}

	.desk-only {
		display: none !important;
	}

	.mob-only {
		display: flex !important;
	}

	.desktop-only {
		display: none !important;
	}

	.mobile-only {
		display: block !important;
	}

	main.designs-page .upgrades-box {
		display: block;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.tab {
		overflow-x: scroll;
		text-wrap: nowrap;
	}

	.tab,
	.tab-content {
		background-color: transparent;
		width: 100%;
		margin-right: 0;
	}

	.tabcontent {
		padding: 0;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
		align-items: center;
		row-gap: 10px;
	}

	.tab-content {
		padding-top: 20px;
	}

	main.designs-page .upgrades-box {
		margin-bottom: 100px;
	}

	.upgrade-box {
		flex: 0 0 100%;
	}

	.tab a {
		width: max-content;
		display: inline-block;
	}

	main.designs-page #design-selection-form input.next-button {
		background-position: 137px center;
		width: 160px;
	}

	main.designs-page #design-back-form input.previous-button {
		width: 160px;
		margin-left: 0px;
	}
}

@media only screen and (max-width:420px) {
	main.designs-page #design-selection-form input.next-button {
		background-position: 95px center;
		width: 125px;
	}

	main.designs-page #design-back-form input.previous-button {
		width: 125px;
	}

	main.designs-page .facade-box .content h3,
	main.designs-page .propertyBoxes .property-box .property-essentials h3 {
		font-size: 20px;
	}

	main.designs-page .propertyBoxes .property-box .property-image .abs-icons.icon1 {
		bottom: 14px;
		right: 107px;
		height: 35px;
	}

	main.designs-page .propertyBoxes .property-box .property-image .abs-icons.icon3 {
		bottom: 14px;
		right: 60px;
		height: 35px;
	}

	main.designs-page .propertyBoxes .property-box .property-image .abs-icons.icon2 {
		bottom: 15px;
		right: 15px;
		height: 35px;
	}

	main.designs-page .facade-box a {
		bottom: 15px;
		right: 15px;
	}

	main.designs-page .facade-box a img {
		height: 35px;
	}

	main.designs-page .propertyBoxes .property-box .property-meta ul li span {
		font-size: 16px;
	}

	main.designs-page .propertyBoxes .property-box .property-meta ul {
		column-gap: 20px;
	}

	main.designs-page .propertyBoxes .property-box .property-meta .price {
		font-size: 16px;
	}

	main.designs-page .propertyBoxes .property-box .property-meta div.pMeta {
		font-size: 14px;
	}

	main.designs-page .propertyBoxes .property-box .property-meta div.pMeta div {
		width: 100%;
	}

	main.designs-page h2,
	main.designs-page .page-description {
		font-size: 14px;
	}

	div.thanks-content {
		max-width: 90%;
		margin: 0 auto;
	}

	div.thanks-content h2 {
		line-height: 35px !important;
	}
}

.tabcontent {
	flex-wrap: wrap;
}

.inclusions {
	flex-basis: 100%;
	display: block;
}

.price-subtotal {
	color: #fff;
	padding: 20px 0 0 0;
	font-size: 22px;
	font-weight: bold;
	margin: 0 auto !important;
}

/* handle facade image alignment issue */
.facade-image>img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* fix the upgrade box descrption text alignment */
main.designs-page .upgrade-box .ub-content p {
	text-align: left;
}

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

	.mobile-only .dropdown .select-label,
	.mobile-only .dropdown-list li {
		font-size: 12px;
		font-family: "fieldwork", sans-serif;
	}
}

/* fix rightbox pricing tag issue */
.facade-box .property-meta {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
	align-items: stretch;
	padding-bottom: 20px;
}

.facade-box .rightbox {
	position: static;
}

/* Fix summary meta layout */
main.designs-page div.summary .exterior-box .facade-color-options .summary-data ul {
	display: flex;
	flex-direction: row;
}

main.designs-page div.summary .exterior-box .facade-color-options .summary-data ul li {
	display: flex;
	flex-direction: row;
}

main.designs-page div.summary .exterior-box .facade-color-options .summary-data ul li span {
	margin-left: 5px;
}

/* Fix card title font size */
main.designs-page .facade-box .content h3 {
	font-size: 24px;
}

/* Fix post code input title at home page */
.welcome-page h2 {
	width: 100%;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 1.2;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	font-family: "fieldwork", sans-serif;
	font-weight: bold;
}

/* Fix facade colour title padding */
main.designs-page .exterior-box .facade-color-options h5 {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* Fix design page price tag font issue */
.rightboxprice {
	font-family: "fieldwork", sans-serif;
}

/* Fix the padding between title and image on Interior page*/
.page-template-page-interiors main.designs-page .facade-box .content .facade-image {
	margin-top: 20px;
}

/* Create three equal columns that floats next to each other */
.column {
	float: left;
	width: 33.33%;
	padding: 1px;
}

.row {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 55;
	left: 0;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1025px) {
	.column {
		width: 100%;
	}
	.price-subtotal {
		padding: 0;
	}
	.row {
		bottom: 15px;
	}
}

/* Remove the black outline when submit button is focused site wide */
[type=button]:focus,
[type=submit]:focus,
button:focus {
	outline: none;
}

/* Summary page buttons layout */
.thanks-btn-row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}

.thanks-btn-row a {
	min-width: 215.3px;
}

main.designs-page .thanks-content h2 {
	line-height: 1.2;
}