/** COLOURS **/
.yellow {
	color: #B8993F;
}

.mid-yellow {
	color: #B8993F;
}

.pale-yellow {
	color: #F6F2ED;
}

.blue {
	color: #0B172B;
}

.mid-blue {
	color: #B8993F;
}

.mid-blue-dark {
	color: #C6AF69;
}

.pale-blue {
	color: #AFCFDB;
}

.bg-yellow {
	background: #B8993F;
}

.bg-mid-yellow {
	background: #B8993F;
}

.bg-pale-yellow {
	background: #F6F2ED;
}

.bg-pale-yellow-dark {
	background: #E0DDD9;
}

.bg-blue {
	background: #0B172B;
}

.bg-mid-blue {
	background: #B8993F;
}

.bg-pale-blue {
	background: #D0EAF5;
}


/** REAPIT **/
.ReapitViewingsValuations {
	display: none !important;
}





/** FONTS **/
.roboto-slab {
	font-family: 'Roboto Slab', serif;
}

.open-sans {
	font-family: 'Open Sans', sans-serif;
}

.cronosPro {
	font-family: 'cronos-pro', sans-serif;
}



/** GENERAL **/
html {
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	background: #FFFFFF;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 300;
	background: #FFFFFF;
	color: #0B172B;
	margin: 0px;
	height: 100%;
}

a {
	color: #B8993F;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: border .2s linear;
	-moz-transition: border .2s linear;
	transition: border .2s linear;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	transition: color .2s linear;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	transition: background .2s linear;
	cursor: pointer;
}

a:hover {
	color: #0B172B;
}

h1,
h2,
h3,
h4 {
	font-weight: 700;
	margin: 0px;
	text-transform: uppercase;
	line-height: normal;
	font-family: 'Roboto Slab', serif;
}

hr {
	clear: both;
	margin: 30px 0px;
	border-top: 0px;
	border-bottom: 2px solid #B8993F;
}

