/** GENERAL **/
.section-padding {
	padding: 60px 0px;
}

.header-main {
	position: relative;
}

.featured-property-slider h2 {
	font-size: 2em;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	color: #D52B1E;
	padding-top: 40px;
}

/** VALUATIONS BANNER SLIDE **/
.header-wrapper.home-header {
	background: #FFFFFF;
}

.HeaderBanner {
	background: #DAE2E4 url(slides/freedom-beach.jpg) no-repeat 50% 100%;
	background-size: cover;
	padding: 40px 0px 0px 0px;
}

.HeaderBanner .HeaderBanner-text {
	float: left;
}

.HeaderBanner .HeaderBanner-textBox {
	text-transform: uppercase;
	color: #D52B1E;
	border: 10px solid #D52B1E;
	padding: 10px;
	text-align: center;
	line-height: 5.8em;
	-webkit-border-radius: 40px 40px 40px 40px;
	-moz-border-radius: 40px 40px 40px 40px;
	-ms-border-radius: 40px 40px 40px 40px;
	-o-border-radius: 40px 40px 40px 40px;
	border-radius: 40px 40px 40px 40px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}

.HeaderBanner .HeaderBanner-textBox span {
	display: block;
}

.HeaderBanner .HeaderBanner-textBox .TextBox-01 {
	font-size: 5em;
}

.HeaderBanner .HeaderBanner-textBox .TextBox-02 {
	font-size: 6.8em;
}

.HeaderBanner .HeaderBanner-textBox .TextBox-03 {
	font-size: 5.6em;
}

.HeaderBanner .HeaderBanner-textTitle span {
	display: block;
	margin: 10px 0px 0px 0px;
	text-align: center;
	font-size: 2.4em;
}

.HeaderBanner .HeaderBanner-textTitle span strong {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}

.HeaderBanner .HeaderBanner-image {
	float: right;
	width: 50%;
	max-width: 500px;
}

.HeaderBanner .HeaderBanner-image img {
	width: 100%;
	max-width: 500px;
	max-height: 507px;
}

@media screen and (max-width:1280px) {
	.HeaderBanner {
		background-size: 1280px;
	}
}

@media screen and (max-width:880px) {
	.HeaderBanner .HeaderBanner-textBox {
		line-height: 4.8em;
	}

	.HeaderBanner .HeaderBanner-textBox .TextBox-01 {
		font-size: 4em;
	}

	.HeaderBanner .HeaderBanner-textBox .TextBox-02 {
		font-size: 5.8em;
	}

	.HeaderBanner .HeaderBanner-textBox .TextBox-03 {
		font-size: 4.9em;
	}
}

@media screen and (max-width:760px) {
	.HeaderBanner .HeaderBanner-text {
		float: none;
		margin: 0px auto;
		max-width: 300px;
	}

	.HeaderBanner .HeaderBanner-image {
		float: none;
		width: 100%;
		margin: 40px auto 0px auto;
	}
}

@media screen and (max-width:380px) {
	.HeaderBanner .HeaderBanner-textBox {
		line-height: 3.4em;
	}

	.HeaderBanner .HeaderBanner-textBox .TextBox-01 {
		font-size: 3em;
	}

	.HeaderBanner .HeaderBanner-textBox .TextBox-02 {
		font-size: 4.2em;
	}

	.HeaderBanner .HeaderBanner-textBox .TextBox-03 {
		font-size: 3.6em;
	}

	.HeaderBanner .HeaderBanner-textTitle span {
		font-size: 1.8em;
	}
}



/** SUPERMAN BANNER **/
.SupermanBanner,
.SupermanBanner .fw-margins {
	position: relative;
}

.SupermanBanner {
	background: #FFFFFF url(superman/bg.jpg) no-repeat 0% 50%;
	background-size: cover;
}

.SupermanBanner .fw-margins {
	z-index: 2;
}

.SupermanBanner .fw-margins,
.SupermanBanner .SupermanBanner-superman img {
	height: 680px;
}

