

/** FONTS **/
.openSans		{ font-family:'Open Sans', sans-serif; }
.cinzel			{ font-family:'Cinzel', serif; }



/** COLOURS **/
.dark			{ color:#383836; }
.mid			{ color:#767676; }
.light			{ color:#AAAAAA; }
.green			{ color:#BED600; }
.bg-dark		{ background:#383836; }
.bg-mid			{ background:#767676; }
.bg-light		{ background:#AAAAAA; }
.bg-green		{ background:#BED600; color:#FFFFFF; }



/** GENERAL **/
html							{ height:100%; width:100%; overflow-x:hidden; background:#383836; }
body							{ font-family:'Open Sans', sans-serif; font-size:12px; background:#FFFFFF; color:#383836; margin:0px; }
a								{ color:#BED600; 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:#767676; }
h1,h2,h3,h4						{ font-weight:normal; margin:0px; font-family:'Cinzel', serif; letter-spacing:3px; text-transform:uppercase; }
hr								{ clear:both; margin:30px 0px; border-top:0px; border-bottom:1px dotted #CCCCCC; }
.cookiebox						{ background:#383836; }
.cookiebox p a					{ color:#BED600; }
.cookiebox p a:hover			{ color:#FFFFFF; text-decoration:underline; }
.btn,
a.btn							{ padding:10px 20px; text-transform:uppercase; background:transparent; color:#383836; border:2px solid #383836; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear; cursor:pointer; }
.btn:hover,
a.btn:hover						{ background:#383836; color:#FFFFFF; border:2px solid #383836; }
.btn-invert,
a.btn-invert					{ background:#383836; color:#FFFFFF; border:2px solid #383836; }
.btn-invert:hover,
a.btn-invert:hover				{ background:transparent; color:#383836; border:2px solid #383836; }
.btn-light,
a.btn-light						{ color:#FFFFFF; border:2px solid #FFFFFF; }
.btn-light:hover,
a.btn-light:hover				{ background:#FFFFFF; color:#383836; border:2px solid #FFFFFF; }
.btn span,
a.btn span						{ color:#BED600; }



/** WIDTHS **/
.fw-wrapper						{ position:relative; /**display:inline-block; **/clear:both; width:100%; }
.fw-margins						{ width:100%; max-width:1330px; margin:0px auto; }
.fw-padding						{ padding:0px 20px; }



/** FORM **/
.form												{ margin:40px 0px 0px 0px; }
.form .form-row										{ clear:none; margin:0px 0px 20px 0px; }
.form .form-textbox input,
.form .form-textbox textarea						{ width:100%; padding:20px 10px; min-width:initial; }
.form .form-textbox textarea						{ min-height:100px; }
.form .htmldd,
.form .styledd										{ width:100%; padding:13px 10px; }
.form-full											{ width:100%; margin:20px 0px 0px 0px; }
.form-half											{ width:48%; }
.form-half-left										{ float:left; }
.form-half-right									{ float:right; }
.form-button-row									{ text-align:right; }

.form .form-textbox input,
.form .form-textbox textarea						{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.form .form-textbox input,
.form .form-textbox textarea,
.form .htmldd,
.form .styledd										{ background:#FFFFFF; }
.form .btn											{ border:2px solid #383836; background:transparent; color:#383836; }
.form .btn:hover									{ border:2px solid #383836; background:#383836; color:#FFFFFF; }
.form .form-textbox input,
.form .form-textbox textarea						{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.form .form-row-error .form-textbox input,
.form .form-row-error .form-textbox textarea,
.form .form-row-error .htmldd,
.form .form-row-error .styledd						{ border:2px solid #BED600; }



/** GENERIC FORM **/
.form-generic										{ padding:100px 0px; text-transform:uppercase; }
.form-generic h2									{ margin:0px 0px 20px 0px; font-size:2.5em; }
.form-generic .form-left							{ float:left; width:40%; }
.form-generic .form-left p							{ font-size:1.5em; }
.form-generic .form-right							{ margin:0px 0px 0px 50%; }

.form-generic										{ background:#FAFAFA; }
.form-generic h2									{ border-bottom:3px solid #BED600; }



/** FORM ERRORS **/
.form .form-error-summary 							{ padding:20px; }
.form .form-error-summary h4						{ font-size:1.6em; margin:0px 0px 30px 0px; padding:0px 0px 10px 0px; }
.form .form-error-summary ul						{ list-style:none; margin:0px; padding:0px; }

.form .form-error-summary 							{ background:#BED600; color:#383836; border:none; }
.form .form-error-summary h4						{ border-bottom:2px solid #383836; }



/** SERVICE BANNERS **/
.service-banner															{ position:relative; clear:both; font-size:1.2em; }
.service-banner .text-wrapper											{ width:50%; text-transform:uppercase; position:relative; z-index:2; }
.service-banner.service-banner-odd  .text-wrapper						{ float:left; }
.service-banner.service-banner-even .text-wrapper						{ float:right; }
.service-banner .content												{ margin:0px auto; max-width:480px; padding:150px 100px; }
.service-banner.service-banner-odd .content								{ float:right; }
.service-banner.service-banner-even .content							{ float:left; }
.service-banner .banner-spacer											{ clear:both; padding:60px 0px; }
.service-banner h2														{ padding:0px 0px 10px 0px; margin:0px 0px 40px 0px; font-size:1.8em; }
.service-banner h2 span													{ font-family:'Open Sans', sans-serif; display:block; clear:both; font-size:0.8em; text-transform:none; letter-spacing:normal; }
.service-banner p														{ font-weight:300; }
.service-banner .btn													{ margin:40px 0px 0px 0px; }
.service-banner .property-link											{ display:block; margin:40px 0px 0px 0px; font-size:0.8em; padding:40px 0px 0px 0px; }
.service-banner .property-link .title									{ display:block; }
.service-banner .image-wrapper											{ position:absolute; top:0; bottom:0; width:50%; z-index:1; }
.service-banner.service-banner-odd  .image-wrapper						{ right:0; }
.service-banner.service-banner-even .image-wrapper						{ left:0; }

.service-banner .text-wrapper											{ color:#CCCCCC; }
.service-banner.bg-light .text-wrapper									{ color:#FFFFFF; }
.service-banner h2														{ color:#FFFFFF; border-bottom:3px solid #BED600; }
.service-banner h2 span													{ color:#DDDDDD; }
.service-banner .property-link											{ color:#AAAAAA; border-top:1px solid #BED600; }
.service-banner .property-link .title									{ color:#CCCCCC; }
.service-banner .property-link .title span								{ color:#BED600; }



/** COOKIE POLICY **/
.cookiebox						{ z-index:999; }
.cookiebox .btn					{ background:#767676; color:#FFFFFF; }
.cookiebox .btn:hover			{ background:#AAAAAA; color:#FFFFFF; }




/** RESPONSIVE **/
@media screen and (max-width:1160px){

	.service-banner .content							{ padding:100px 50px; }

}

@media screen and (max-width:970px){
	.fw-padding											{ padding:0px 10px; }
	.form-generic .form-left p							{ font-size:1.2em; }
}

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

	.service-banner										{ font-size:1em; }
	.service-banner p									{ font-weight:400; line-height:1.6em; }

}

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

	.form-half,
	.form-half-left,
	.form-half-right									{ float:none; width:100%; }

}

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

	.form-generic .form-left,
	.form-generic .form-right							{ float:none; clear:both; width:100%; margin:0px 0px 20px 0px; }
	.service-banner										{ margin:0px 0px 40px 0px; }
	.service-banner .text-wrapper						{ width:100%; background:rgba(56,56,54,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC383836,endColorstr=#CC383836); zoom:1; text-shadow:none; }
	.service-banner.service-banner-odd .text-wrapper,
	.service-banner.service-banner-even .text-wrapper	{ float:none; }
	.service-banner .content							{ padding:60px 30px; }
	.service-banner.service-banner-odd .content,
	.service-banner.service-banner-even .content		{ float:none; }
	.service-banner .image-wrapper						{ width:100%; }

}



/** CTA BANNERS **/
.CTA {
	background:#383836 url(backgrounds/logo-watermark.png) no-repeat 50% 50%;
	background-size:cover;
	color:#FFFFFF;
	padding:40px 0px;
}
.search-results-wrapper .CTA {
	margin:0px 0px 40px 0px;
}
.CTA .fw-padding {
	position:relative;
}
.CTA .CTA-textWrapper {
	margin:0px 235px 0px 0px;
}
.CTA .CTA-textWrapper .CTA-icon {
	float:left;
	width:60px;
}
.CTA .CTA-textWrapper .CTA-icon img {
	width:100%;
}
.CTA .CTA--valuations .CTA-textWrapper .CTA-icon img {
	max-width:59px;
	max-height:60px;
}
.CTA .CTA-textWrapper .CTA-text {
	display:block;
	margin:0px 0px 0px 80px;
	max-width:430px;
}
.CTA .CTA-textWrapper .CTA-text h2 {
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:1.5em;
	line-height:1.2em;
	border-bottom:none;
}
.CTA .CTA-textWrapper .CTA-text h2 span {
	display:block;
	font-size:1.3em;
	color:#BED600;
}
.CTA .CTA-textWrapper .CTA-text p {
	margin:10px 0px 0px 0px;
	padding:0px;
	font-size:1.4em;
	font-weight:100;
}
.CTA .CTA-btn {
	position:absolute;
	top:50%;
	right:20px;
	margin:-25px 0px 0px 0px;
	font-size:1.6em;
	background:#BED600;
	color:#383836;
}
.CTA .CTA-btn:hover {
	background:#FFFFFF;
	color:#383836;
}
@media screen and (max-width:760px){
	.CTA {
		text-align:center;
	}
	.CTA .CTA-textWrapper {
		margin:0px 0px 20px 0px;
	}
	.CTA .CTA-textWrapper .CTA-icon {
		float:none;
		margin:0px auto;
	}
	.CTA .CTA-textWrapper .CTA-text {
		margin:20px auto 0px auto;
	}
	.CTA .CTA-btn {
		position:static;
		top:unset;
		right:unset;
		margin:10px 0px 0px 0px;
	}
}



/** TESTIMONIALS **/
.TestimonialBanner {
	padding:120px 0px;
	background:#383836 url(backgrounds/logo-watermark.png) no-repeat 50% 50%;
	background-size:cover;
	color:#FFFFFF;
	text-align:center;
}
.TestimonialBanner .TestimonialBanner-title h2 {
	display:inline-block;
	color: #FFFFFF;
	border-bottom: 3px solid #BED600;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 40px 0px;
	font-size: 1.8em;
}
.TestimonialBanner .TestimonialBanner-title p {
	font-size:1.3em;
	margin:0px;
	padding:0px;
}
.TestimonialBanner .TestimonialBanner-testimonials {
	padding:40px 0px;
	font-size:1.6em;
	max-width:680px;
	margin:0px auto;
}
.TestimonialBanner .TestimonialBanner-testimonials .TestimonialBanner-testimonialsText {
	padding:0px 0px 20px 0px;
}
.TestimonialBanner .TestimonialBanner-Btn {
	font-size:1.2em;
}
.TestimonialDesc-rating {
	height:30px;
	width:184px;
}
.TestimonialBanner .TestimonialDesc-rating {
	margin:0px auto;
}
.TestimonialDesc-rating1 {
	background:transparent url(icons/stars-1.png) no-repeat 0% 0%;
}
.TestimonialDesc-rating2 {
	background:transparent url(icons/stars-2.png) no-repeat 0% 0%;
}
.TestimonialDesc-rating3 {
	background:transparent url(icons/stars-3.png) no-repeat 0% 0%;
}
.TestimonialDesc-rating4 {
	background:transparent url(icons/stars-4.png) no-repeat 0% 0%;
}
.TestimonialDesc-rating5 {
	background:transparent url(icons/stars-5.png) no-repeat 0% 0%;
}
.svg .TestimonialDesc-rating1 {
	background:transparent url(icons/stars-1.svg) no-repeat 0% 0%;
}
.svg .TestimonialDesc-rating2 {
	background:transparent url(icons/stars-2.svg) no-repeat 0% 0%;
}
.svg .TestimonialDesc-rating3 {
	background:transparent url(icons/stars-3.svg) no-repeat 0% 0%;
}
.svg .TestimonialDesc-rating4 {
	background:transparent url(icons/stars-4.svg) no-repeat 0% 0%;
}
.svg .TestimonialDesc-rating5 {
	background:transparent url(icons/stars-5.svg) no-repeat 0% 0%;
}