hr.blue {
	clear: both;
	margin: 30px 0px;
	border-top: 0px;
	border-bottom: 2px solid #B8993F;
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

.textCenter {
	text-align: center;
}

.textJustify {
	text-align: justify;
}

.btn,
a.btn,
.Btn--primary .Btn {
	border: none;
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	padding: 10px 20px;
	text-transform: uppercase;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
	cursor: pointer;
	text-align: center;
	background: #B8993F;
	color: #FFFFFF;
}

.btn span,
a.btn span {
	display: inline-block;
}

.btn:hover,
a.btn:hover,
.Btn--primary .Btn:hover {
	background: #C6AF69;
	color: #FFFFFF;
}

/* .btn-blue,
a.btn-blue					{ background:#B8993F; color:#FFFFFF; }
.btn-blue:hover,
a.btn-blue:hover			{ background:#C6AF69; color:#FFFFFF; }
.btn-dark-blue,
a.btn-dark-blue				{ background:#0B172B; color:#FFFFFF; }
.btn-dark-blue:hover,
a.btn-dark-blue:hover		{ background:#C6AF69; color:#0B172B; } */



/** COOKIES **/
.cookiebox {
	text-align: center;
	background: #0B172B;
	text-transform: uppercase;
}

.cookiebox p a {
	display: block;
	margin: 20px 0px;
	color: #B8993F;
}

.cookiebox p a:hover {
	color: #B8993F;
	text-decoration: underline;
}

.cookiebox .btn {
	border: 2px solid #B8993F;
	color: #0B172B;
	background: #B8993F;
}

.cookiebox .btn:hover {
	border: 2px solid #0B172B;
	color: #FFFFFF;
	background: #0B172B;
}



/** MARGINS **/
.fw-wrapper {
	position: relative;
	clear: both;
	width: 100%;
}

.fw-margins {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
}

.fw-margins.fw-marginsReduced {
	max-width: 880px;
}

.fw-padding {
	padding: 0px 20px;
}



/** BOX COLUMNS **/
.box-col {
	font-size: 0px;
}

.box-col.box-col-centered {
	text-align: center;
}

.box-col .box-col-box {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	margin: 0px 0px 40px 0px;
}

.box-col.box-col-generic .box-col-box {
	margin: 0px;
}
.box-col.box-col-generic .image,
.box-col.box-col-generic .icon {
	margin: 0px 0px 10px 0px;
}

.box-col.box-col-left .box-col-box {
	text-align: left;
}

.box-col.box-col-4 .box-col-box {
	width: 25%;
}

.box-col.box-col-3 .box-col-box {
	width: 33%;
}

.box-col.box-col-2 .box-col-box {
	width: 50%;
}

.box-col .spacing {
	display: block;
	padding: 10px;
}

.box-col .image,
.box-col .icon {
	display: block;
	margin: 0px 0px 30px 0px;
}

.box-col .image img,
.box-col .icon img {
	width: 100%;
}

.box-col .bcb-title {
	display: block;
	font-family: 'Roboto Slab', serif;
	font-size: 2em;
	font-weight: 600;
}

.box-col.box-col-generic .bcb-title {
	font-size: 1.3em;
}

.box-col .bcb-title span {
	display: block;
}

.box-col .bcb-text {
	display: block;
	font-size: 1.4em;
	font-weight: 300;
	margin: 20px 0px;
}

.box-col.box-col-generic .bcb-text {
	margin: 0px 0px 20px 0px;
	font-size: 1em;
}

.box-col .btn {
	display: block;
	font-size: 1.3em;
	font-weight: 400;
	width: 94%;
	padding: 10px 3%;
}

.box-col .bcb-title {
	color: #0B172B;
}

.box-col .bcb-text {
	color: #777777;
}

.box-col .box-col-box .spacing {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
}

.box-col a.box-col-box:hover .spacing {
	background: #EFEFEF;
}



/** FORMS **/
.Form .Form-label {
	display: none !important;
}

.form .form-error-summary,
.Form .Form-errorSummary {
	padding: 40px !important;
	text-align: left;
	border: 5px solid #FFFFFF;
	background: #0B172B !important;
	color: #FFFFFF;
}

.form .form-error-summary h4,
.Form .Form-errorSummary h4 {
	font-size: 1.3em !important;
	font-weight: 300 !important;
	color: #FFFFFF;
	margin: 0px 0px 20px 0px !important;
}

.form .form-error-summary ul,
.Form .Form-errorSummary ul {
	list-style: none;
	margin: 0px !important;
	padding: 0px !important;
}

.form .form-error-summary li,
.Form .Form-errorSummary li {
	display: inline-block;
	padding: 10px;
	margin: 0px 5px 5px 0px;
	border: 2px solid #B8993F;
}

.static-form-wrapper .form .form-field .form-field-error,
.static-form-wrapper .form .form-field.form-field-error .textbox,
.static-form-wrapper .form .form-field.form-field-error textarea,
.static-form-wrapper .form .form-row-checkbox .form-field.form-field-error,
.Form .Form-fieldError:not(.Form-checkbox) input,
.Form .Form-fieldError input,
.Form .Form-fieldError textarea,
.Form .Form-fieldError select,
.form-field.form-field-error .styledd {
	border: 2px solid #B8993F !important;
}

.static-form-wrapper .form .styledd-display {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: 600;
	color: #999999;
}

.static-content-blue .static-form-wrapper p {
	color: #FFFFFF;
}



/** CHECK LISTS **/
.check-list {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.check-list li {
	margin: 30px 0px 0px 0px;
	position: relative;
}

.check-list li:before {
	font-family: 'FontAwesome';
	content: '\f05d';
	font-size: 1.6em;
	position: absolute;
	top: 0px;
	left: 0;
	color: #0B172B;
}

.check-list li span {
	display: block;
	padding: 0px 0px 0px 40px;
}



/** RENTAL FEE OPTIONS **/
.rental-fee-options {
	text-align: center;
}

.rental-fee-options .fee-input {
	margin: 0px auto;
	max-width: 680px;
}

.rental-fee-options .fee-input input {
	width: 200px;
	padding: 11px 15px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.fee-options-wrapper {
	font-size: 0px;
	text-align: center;
	margin: 40px 0px 0px 0px;
}

.rental-fee-options .rental-fee-box {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	max-width: 360px;
	font-size: 14px;
}

.rental-fee-options .rental-fee-box .spacing {
	margin: 10px;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
}

.rental-fee-options .rental-fee-box:hover .spacing {
	background: #FAFAFA;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
}

.rental-fee-options .rental-fee-box .main-title {
	padding: 20px;
	font-weight: 700;
	margin: 0px;
	text-transform: uppercase;
	line-height: normal;
	font-family: 'Roboto Slab', serif;
	font-size: 1.6em;
	color: #FFFFFF;
}

.rental-fee-options .rental-fee-box .main-text {
	padding: 20px;
	border-bottom: 1px solid #EFEFEF;
}

.rental-fee-options .rental-fee-box .dynamic-content .totals {
	padding: 20px;
}

.rental-fee-options .rental-fee-box .dynamic-content .totals .total-title {
	text-transform: uppercase;
	line-height: normal;
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 1.3em;
}

.rental-fee-options .rental-fee-box .dynamic-content .totals .total-title span {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.7em;
	color: #777777;
}

.rental-fee-options .rental-fee-box .dynamic-content .totals .total-lrg {
	margin: 10px 0px;
}

.rental-fee-options .rental-fee-box .dynamic-content .totals .total-lrg .amount {
	display: inline-block;
	vertical-align: bottom;
	text-transform: uppercase;
	line-height: 1em;
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 3em;
}

.rental-fee-options .rental-fee-box .dynamic-content .totals .total-lrg .text {
	font-weight: 600;
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
	margin: 0px 0px 3px 5px;
	line-height: 1em;
	color: #777777;
}

.rental-fee-options .rental-fee-box .dynamic-content .totals .total-lrg .text strong {
	display: none;
}

.rental-fee-options .rental-fee-box .dynamic-content .totals .total-lrg .annual-fee {
	display: block;
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 600;
	color: #999999;
}

.rental-fee-options .rental-fee-box .dynamic-content a {
	display: block;
	padding: 20px;
	color: #FFFFFF;
}

.rental-fee-options .rental-fee-box .dynamic-content a strong {
	display: block;
	text-transform: uppercase;
}

.rental-fee-options .rental-fee-box-01 .main-title,
.rental-fee-options .rental-fee-box-01 .dynamic-content a {
	background: #B8993F;
}

.rental-fee-options .rental-fee-box-02 .main-title,
.rental-fee-options .rental-fee-box-02 .dynamic-content a {
	background: #C6AF69;
}

.rental-fee-options .rental-fee-box-03 .main-title,
.rental-fee-options .rental-fee-box-03 .dynamic-content a {
	background: #C5B358;
}

.rental-fee-options .rental-fee-box-04 .main-title,
.rental-fee-options .rental-fee-box-04 .dynamic-content a {
	background: #ABB7B7;
}

.rental-fee-options .rental-fee-box-01 .dynamic-content .totals .total-title,
.rental-fee-options .rental-fee-box-01 .dynamic-content .totals .total-lrg .amount {
	color: #B8993F;
}

.rental-fee-options .rental-fee-box-02 .dynamic-content .totals .total-title,
.rental-fee-options .rental-fee-box-02 .dynamic-content .totals .total-lrg .amount {
	color: #C6AF69;
}

.rental-fee-options .rental-fee-box-03 .dynamic-content .totals .total-title,
.rental-fee-options .rental-fee-box-03 .dynamic-content .totals .total-lrg .amount {
	color: #C5B358;
}

.rental-fee-options .rental-fee-box-04 .dynamic-content .totals .total-title,
.rental-fee-options .rental-fee-box-04 .dynamic-content .totals .total-lrg .amount {
	color: #ABB7B7;
}

.rental-fee-options .options-table {
	padding: 20px 0px;
	max-width: 1400px;
	margin: 0px auto;
	text-transform: uppercase;
	text-align: left;
}

.rental-fee-options .options-table .options-group {
	margin: 20px 0px;
}

.rental-fee-options .options-table .options-group .option {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	font-size: 16px;
}

.rental-fee-options .options-table .options-group .option .padding {
	position: relative;
	display: block;
	padding: 20px;
	margin: 10px;
	background: #FFFFFF;
	color: #777777;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
}

.rental-fee-options .options-table .options-group .option .padding .icon {
	position: absolute;
	left: 20px;
	top: 20px;
	font-size: 2.5em;
	color: #3FC380;
}

.rental-fee-options .options-table .options-group .option .padding .text {
	display: block;
	margin: 0px 0px 0px 45px;
}

.rental-fee-options .options-table .options-group .option .colour-codes {
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
}

.rental-fee-options .options-table .options-group .option .colour-codes .cc-box {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	border: 1px solid #CCCCCC;
}

.rental-fee-options .options-table .options-group .option.option-rc.active .colour-codes .cc-box.cc-box-fat,
.rental-fee-options .options-table .options-group .option.option-gold.active .colour-codes .cc-box.cc-box-fat,
.rental-fee-options .options-table .options-group .option.option-plat.active .colour-codes .cc-box.cc-box-fat,
.rental-fee-options .options-table .options-group .option.option-gold.active .colour-codes .cc-box.cc-box-rc,
.rental-fee-options .options-table .options-group .option.option-plat.active .colour-codes .cc-box.cc-box-rc,
.rental-fee-options .options-table .options-group .option.option-plat.active .colour-codes .cc-box.cc-box-gold {
	display: none !important;
}

.rental-fee-options .options-table .options-group .option .colour-codes .cc-box.cc-box-fat {
	background: #B8993F;
}

.rental-fee-options .options-table .options-group .option .colour-codes .cc-box.cc-box-rc {
	background: #C6AF69;
}

.rental-fee-options .options-table .options-group .option .colour-codes .cc-box.cc-box-gold {
	background: #C5B358;
}

.rental-fee-options .options-table .options-group .option .colour-codes .cc-box.cc-box-plat {
	background: #ABB7B7;
}



/** PRINT PAGES **/
.listing-printer {
	border-top: 10px solid #B8993F;
}




/** RESPONSIVE **/
@media screen and (max-width:1280px) {
	.rental-fee-options .options-table .options-group .option {
		width: 25%;
	}
}

@media screen and (max-width:1040px) {
	.rental-fee-options .rental-fee-box {
		width: 50%;
	}
}

@media screen and (max-width:990px) {
	.box-col.box-col-4 .box-col-box {
		width: 50%;
	}
}

@media screen and (max-width:960px) {
	.rental-fee-options .options-table .options-group .option {
		width: 33%;
	}
}

@media screen and (max-width:790px) {
	.box-col.box-col-3 .box-col-box {
		width: 100%;
	}

	.box-col.box-col-3 .box-col-box .spacing {
		padding: 10px 0px;
	}

	.box-col.box-col-3 .bcb-title {
		font-size: 1.6em;
	}

	.box-col.box-col-3 .bcb-text {
		font-size: 1.2em;
	}

	.box-col.box-col-3.box-col-resp-3 .box-col-box {
		width: 50%;
	}

	.box-col.box-col-3 .box-col-box .spacing {
		padding: 10px;
	}
}

@media screen and (max-width:960px) {
	.rental-fee-options .options-table .options-group .option {
		width: 50%;
	}
}

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

	.box-col.box-col-4 .box-col-box,
	.box-col.box-col-3.box-col-resp-3 .box-col-box,
	.box-col.box-col-2 .box-col-box {
		width: 100%;
	}

	.box-col.box-col-4 .box-col-box .spacing,
	.box-col.box-col-3 .box-col-box .spacing,
	.box-col.box-col-2 .box-col-box .spacing {
		padding: 10px 0px;
	}

	.box-col.box-col-3 .bcb-title,
	.box-col.box-col-2 .bcb-title,
	.box-col.box-col-3 .bcb-text,
	.box-col.box-col-2 .bcb-text {
		height: auto !important;
	}

	.box-col.box-col-4 .bcb-title {
		font-size: 1.6em;
		height: auto !important;
	}

	.box-col.box-col-4 .bcb-text {
		font-size: 1.2em;
		height: auto !important;
	}
}

@media screen and (max-width:570px) {
	.rental-fee-options .rental-fee-box {
		width: 100%;
	}

	.rental-fee-options .rental-fee-box .spacing {
		margin: 10px 0px;
	}
}

@media screen and (max-width:540px) {
	.rental-fee-options .options-table .options-group .option {
		width: 100%;
	}

	.rental-fee-options .options-table .options-group .option .padding .text {
		height: auto !important;
	}
}

@media screen and (max-width:420px) {
	.rental-fee-options .fee-input input {
		display: block;
		width: 90%;
		margin: 0px auto 10px auto;
	}
}




/** BRANCH FINDER BANNER **/
.BranchFinderBanner {
	padding: 40px 0px;
	background: #EFEFEF;
	font-size: 1.2em;
}

.BranchFinderBanner .fw-padding {
	position: relative;
}

.BranchFinderBanner .textWrapper {
	margin: 0px 190px 0px 0px;
	font-size: 1.6em;
}

.BranchFinderBanner .textWrapper h3 {
	margin: 0px;
}

.BranchFinderBanner .textWrapper p {
	font-style: italic;
	margin: 0px;
	padding: 0px;
}

.BranchFinderBanner .office-finder {
	position: absolute;
	right: 20px;
	top: 50%;
	margin: -22px 0px 0px 0px;
	display: block;
	width: 170px;
	vertical-align: middle;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	color: #B8993F;
	background: #0B172B;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
	cursor: pointer;
}

.BranchFinderBanner .office-finder .trigger {
	display: block;
	text-transform: uppercase;
	padding: 10px;
}

.BranchFinderBanner .office-finder .trigger span {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.6em;
	padding: 0px 10px 0px 0px;
}

.BranchFinderBanner .office-finder:hover,
.BranchFinderBanner .office-finder .trigger.active {
	background: #B8993F;
}

.BranchFinderBanner .office-finder:hover,
.BranchFinderBanner .office-finder:hover .trigger:hover span,
.BranchFinderBanner .office-finder .trigger.active,
.BranchFinderBanner .office-finder:hover .trigger.active span {
	color: #0B172B;
}

.BranchFinderBanner .office-finder ul {
	display: none;
	position: absolute;
	list-style: none;
	margin: 0px;
	padding: 0px;
	left: 0;
	right: 0;
	z-index: 9998;
	background: #0B172B;
}

.BranchFinderBanner .office-finder ul li {
	display: block;
}

.BranchFinderBanner .office-finder ul li a {
	display: block;
	padding: 10px;
	background: #0B172B;
	color: #B8993F;
}

.BranchFinderBanner .office-finder ul li a.selected,
.BranchFinderBanner .office-finder ul li a:hover {
	background: #B8993F;
	color: #0B172B;
}

@media screen and (max-width:960px) {
	.BranchFinderBanner .textWrapper {
		max-width: 470px;
	}
}

@media screen and (max-width:760px) {
	.BranchFinderBanner {
		text-align: center;
	}

	.BranchFinderBanner .textWrapper {
		max-width: 470px;
		margin: 0px auto 40px auto;
	}

	.BranchFinderBanner .office-finder {
		position: relative;
		margin: 0px auto;
		right: unset;
		top: unset;
	}
}

@media screen and (max-width:540px) {
	.BranchFinderBanner .textWrapper {
		max-width: 350px;
	}

	.BranchFinderBanner .textWrapper h3 {
		margin: 0px auto;
		max-width: 280px;
	}
}



/** VALUATION BANNER **/
.ValuationBanner {
	background: #0B172B;
	color: #FFFFFF;
	font-size: 1.3em;
	padding: 40px 0px;
}

.ValuationBanner .fw-padding {
	position: relative;
}

.ValuationBanner .ValuationBanner--text {
	max-width: 520px;
	margin: 0px 380px 0px 0px;
}

.ValuationBanner .ValuationBanner--text h3 {
	color: #B8993F;
	font-weight: 400;
	font-size: 2.2em;
	line-height: 1.2em;
}

.ValuationBanner .ValuationBanner--text p {
	margin: 10px 0px 0px 0px;
	font-size: 1.3em;
}

.ValuationBanner .ValuationBanner--buttons {
	position: absolute;
	right: 20px;
	top: 50%;
	margin: -46px 0px 0px 0px;
	width: 360px;
}

.ValuationBanner .ValuationBanner--buttons a {
	display: block;
	margin: 0px 0px 10px 0px;
}

.ValuationBanner .ValuationBanner--buttons a:hover {
	background: #FFFFFF;
	color: #0B172B;
}

@media screen and (max-width:920px) {
	.ValuationBanner {
		text-align: center;
	}

	.ValuationBanner .ValuationBanner--text {
		margin: 0px auto 30px auto;
	}

	.ValuationBanner .ValuationBanner--buttons {
		position: static;
		margin: 0px;
		width: 100%;
	}

	.ValuationBanner .ValuationBanner--buttons a {
		display: inline-block;
		vertical-align: middle;
		width: auto;
		max-width: 230px;
		margin: 10px;
	}
}

@media screen and (max-width:580px) {
	.ValuationBanner .ValuationBanner--text {
		max-width: 420px;
	}

	.ValuationBanner .ValuationBanner--text h3 {
		font-size: 1.6em;
	}

	.ValuationBanner .ValuationBanner--text p {
		font-size: 1.1em;
	}
}

@media screen and (max-width:460px) {
	.ValuationBanner .ValuationBanner--text h3 {
		max-width: 200px;
		margin: 0px auto;
	}
}



/** VALUATION BAR THIN **/
.ValuationBannerThin {
	background: #0B172B;
	color: #FFFFFF;
	padding: 10px 0px;
}

.ValuationBannerThin.ValuationBannerThin--listing {
	background: #B8993F;
}

.ValuationBannerThin .fw-padding {
	position: relative;
}

.ValuationBannerThin .Text {
	margin: 0px 180px 0px 0px;
	padding: 10px 0px;
	font-size: 22px;
}

.ValuationBannerThin .Btn {
	position: absolute;
	top: 50%;
	right: 20px;
	margin: -21px 0px 0px 0px;
	width: 120px;
	font-size: 16px;
}

.ValuationBannerThin.ValuationBannerThin--listing .Btn {
	background: #0B172B;
	color: #FFFFFF;
}

.ValuationBannerThin.ValuationBannerThin--listing .Btn:hover {
	background: #272F3F;
	color: #FFFFFF;
}

@media screen and (max-width:760px) {
	.ValuationBannerThin {
		padding: 20px 0px;
	}

	.ValuationBannerThin .Text {
		margin: 0px;
		padding: 0px 0px 10px 0px;
		text-align: center;
	}

	.ValuationBannerThin .Btn {
		display: block;
		position: static;
		top: unset;
		right: unset;
		margin: 0px auto;
	}
}

@media screen and (max-width:760px) {
	.ValuationBannerThin .Text {
		margin: 0px auto;
		max-width: 300px;
	}
}



/** BRANCH CTA BANNERS **/
.CTABanner--tenancyHealthCheck {
	position: relative;
	padding: 80px 0px;
	background: #B8993F;
	color: #0B172B;
	font-size: 1.3em;
}

.CTABanner--tenancyHealthCheck .fw-padding {
	position: relative;
	padding: 0px 40px;
}

.CTABanner--tenancyHealthCheck .fw-padding:after {
	content: '';
	position: absolute;
	z-index: 1;
	top: -20px;
	bottom: -20px;
	left: 20px;
	right: 20px;
	border: 1px solid #FFFFFF;
	pointer-events: none;
}

.CTABanner--tenancyHealthCheck .Content {
	margin: 0px 50% 0px 0px;
	padding: 0px 20px 0px 0px;
}

.CTABanner--tenancyHealthCheck h3 {
	color: #0B172B;
	font-weight: 400;
	font-size: 2.2em;
	line-height: 1.2em;
}

.CTABanner--tenancyHealthCheck .btn {
	background: #0B172B;
	color: #FFFFFF;
}

.CTABanner--tenancyHealthCheck .btn:hover {
	background: #2C3958;
	color: #FFFFFF;
}

.CTABanner--tenancyHealthCheck .Image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	z-index: 0;
	background: url(backgrounds/health-check.jpg) no-repeat 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

@media screen and (max-width: 920px){
	.CTABanner--tenancyHealthCheck {
		padding: 0px 0px 40px 0px;
		text-align: center;
	}
	.CTABanner--tenancyHealthCheck .Image {
		position: static;
		top: unset;
		bottom: unset;
		left: unset;
		right: unset;
		padding: 30% 0px 0px 0px;
	}
	.CTABanner--tenancyHealthCheck .fw-padding {
		padding: 0px 20px;
	}
	.CTABanner--tenancyHealthCheck .fw-padding:after {
		display: none;
	}	
	.CTABanner--tenancyHealthCheck .Content {
		margin: 0px;
		padding: 40px 0px 20px 0px;
	}
}

@media screen and (max-width: 640px){
	.CTABanner--tenancyHealthCheck h3 {
		font-size: 1.6em;
		line-height: 1.1em;
	}
}