.SupermanBanner .SupermanBanner-text {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 66px;
	line-height: 1em;
	padding: 40px 0px 0px 0px;
}

.SupermanBanner .SupermanBanner-text span {
	display: block;
}

.SupermanBanner .SupermanBanner-superman {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}

.SupermanBanner .SupermanBanner-superman img {
	width: auto;
	max-width: 1272px;
	max-height: 1080px;
}

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

	.SupermanBanner .fw-margins,
	.SupermanBanner .SupermanBanner-superman img {
		height: 480px;
	}
}

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

	.SupermanBanner .fw-margins,
	.SupermanBanner .SupermanBanner-superman img {
		height: 340px;
	}
}

@media screen and (max-width:840px) {
	.SupermanBanner {
		text-align: center;
		overflow: hidden;
	}

	.SupermanBanner .fw-margins,
	.SupermanBanner .SupermanBanner-superman img {
		height: 700px;
	}

	.SupermanBanner:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 300px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
		/* IE6-9 */
	}

	.SupermanBanner .SupermanBanner-superman {
		width: 800px;
		right: 50%;
		margin: 0px -400px 0px 0px;
	}

	.SupermanBanner .fw-margins {
		display: table;
	}

	.SupermanBanner .fw-padding {
		display: table-cell;
		vertical-align: bottom;
	}

	.SupermanBanner .SupermanBanner-text {
		padding: 0px 0px 40px 0px;
	}

	.SupermanBanner .SupermanBanner-text span {
		display: inline;
		color: #FFFFFF;
		text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
	}
}

@media screen and (max-width:640px) {
	.SupermanBanner .SupermanBanner-text {
		font-size: 36px;
		font-weight: 700;
	}
}



/** TRUSTPILOT **/
.TrustpilotBar {
	text-align: center;
	padding: 20px 0px;
}

.TrustpilotBar h2 {
	font-size: 2em;
	text-transform: uppercase;
	font-weight: 600;
	color: #D52B1E;
	margin: 0px 0px 10px 0px;
}

.TrustpilotBar .trustpilot-widget,
.TrustpilotBar .Btn--reviews {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
}

.TrustpilotBar .TrustpilotBar-btn {
	display: inline-block;
	vertical-align: middle;
	margin: 10px 20px;
}

.TrustpilotBar .TrustpilotBar-btn img {
	display: block;
	width: auto;
	height: 60px;
}

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

	.TrustpilotBar .trustpilot-widget,
	.TrustpilotBar .Btn--reviews,
	.TrustpilotBar a.Btn,
	.TrustpilotBar a.btn,
	.TrustpilotBar .btn {
		display: block;
		margin: 5px 0px;
	}
}



/** RECENT **/
.recent-properties {
	position: relative;
}

.recent-properties.recent-transactions {
	background-color: #EFEFEF;
}

.recent-properties h2 {
	font-size: 2em;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
}

.recent-properties .recent-property {
	display: inline-block;
	width: 24%;
	vertical-align: top;
}

.recent-properties .recent-property a {
	position: relative;
	display: block;
	padding: 5px;
	margin: 10px;
}

.recent-properties .recent-property .status-banner {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 139px;
	height: 139px;
	z-index: 2;
}

.recent-properties .recent-property.status-forSale .status-banner,
.recent-properties .recent-property.status-toLet .status-banner {
	display: none;
}

.recent-properties .recent-property .image {
	display: block;
}

.recent-properties .recent-property .recent-details {
	display: block;
	padding: 10px 0px;
	font-size: 1.1em;
}

.recent-properties .recent-property .address .addr-line1 {
	display: block;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: 600;
}

.recent-properties .recent-property .price-wrapper .price {
	display: block;
	margin: 10px 0px;
}

.recent-properties .recent-property .price-wrapper .price-value {
	font-size: 1.1em;
	font-weight: 600;
}

.recent-properties {
	background: #FFFFFF;
}

.recent-properties h2 {
	color: #D52B1E;
}

.recent-properties .recent-property a {
	background: transparent;
}

.recent-properties .recent-property a:hover {
	background: #EFEFEF;
}

.recent-properties.recent-rentals .recent-property a:hover {
	background: #CCCCCC;
}

.recent-properties .recent-property .image {
	border: 5px solid #EFEFEF;
}

.recent-properties .recent-property .address,
.recent-properties .recent-property .brief,
.recent-properties .recent-property .price-wrapper .price-offers,
.recent-properties .recent-property .price-wrapper .price-period {
	color: #777777;
}

.recent-properties .recent-property .address .addr-line1 {
	color: #D52B1E;
}

.recent-properties .recent-property .price-wrapper .price-value {
	color: #F69C31;
}

/** WELCOME **/
.welcome-wrapper {
	background: #D52B1E url(backgrounds/office-front-01.jpg) no-repeat 0% 0%;
	background-size: cover;
	color: #FFFFFF;
}

.welcome-wrapper .welcome-right {
	background: rgba(213, 43, 30, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99D52B1E, endColorstr=#99D52B1E);
	zoom: 1;
	padding: 100px 40px;
	margin: 0px 0px 0px 50%;
}

.welcome-wrapper .welcome-left h2 {
	font-size: 2.2em;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1em;
	margin: 0px 0px 30px 0px;
}

.welcome-wrapper .welcome-left h2 span {
	display: block;
	font-size: 0.5em;
	text-transform: uppercase;
	font-weight: 300;
	border-bottom: 1px solid #F69C31;
	padding-bottom: 20px;
}

.welcome-wrapper .welcome-left p {
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: 300;
}

.welcome-wrapper .welcome-left h2 {
	color: #F69C31;
}

.welcome-wrapper .welcome-left h2 span {
	color: #FFFFFF;
}

.orange-title {
	color: #F69C31;
	font-size: 2.2em;
	text-transform: uppercase;
	font-weight: 600;
}

.white-title {
	color: #FFFFFF;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: 300;
}

.welcome-text {
	margin-top: 40px;
	font-size: 1.4em;
	font-weight: 300;
	border-top: 2px solid #F69C31;
	max-width: 450px;
}

/** HOME SERVICES **/
.home-services {
	text-align: justify;
	padding: 30px 0px;
}

.lt-ie9 .home-services {
	text-align: center;
}

.home-services h2 {
	text-transform: uppercase;
	margin: 15px 0px 30px 0px;
	padding: 0px 0px 15px 0px;
	font-size: 2.8em;
	text-align: center;
	font-weight: 300;
}

.home-service-box {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 31%;
	text-align: left;
	margin: 0px 10px;
}

.home-service-box .hsb-padding {
	display: block;
	padding: 10px;
}

.home-service-box .text {
	display: block;
	margin: 30px 0px;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: left !important;
	font-weight: 400;
}

.home-service-box .more {
	display: inline-block;
	font-size: 1.3em;
	font-weight: 300;
	padding: 10px;
	text-align: center !important;
}

.lt-ie9 .home-services .title .lt-ie9 .home-services .text .lt-ie9 .home-services . {
	text-align: center !important;
}

.home-service-box .services-image {
	width: 100%;
	max-width: 300px;
	max-height: 150px;
}

.home-services {
	background: #FFFFFF;
}

.home-service-box {
	color: #777777;
	background: #FFFFFF;
}

.home-service-box .text {
	color: #777777;
}

.home-service-box .more {
	color: #FFFFFF;
	background: #F69C31;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.2em;
	width: 98%;
	text-align: center;
}

.home-service-box:hover .more {
	color: #FFFFFF;
	background: #D52B1E;
}

.cms-wrapper .news-content .btn {
	margin-bottom: 10px;
}

/** RESPONISVE **/
@media screen and (max-width:980px) {
	.home-service-box {
		width: 30%;
	}
}

@media screen and (max-width:860px) {
	.welcome-wrapper .welcome-right {
		margin: 0px 0px 0px 40%;
	}
}

@media screen and (max-width:800px) {
	.recent-properties .recent-property a {
		margin: 0px;
	}

	.home-service-box .services-image {
		display: block;
		width: 90%;
		margin: 0px auto;
	}
}

@media screen and (max-width:760px) {
	.featured-property-slider {
		display: none !important;
	}

	.welcome-wrapper .welcome-right {
		border-top: 2px solid #FFFFFF;
		margin: 0px 0px 0px 0%;
		background: #D52B1E;
		zoom: 1;
	}
}

@media screen and (max-width:730px) {
	.home-service-box {
		display: block;
		width: 100%;
		margin: 20px 0px;
		text-align: center;
	}

	.home-service-box .text {
		text-align: center !important;
	}

	.home-service-box-pink {
		margin: 30px 0px;
	}

	.home-service-box .more {
		display: block;
		max-width: 190px;
		margin: 0px auto;
	}
}

@media screen and (max-width:660px) {
	.recent-properties .recent-property {
		width: 49%;
	}

	.recent-property.recent-03 {
		display: none;
	}

	.home-service-box .hsb-padding {
		padding: 0px;
	}
}

@media screen and (max-width:540px) {
	.recent-properties h2 {
		font-size: 1.4em;
	}
}

@media screen and (max-width:480px) {
	.section-padding {
		padding: 40px 0px;
	}

	.welcome-wrapper .welcome-right {
		padding: 50px 20px;
	}
}

@media screen and (max-width:460px) {
	.recent-properties h2 {
		text-align: center;
		margin: 0px 0px 20px 0px;
	}
}

@media screen and (max-width:420px) {
	.recent-properties .recent-property {
		width: 100%;
	}
}



/** HERO **/
.HeroSlider {
	position: relative;
	text-align: center;
}

.HeroSlider .HeroSlider-content {
	margin: 0px auto;
	max-width: 999px;
}

.HeroSlider .HeroSlider-spacing {
	padding: 20% 20px;
}

.HeroSlider .HeroSlider-ele {
	position: relative;
	z-index: 5;
}

.HeroSlider .HeroSlider-logo {
	display: block;
	margin: 0px auto 40px auto;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.8);
	max-width: 340px;
}

.HeroSlider .HeroSlider-logo img {
	display: block;
	width: 100%;
	height: auto;
}

.HeroSlider .HeroSlider-title {
	color: #FFFFFF;
	font-size: 1.3em;
}

.HeroSlider .HeroSlider-buttons .Btn {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 10px 10px 0px;
}

.HeroSlider .HeroSlider-listingDetails {
	display: inline-block;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px dashed #FFFFFF;
}

.HeroSlider .HeroSlider-listing:not(.HeroSlider-listingActive) {
	display: none;
}

.HeroSlider .HeroSlider-addressAddress,
.HeroSlider .HeroSlider-addressPrice {
	display: inline;
	color: #FFFFFF;
}

.HeroSlider .HeroSlider-addressPrice {
	font-weight: bold;
}

.HeroSlider .HeroSlider-addressLink {
	color: #FFFFFF;
	text-decoration: none;
}

.HeroSlider .HeroSlider-addressLink:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.HeroSlider .HeroSlider-listingImage {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.HeroSlider:after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 640px) {
	.HeroSlider .HeroSlider-buttons .Btn {
		display: block;
		margin: 5px 0px;
	}
}



/** MORTGAGE BANNER **/
.MortgageBanner {
	background-color: #FFFFFF;
	text-align: center;
	padding: 40px 0px;
	font-size: 16px;
}

.MortgageBanner .fw-margins {
	max-width: 800px;
}

.MortgageBanner .MortgageBanner-logo {
	display: block;
	margin: 0px auto 40px auto;
	max-width: 380px;
}

.MortgageBanner .MortgageBanner-logo img {
	display: block;
	width: 100%;
}

.MortgageBanner .MortgageBanner-buttons .btn {
	display: inline-block;
	vertical-align: middle;
	margin: 10px 5px;
	width: 120px;
}