html {
background:#EAEAEA;
}
body {
font-family: 'Roboto', sans-serif;
background:#F5F5F5;
}
.container {
max-width:1600px;
}
img {
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
}
p {
font-weight:300;
}
h1, h2, h3, h4, h5 {
font-family: 'Questrial', sans-serif;
}
h2 {
}
h3 {
font-size:1.5em;
color:#000;
}
h4 {
font-size:1.4em;
}
h5 {
font-size:1.4em;
}
.table > thead > tr > th {
font-weight:500;
font-size:1rem;
color:#FFF;
padding:12px 20px;
}
thead {
background:#5C5F64;
border:1px solid #5C5F64;
}
.table > tbody > tr > td {
padding:10px 15px;
font-weight:300;
}
.table > tbody {
border-left:1px solid #DEE2E6;
border-right:1px solid #DEE2E6;
}
.table > tbody > tr > td.table-price {
background:#5C5F64;
color:#FFF;
font-weight:500;
font-size:1rem;
padding:12px 15px;
}
.fee-table tr td {
padding:15px;
color:#FFF;
background:#5C5F64;
border-bottom:1px solid #FFF;
}
.fee-table tr td strong {
font-weight:500;
}
select, .form-control, .nav-link, .btn, .modal-content, .navbar-toggler, .leaflet-popup-content-wrapper {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.form-select, .form-control {
padding-top:8px;
padding-bottom:8px;
color:#666;
font-weight:200;
}
.no-border {
border:none;
}
.btn {
border:none;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.p-5 {
padding:30px !important;
}
.ps-5 {
padding-left:30px !important;
}
.pe-5 {
padding-right:30px !important;
}
.pt-5 {
padding-top:30px !important;
}
.pb-5 {
padding-bottom:30px !important;
}
.p-6 {
padding:35px;
}
.error {
color:#C00;
}
p.error {
margin:0;
padding:20px 0 0 0;
}
ol.error {
list-style-type:none;
margin:0;
padding:20px 0 0 0;
color:#C00;
}
/*---------------------- Custom colours -----------------------*/
h1 {
}
a {
color:#D7B255;
}
a:hover {
color:#C79A3F;
}
/* Icons */
i {
color:#D7B255;
}
#valuation-form i, #register-form i {
}
#valuation-form .letting-icon, #register-form .rent-icon {
color:#333333;
}
.btn i {
color:#fff;
}
#home-text-box .btn i {
}
.search-result i {
color:#D7B255;
}
.fa-chevron-left, .fa-chevron-right {
color:#CCC;
}
#register-box-container .btn i {
color:#fff;
}
/* Buttons */
.btn-primary, .btn-primary:focus,.btn-primary:not(.disabled):active:focus {
background:#D7B255;
border-color:#000;
}
.btn-check:focus+.btn-primary,.btn-primary:focus {
box-shadow:0 0 0 .25rem #CCC
}
.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus {
box-shadow:0 0 0 .25rem #CCC
}
.btn-primary.disabled,.btn-primary:disabled {
color:#fff;
background-color:#CCC;
border-color:#CCC
}
.btn-primary:hover {
background:#DBBB66;
}
.form-check-input:focus {
border-color:#666;
outline:0;
box-shadow:0 0 0 .25rem rgba(0,0,0,.15)
}
.form-check-input:checked {
background-color:#D7B255;
border-color:#D7B255;
}
.form-select:focus, .form-control:focus {
box-shadow:0 0 0 .25rem rgba(0,0,0,0.1);
border-color:rgba(0,0,0,0.1);
}
.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus {
box-shadow:0 0 0 .25rem #CCC
}
.btn-check:focus+.btn-primary,.btn-primary:focus {
box-shadow:0 0 0 .25rem #CCC
}
.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus {
box-shadow:0 0 0 .25rem #CCC
}
.btn-primary.disabled,.btn-primary:disabled {
color:#fff;
background-color:#CCC;
border-color:#CCC
}
.form-check-input:focus {
border-color:#666;
outline:0;
box-shadow:0 0 0 .25rem rgba(0,0,0,.10)
}
.btn-text {
}
.btn-text i {
color:#D7B255;
}
/* General */
#page-tabs .nav-link.active {
border-bottom:4px solid #D7B255;
color:#000;
}
#page-image, #page-image-results {
background:#000;
}
.heading-border {
height:3px;
background:#D7B255;
width:80px;
}
/* Menu/header */
header {
background:#000;
}
#contact-bar {
font-size:0.85rem;
font-weight:300;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+36,e1e4ec+100&0+0,1+100 */
background: linear-gradient(to right, rgba(255,255,255,0) 20%,rgba(225,225,225,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#contact-details {
padding:12px 0px;
}
#contact-bar a {
text-decoration:none;
color:#FFF;
}
#header {
/*border-bottom:15px solid #D7B255;*/
}
.navbar {
background:none;
}
.navbar-nav .nav-link {
color:#FFF;
}
.navbar-nav a:hover {
color:#D7B255;
}
.navbar-nav a.active {
color:#D7B255;
}
.navbar-nav a.home-link {
background:none;
border-bottom:none;
}
.home-link i {
font-size:20px;
}
.navbar-nav a.highlight {
background:#D7B255;
color:#fff;
margin-left:10px;
border-bottom:none;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.navbar-nav a.highlight:hover {
background:#D0AC62;
color:#fff;
border-bottom:none;
}
.dropdown-menu {
padding:0;
border:0;
border-radius:0;
margin-top:0;
background:rgba(0, 0, 0, 0.6);
}
.dropdown-menu > li > a {
padding:10px 15px;
font-size:0.8rem;
color:#FFF;
border:none;
}
.dropdown-menu > li > a:hover {
border:none;
background:none;
}
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus {
background:none;
border:none;
}
.dropdown-toggle::after {
transition: transform 0.15s linear;
}
.show.dropdown .dropdown-toggle::after {
transform: translateY(3px);
}
/* Mobile menu */
.navbar-toggler {
background:#000;
}
.navbar-toggler i.fa-bars {
color:#D7B255;
}
/* End of mobile menu */
/* Footer */
.footer {
background:#000;
/*border-top:1px solid #EAEAEA;*/
}
/* Home page slider */
#slideshow-container {
}
#slideshow-search {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width:100%;
max-width: 800px;
z-index:2000;
}
#slideshow-search h1 {
color:#FFF;
text-shadow: 1px 1px 3px #333;
}
#slideshow-search .tab-content {
/*background:#E9E7E7;*/
/*background-color: rgba(0, 0, 0, 0.35);*/
}
/* Home page search */
#search-tabs .nav-link {
background:#FFF;
color:#333;
font-size:0.85rem;
width:80px;
padding:12px 0;
font-weight:400;
}
#search-tabs .nav-link:hover {
background:#EBEBEB;
}
#search-tabs .nav-link.active {
background:#D7B255;
color:#fff;
}
/* Home page slideshow search */
#search-tabs-slider {
border-bottom:none;
}
#search-tabs-slider .nav-link {
background:none;
color:#FFF;
font-size:1rem;
width:80px;
padding:11px 0;
font-weight:400;
border:none;
}
#search-tabs-slider .nav-link:hover {
/*background:#EBEBEB;*/
}
#search-tabs-slider .nav-link.active {
/*background:#D7B255;*/
color:#fff;
border-bottom:2px solid #FFF;
}
/* Home text box */
#home-text-container {
position:relative;
width:100%;
height:100%;
}
#home-text-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width:85%;
z-index:20000;
}
/* Featured properties */
.featured-property-details {
border-left:5px solid #D7B255;
}
.featured-property-label {
background:#000;
}
.featured-property-price {
color:#fff;
}
/*
.service-icons-container {
background:#000;
}
.service-icons-container i {
color:#fff;
}*/
/* Search results */
#search-bar-container {
/*background:#F5F5F5;*/
/*background:#FFF;*/
}
#search-bar {
color:#333;
padding:20px 0;
}
.search-bar-field {
/*border-right:1px solid #DFDFDF;*/
}
#search-bar input.area-field, #search-bar select {
border:none;
padding:12px 15px;
color:#666;
font-weight:200;
}
#search-options select {
border:none;
padding:12px 35px 12px 15px;
color:#666;
font-weight:200;
}
#search-bar .btn-primary {
padding:11px 10px;
width:100%;
font-size:0.9rem;
text-transform:none;
background:#000;
}
#search-bar .btn-primary:hover {
background:#333;
}
a#refine-button {
background:#D7B255;
color:#fff;
}
#search-results-view a {
color:#333;
}
#search-results-view a:hover {
/* background:#EAF0FF;*/
}
#search-results-view a.active {
background:#E6E6E6
}
#search-results-view a.active .fas, #search-results-view a:hover .fas {
/*color:#C977DD;*/
}
.search-result:hover, .map-list-item:hover {
background: #FBF8F0;
}
.image-overlay {
background: rgba(0,0,0,0.2);
}
.page-item .page-link {
color:#333;
}
.page-item.active .page-link {
background-color: #D7B255;
border-color: #D7B255;
}
/* End of search results */
/* Map search results */
.map-list-item {
background:#fff;
border-right:5px solid #D7B255;
}
/* Particulars */
#particulars-top-left {
position:relative;
}
.status-label-particulars {
font-size:1rem;
display:inline-block;
padding:5px 15px;
background:#C00;
color:#fff;
}
#particulars-top-right {
background:#D7B255;
display: flex;
justify-content: center;
align-items: center;
}
#particulars-viewing-box {
/*background:#D7B255;*/
background:#FFF;
}
#particulars-top-right .btn-primary, #particulars-viewing-box .btn-primary {
border:none;
background:#000;
}
#particulars-top-right .btn-primary:hover, #particulars-viewing-box .btn-primary:hover {
background:#333;
}
#particulars-top-right .btn-primary i, #particulars-viewing-box .btn-primary i {
color:#FFF;
}
#particulars-top-right h1, #particulars-address, #particulars-price, #particulars-features {
color:#fff;
}
#particulars-viewing-box {
}
#slideshow .sp-selected-thumbnail {
border: 4px solid #D7B255;
}
.sp-buttons {
position: relative;
width: 100%;
text-align: center;
padding-top: 20px;
padding-bottom:20px;
}
.sp-button {
width:13px;
height:13px;
border:none;
background-color:#CCCCCC;
border-radius:50%;
margin:4px;
display:inline-block;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
cursor:pointer
}
.sp-selected-button {
background-color:#D7B255;
}
#particulars-contact-box h4 {
border-bottom:3px solid #D7B255;
width:80%;
}
#particulars-contact-box a {
color:#333;
}
#particulars-contact-box a:hover {
color:#000;
}
/*
#particulars-viewing-box h5 {
border-bottom:2px dotted #fff;
}*/
#particulars-viewing-box h5 {
border-bottom:3px solid #D7B255;
width:80%;
}
#features-list {
margin:0px 5px 20px 5px;;
padding:0;
list-style-position:inside;
font-size:0.95rem;
font-weight:300;
}
#features-list li {
width:50%;
float:left;
margin:0 0 6px 0;
color:#D7B255;
}
#features-list li span {
color:#000;
}
/* Valuation/Register pages */
.rent-icon, .letting-icon {
color:#D7B255;
}
/* Services pages */
.services-list {
color:#D7B255;
margin:0 0 0 20px;
padding:0 0 0 0;
list-style-position:outside;
}
.services-ordered-list {
margin:10px 0 35px 20px;
padding:0 0 0 0;
list-style-position:outside;
font-weight:300;
}
.services-ordered-list li {
margin-bottom:13px;
}
.services-ordered-list li strong {
font-weight:400;
}
.services-list li span, .services-list li span a {
color:#333;
}
/*--------------- End of custom colours ---------------*/
/* ------------ Header/menu ---------------- */
#logo {
height:85px;
position:absolute;
top:-34px;
left:0px;
z-index:1000;
}
/* applies to GIF and PNG images; avoids blurry edges */
img[src$=".png"] {
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
}
#header {
}
.navbar {
padding:0;
/*text-transform:uppercase;*/
font-size:0.9rem;
font-weight:400;
text-transform:uppercase;
}
.navbar-nav .nav-link {
padding:13px 22px !important;
margin:0 5px 3px 5px;
}
.navbar-toggler {
margin:10px 10px;
}
/*-------------- General --------------------*/
#page-image {
height:auto;
max-height:400px;
overflow:hidden;
position:relative;
}
#page-image-results {
height:auto;
max-height:300px;
overflow:hidden;
position:relative;
}
#page-image img {
opacity:0.75;
}
#page-image-results img {
opacity:0.70;
}
#page-image-heading {
position:absolute;
z-index:10;
top:70%;
width:100%;
}
#page-image-results #page-image-heading {
top:60%;
}
#page-image-heading h1 {
color:#fff;
font-size:3.5em;
text-shadow: 1px 1px 3px #333;
/*font-weight:400;*/
}
#page-tabs {
border-bottom:none;
}
#page-tabs .nav-link {
padding:25px 30px;
border:none;
font-size:1rem;
}
.btn-primary {
text-transform:uppercase;
font-size:0.9rem;
padding:13px 25px;
}
.btn-primary i {
color:#fff;
}
/*------------- Home page -------------------*/
.carousel-boxes-container {
margin-top:-140px;
position:relative;
z-index:1000000000;
}
#home-top-right {
background: url('../images/home-box-bg.png') center bottom no-repeat #D7B255;
height:100%;
}
#home-top-right h2 {
color:#fff;
}
#home-top-right p {
color:#fff;
}
#home-top-right .btn-primary {
background:#fff;
color:#C49739;
text-transform:uppercase;
font-size:0.9rem;
}
#home-top-right .btn-primary:hover {
background:#FBF8F0;
color:#C49739;
}
#home-top-right .btn-primary i {
color:#D7B255;
}
#home-text-box-container, #text-box-container {
position:absolute;
width:60%;
right:0px;
top:0px;
height:100%;
}
#text-box h2 {
}
#home-text-box, #text-box {
/*box-shadow: 0px 1px 2px #DADADA;*/
width:100%;
box-shadow: 0px 0px 85px #E1E1E1;
}
#home-text-box h1 {
font-size:2rem;
}
#home-text-box p, #text-box p {
font-size:1rem;
color:#333;
line-height:1.6rem;
}
#home-text-box .btn, #text-box .btn {
/*box-shadow: none;*/
font-size:0.95em;
font-weight:300;
padding:12px 22px;
}
#ratings-box {
display:inline-block;
margin:0 auto;
padding:10px 20px;
background:#F7F0E1;
}
#ratings-box {
text-decoration:none;
color:#333;
font-size:0.9rem;
}
#ratings-box:hover {
opacity:0.9;
}
#button-bar, #button-bar-2 {
background:#003AC2;
color:#FFF;
}
#button-bar-2 .service-box {
padding:25px 0 20px 0;
}
#button-bar a, #button-bar-2 a {
text-decoration:none;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#button-bar a:hover, #button-bar-2 a:hover {
opacity: 0.8;
}
#button-bar h2 {
font-size:1.4rem;
color:#FFF;
}
#button-bar-2 h2 {
font-size:1.3rem;
color:#FFF;
}
#button-bar p, #button-bar-2 p {
color:#FFF;
opacity:0.7;
font-size:95%;
}
#button-bar .container {
}
#button-bar i {
float:left;
font-size:60px;
margin-right:20px;
color:#FFF;
opacity:0.7;
}
#button-bar-2 i {
font-size:45px;
color:#FFF;
opacity:0.7;
}
.icon-container {
display:inline-block;
float:left;
width:100px;
}
.gradient {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+98&0+1,0.65+99 */
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.10) 98%, rgba(0,0,0,0.11) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.10) 98%,rgba(0,0,0,0.11) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.10) 98%,rgba(0,0,0,0.11) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */
}
/* Home search */
#home-search select, #home-search input {
font-size:0.9rem;
}
#search-tabs {
border-bottom:none;
}
#home-search-content {
box-shadow: 1px 1px 2px #999;
}
#search-tabs .nav-link {
border:none;
}
#home-search-content .btn {
width:100%;
text-align:center;
border:1px solid #fff;
}
/* Featured properties */
/*
#featured-properties-header {
background:#000;
}
#featured-properties-header img {
opacity: 0.6;
}
#featured-properties-container {
background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 47%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 47%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 47%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
#featured-properties {
margin:-380px 0 50px 0;
}
#featured-properties h2 {
color:#FFF;
}
#featured-properties .container {
position:relative;
}
#featured-properties a {
text-decoration:none;
}
.bi-houses {
font-size:50px;
color:#fff;
}
.featured-property-container {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.featured-image-container {
position:relative;
margin:10px;
}
.featured-property-container:hover {
opacity: 0.7;
}
.featured-image-container img {
max-height:310px;
}
.featured-address {
color:#333;
text-decoration:none;
font-size:1.3rem;
}
.featured-type {
color:#666;
text-decoration:none;
font-size:1rem;
}
.featured-description {
font-size:0.85rem;
color:#999;
}
.featured-button .btn {
font-size:0.7rem;
}
.featured-property-label {
position:absolute;
top:0px;
left:0px;
display:inline-block;
z-index:1000;
padding:7px 15px 7px 15px;
font-size:0.8em;
color:#fff;
}
.featured-price-container {
position:absolute;
bottom:0px;
left:0px;
z-index:1000;
width:100%;
text-align:center;
}
.featured-price {
background-color: rgba(0, 0, 0, 0.6);
display:inline-block;
padding:7px 20px 7px 20px;
font-size:0.9em;
color:#fff;
font-size:1.3em;
}
.featured-property-price {
padding:15px 0 15px 0;
font-weight:400;
font-size:1.3em;
}
img.featured-image {
width:100%;
}
.prev {
position:absolute;
top:25%;
left:40px;
z-index:1000000;
font-size:40px;
color:#FFF;
cursor:pointer;
}
.next {
position:absolute;
top:25%;
right:40px;
z-index:1000000;
font-size:40px;
color:#FFF;
cursor:pointer;
}
.prev:hover, .next:hover {
color:#999;
}
.fa-circle-chevron-left {
color:#FFF;
}
.fa-circle-chevron-right {
color:#FFF;
}
*/
/*
@media (max-width: 1399px) {
.featured-property img {max-height:240px;}
#featured-properties .container {max-width:1185px;}
.prev {left:30px;color:#fff;}
.next {right:30px;color:#fff;}
.prev:hover, .next:hover {color:#ccc;}
}
@media (max-width: 1199px) {
.featured-property img {max-height:200px;}
#featured-properties .container {max-width:1005px;}
#award {
width:100%;
max-width:78px;
top:127px;
}
}
@media (max-width: 991px) {
.featured-property img {max-height:225px;}
#featured-properties .container {max-width:760px;}
}
@media (max-width: 767px) {
.featured-property {margin:0;}
.featured-property img {max-height:330px;}
#featured-properties .container {max-width:560px;}
#award {
width:45px;
position:absolute;
top:125px;
right:20px;
z-index:10;
}
}
@media (max-width: 500px) {
.featured-property img {max-height:270px;}
}
@media (max-width: 400px) {
.featured-property img {max-height:190px;}
}*/
#featured-properties {
margin:30px 0 30px 0;
}
#featured-properties .container {
position:relative;
}
.featured-property {
position:relative;
margin:10px;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.featured-property img {
max-height:320px;
}
.featured-property:hover {
opacity: 0.6;
}
.featured-property-label {
position:absolute;
top:0px;
left:0px;
display:inline-block;
z-index:1000;
padding:7px 15px 7px 15px;
font-size:0.8em;
color:#fff;
}
.featured-property-details {
position:absolute;
bottom:0px;
left:0px;
background-color: rgba(0, 0, 0, 0.6);
display:inline-block;
z-index:1000;
padding:7px 15px 7px 15px;
font-size:0.9em;
font-weight:300;
color:#fff;
}
.featured-property-price {
padding:15px 0 15px 0;
font-weight:400;
font-size:1.1em;
/*font-family: Georgia, "Times New Roman", Times, serif;*/
}
img.featured-image {
width:100%;
}
.prev {
position:absolute;
top:38%;
left:-20px;
z-index:1000000;
font-size:40px;
color:#ccc;
cursor:pointer;
}
.next {
position:absolute;
top:38%;
right:-20px;
z-index:1000000;
font-size:40px;
color:#ccc;
cursor:pointer;
}
.prev:hover, .next:hover {
color:#999;
}
@media (max-width: 1500px) {
.featured-property img {max-height:290px;}
/*#featured-properties .container {max-width:1530px;}*/
}
@media (max-width: 1399px) {
.featured-property img {max-height:260px;}
#featured-properties .container {max-width:1185px;}
.prev {left:30px;color:#fff;}
.next {right:30px;color:#fff;}
.prev:hover, .next:hover {color:#ccc;}
}
@media (max-width: 1199px) {
.featured-property img {max-height:230px;}
#featured-properties .container {max-width:1005px;}
}
@media (max-width: 991px) {
.featured-property img {max-height:265px;}
#featured-properties .container {max-width:760px;}
}
@media (max-width: 767px) {
.featured-property {margin:0;}
.featured-property img {max-height:330px;}
#featured-properties .container {max-width:560px;}
}
@media (max-width: 500px) {
.featured-property img {max-height:270px;}
}
@media (max-width: 400px) {
.featured-property img {max-height:190px;}
}
/* Register box */
#register-box-container {
box-shadow: 0px 0px 25px #BCBCBC;
padding:40px 0 350px 0;
background: url('../images/register-box-bg.jpg') center bottom no-repeat;
background-size: cover;
}
#register-box-container h2 {
color:#fff;
font-size:2.3rem;
}
#register-box-container p {
color:#fff;
/*font-size:1.3rem;*/
}
/*#register-box-container a.btn-primary {
background:rgba(255,255,255,0.28);
}
#register-box-container a:hover.btn-primary {
background:rgba(255,255,255,0.4);
}*/
#register-box-container a.btn-primary i {
color:#FFF;
}
/* Service icons */
.service-icons-container {
text-align:center;
padding:20px 0 20px 0;
margin:0 0 50px 0;
}
.service-icon {
height:140px;
}
.service-icons-container i {
font-size:7rem;
line-height:10rem;
}
.service-icons-container i.bi-columns, .service-icons-container i.bi-pie-chart, .service-icons-container i.bi-door-open {
font-size:6rem;
line-height:10rem;
}
.service-icons-container p {
color:#fff;
font-size:1.1rem;
}
/* Contact box */
#contact-box {
/*box-shadow: 0px 0px 45px #E1E1E1;*/
margin-bottom:40px;
margin-top:40px;
}
#contact-box-right {
height:100%;
}
#contact-box #map {
height:410px;
}
.myDivIcon {
text-align: center; /* Horizontally center the text (icon) */
line-height: 20px; /* Vertically center the text (icon) */
}
#contact-box p {
font-size:0.95rem;
}
#contact-box p a {
text-decoration:none;
color:#333;
}
#contact-box p a:hover {
color:#666;
}
#contact-box .btn-primary {
font-size:0.8rem;
}
/*------------- Search results -----------------*/
#search-bar form {
font-size:0.9rem;
}
#search-options h1 {
font-size:1.2rem;
}
#search-results-view {
border-bottom:0;
}
#search-results-view a {
border:none;
}
#search-results-view a.active {
border:none;
}
a#refine-button {
text-decoration:none;
display:inline-block;
cursor:pointer;
display:none;
}
.search-result {
/*box-shadow: 0px 1px 2px #DADADA;*/
background:#fff;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
box-shadow: 0px 0 15px #E8E8E8;
}
.search-result-image {
position:relative;
}
.image-overlay {
position:absolute;
z-index:10;
width:100%;
height:100%;
left:0px;
top:0px;
display:inline-block;
vertical-align:middle;
opacity:0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.image-overlay i {
margin-top:30%;
color:#fff;
}
.image-overlay:hover {
opacity:1.0;
}
.search-result a {
text-decoration:none;
}
.search-result i {
font-size:1.5rem;
}
.search-result-image {
width:100%;
height:320px;
text-align:center;
position:relative;
}
.status-label {
position:absolute;
z-index:1000;
font-size:0.9rem;
top:0px;
right:0px;
display:block;
padding:5px 15px;
background:#C00;
color:#fff;
}
.search-result-details {
font-size:0.9rem;
margin-bottom:8px;
color: #666;
text-decoration:none;
}
.search-result-details .btn-primary {
font-size:0.7em;
padding:6px 15px;
}
.search-result-details i {
font-size:14px;
}
.search-result-price {
font-size:1.1rem;
font-weight:500;
color:#333;
text-decoration:none;
}
.price-qualifier {
font-size:70%;
}
.search-result-details .material-symbols-outlined {
color:#666;
}
.search-result-details .material-symbols-outlined {
font-size:1.4em;
}
.search-result-details .bathrooms-icon {
vertical-align: bottom;
}
.search-result-details .bedrooms-icon {
vertical-align: bottom;
}
.search-result-details .type-icon {
vertical-align:top;
}
/* Pagination */
.page-item .page-link {
}
.page-item.active .page-link {
}
/* Map results */
#search-results #map {
height:685px;
box-shadow: 0px 1px 2px #DADADA;
background: url('../images/preloader.gif') center no-repeat;
}
/* Leaflet map */
.leaflet-popup-tip {
background: #FFF;
padding-top:0;
}
#search-results #map .leaflet-popup-content-wrapper {
background: #FFF;
color: #ffffff;
padding:5px 0 0px 0;
height:130px;
width:350px;
margin-bottom:0;
position:relative;
}
.popup-photo {
width:180px;
position:absolute;
top:10px;
left:10px;
}
.popup-details {
width:150px;
position:absolute;
top:10px;
left:180px;
font-family: Arial, Helvetica, sans-serif;
}
.popup-type {
color:#333;
font-weight:600;
padding:4px 0 4px 0;
font-size:1em;
border-bottom:2px dotted #E4E4E4;
}
.popup-address {
color:#333;
font-weight:500;
padding:4px 0 4px 0;
font-size:1em;
border-bottom:2px dotted #E4E4E4;
}
.popup-price {
color:#333;
font-weight:600;
padding:3px 0 3px 0;
font-size:1.2em;
}
.popup-button a.btn {
position:absolute;
bottom:0px;
right:0px;
color:#fff;
padding:8px 10px;
font-size:0.8em;
}
.popup-price-qualifier {
font-size:0.8em;
}
a.openpopuplink {
text-decoration:none;
}
.map-list-type {
font-size:0.8rem;
color:#333;
}
.map-list-price {
font-size:0.8rem;
font-weight:500;
color:#333;
}
/* End of leaflet map results */
/*-------------- End of search results ----------------*/
/* Particulars */
#particulars-container {
padding-top:30px;
}
.particulars-type {
font-size:1em;
color:#333;
margin-bottom:13px;
background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
padding:10px 0;
}
.particulars-type .material-symbols-outlined {
font-size:22px;
color:#D7B255;
vertical-align:text-top;
}
.particulars-address {
color: #000;
font-size:1.05rem;
margin-bottom:10px;
font-weight:300;
}
.particulars-price {
color:#333;
font-size:1.8em;
}
#slideshow .sp-thumbnails-container {
float:left;
}
#particulars-top-right {
height:100%;
}
#particulars-top-right h1 {
/*font-weight:700;*/
font-size:1.2rem;
font-weight:500;
}
#particulars-top-right p {
font-size:0.85rem;
color:#fff;
}
#particulars-features {
font-size:1rem;
text-align:center;
/*font-family:Georgia, "Times New Roman", Times, serif;*/
font-weight:300;
width:100%;
}
ul#particulars-features {
list-style-type:none;
margin:0;
padding:0 0 0 0;
/*padding:90px 0 0 0;
background: url('../images/features-bg.png') top left no-repeat;*/
}
ul#particulars-features li {
padding-bottom:20px;
margin-bottom:10px;
background: url('../images/divider.png') bottom center no-repeat;
}
#description h2 {
font-size:1.3rem;
margin-bottom:15px;
}
#description h3 {
font-size:1.1rem;
}
#maptab #map {
height:620px;
}
#particulars-contact-box {
box-shadow: 0px 0 25px #E8E8E8;
}
#particulars-contact-box h4 {
}
#particulars-contact-box a {
text-decoration:none;
}
#particulars-viewing-box {
/*box-shadow: 0px 1px 2px #DADADA;*/
box-shadow: 0px 0 25px #E8E8E8;
}
#particulars-viewing-box h5 {
}
#share-icons i {
font-size:20px;
}
i.fa-facebook {
color:#45619D;
}
i.fa-twitter {
color:#1CA1F3;
}
i.fa-instagram {
color:#CC3366;
}
.footer i.fa-facebook, #contact-details i.fa-facebook, .footer i.fa-instagram, #contact-details i.fa-instagram {
/*color:#45619D;*/
color:#FFFF;
opacity:0.7;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.footer i.fa-facebook:hover, #contact-details i.fa-facebook:hover, .footer i.fa-instagram:hover, #contact-details i.fa-instagram:hover {
opacity:1.0;
}
/*------- Valuation page --------*/
.form-icon {
font-size:55px;
}
/*------- Register page ----------*/
#buying-requirements {
/*display:block;*/
display:none;
}
#renting-requirements {
display:none;
}
/*------- Services pages -----------*/
.services-list li {
font-weight:300;
margin-bottom:10px;
}
.services-list li strong {
font-weight:500;
}
/*-------- Privacy Policy -------------*/
#privacy-policy ul li, #privacy-policy ol li {
font-weight:300;
}
#privacy-policy ul li ul, #privacy-policy ol li ul {
font-weight:300;
}
/*------- Testimonials page ------------*/
/* Testimonials */
.testimonial-grey {
background:#848D8E;
padding:15px 0;
margin:20px 0 20px 0;
}
.testimonial-blue {
background:#EAF0FF;
padding:15px 0;
margin:20px 0 20px 0;
}
.testimonial-yellow {
background:#F7F0E1;
padding:15px 0;
margin:20px 0 20px 0;
}
.testimonial-grey h2 {
color:#fff;
}
.testimonial-grey .testimonial-text p {
color:#fff;
}
.testimonial-text h2 {
font-size:1.3em;
margin-bottom:20px;
}
.testimonial-white {
padding:5px 0;
margin:20px 0 20px 0;
background:#FFF;
}
.testimonial-content {
margin:40px auto;
max-width:1550px;
padding:0 20px;
position:relative;
}
.open-quote-grey {
position:absolute;
width:131px;
height:106px;
top:0px;
left:0px;
z-index:10;
background: url('../images/open-quote-white.png') left top no-repeat;
}
.close-quote-grey {
position:absolute;
width:131px;
height:106px;
bottom:0px;
right:0px;
z-index:10;
background: url('../images/close-quote-white.png') left top no-repeat;
}
.open-quote-white {
position:absolute;
width:131px;
height:106px;
top:0px;
left:0px;
z-index:10;
background: url('../images/open-quote-grey.png') left top no-repeat;
}
.close-quote-white {
position:absolute;
width:131px;
height:106px;
bottom:0px;
right:0px;
z-index:10;
background: url('../images/close-quote-grey.png') left top no-repeat;
}
.testimonial-text {
z-index:20;
}
.testimonial-text p {
font-size:1.2em;
color:#333;
font-style:italic;
}
.name {
font-weight:700;
font-style:normal;
font-size:0.9em;
}
/*----- Team ------*/
/* Team page */
.pink-team-box {
background:#D7B255;
margin-bottom:20px;
padding-bottom:15px;
}
.pic {
}
.grey-team-box {
background:#848D8E;
margin-bottom:30px;
padding-bottom:15px;
}
.pink-team-box h2, .grey-team-box h2 {
color:#fff;
margin:0;
padding:0;
font-size:1.2em;
padding:15px 15px 4px 15px;
font-weight:400;
}
.pink-team-box h3, .grey-team-box h3 {
color:#fff;
margin:0;
padding:0;
font-size:0.8em;
padding:0px 15px;
font-family: 'Roboto', sans-serif;
}
.pink-team-box p, .grey-team-box p {
color:#fff;
margin:0;
font-size:0.9em;
padding:20px 15px 20px 15px;
line-height:1.5em;
}
.pink-team-box a, .grey-team-box a {
color:#fff;
}
/*----- Contact page ------*/
.contact-container {
font-weight:300;
}
.contact-container #map {
height:450px;
}
.contact-container a {
text-decoration:none;
color:#333;
font-weight:400;
}
/* Contact box */
.enquiry-box {
background:#F5F5F5;
}
.contact-box {
background:#F7F5F2;
}
.contact-box {
font-weight:300;
color:#000;
}
.contact-box a {
text-decoration:none;
color:#000;
}
.contact-box a:hover {
color:#333;
}
/*------ Footer ----------*/
#footer-menu {
color:#CCC;
/*color:#CCC;*/
font-size:0.8rem;
line-height:1.8rem;
}
#footer-menu h3 {
color:#FFF;
/*color:#EEE;
text-transform:uppercase;*/
font-size:0.9rem;
font-family: 'Roboto', sans-serif;
font-weight:400;
}
#footer-menu a {
color:#CCC;
/*color:#CCC;*/
text-decoration:none;
}
#footer-menu a:hover {
color:#FFF;
/*color:#EEE;*/
}
.footer-address p {
color:#CCC;
font-weight:400;
}
#footer-menu .footer-address p a {
color:#CCC;
}
#footer-logo {
/*height:100px;*/
width:100%;
max-width:90px;
margin-bottom:13px;
}
#powered a {
text-decoration:underline;
}
#footer-strapline {
border-top:1px solid #2B2F50;
/*border-top:1px solid #666;*/
font-size:0.75rem;
color:#CCC;
/*color:#CCC;*/
}
#footer-strapline a {
text-decoration:underline;
color:#CCC;
}
.footer-address p a {
color:#CCC;
}
/* Affiliates bar */
#affiliates-container img {
margin:10px 17px;
}
@media (max-width: 1500px) {
.search-result-image {
height:290px;
}
}
@media (max-width: 1399px) {
#logo {
}
/*.navbar-nav .nav-link {
padding:12px 10px !important;
}*/
.carousel-boxes-container {
margin-top:-70px;
position:relative;
z-index:1000000000;
}
#home-text-box h1, #text-box h1 {
font-size:1.7rem;
}
/*.prev {
top:23%;
}
.next {
top:23%;
}*/
.search-result-image {
height:250px;
}
#particulars-top-right h1 {
font-size:1.2rem;
}
ul#particulars-features {
padding:40px 0 0 0;
}
ul#particulars-features li {
padding-bottom:15px;
margin-bottom:8px;
font-size:0.9rem;
}
#features-list li {
width:100%;
}
#home-text-box-container, #text-box-container {
width:75%;
}
#home-top-right h2 {
font-size:1.5rem;
}
#home-top-right p {
font-size:0.85rem;
}
.award-logo {
display:none;
}
}
@media (max-width: 1199px) {
#logo {
height:70px;
margin-top:8px;
}
.navbar-nav .nav-link {
padding:12px 14px !important;
}
/*
.navbar, .dropdown-menu > li > a {
font-size:0.9rem;
}*/
#page-image-heading {
top:60%;
}
#home-top-right h2 {
font-size:1.7rem;
}
#home-top-right p {
font-size:1rem;
}
#home-text-content {
position: relative;
padding:30px;
width:100%;
z-index:20000;
}
/*.prev {
top:26%;
}
.next {
top:26%;
}*/
#page-image-heading h1 {
font-size:3em;
}
#home-text-box h1, #text-box h1 {
font-size:1.55rem;
}
#home-text-box-container, #text-box-container {
position:absolute;
width:70%;
right:0px;
top:0px;
height:100%;
}
.search-result-image {
height:210px;
}
ul#particulars-features li {
padding-bottom:15px;
margin-bottom:8px;
font-size:0.8rem;
}
.particulars-price {
font-size:1.6em;
}
/*.prev {
top:20%;
}
.next {
top:20%;
}*/
#button-bar h2 {
font-size:1.2rem;
text-align:center;
}
#button-bar p {
text-align:center;
}
.icon-container {
width:100%;
text-align:center;
}
#button-bar i {
font-size:40px;
float:none;
}
}
@media (max-width: 991px) {
#logo {
height:60px;
margin-top:15px;
}
.navbar-nav .nav-link {
padding:12px 6px !important;
}
.navbar, .dropdown-menu > li > a {
font-size:0.8rem;
}
/*.prev {
top:25%;
}
.next {
top:25%;
}*/
/* Home slider */
.cycle-slideshow div {
}
.cycle-slideshow div img {
}
#button-bar-2 h2 {
font-size:0.9rem;
}
#button-bar-2 i {
font-size:30px;
}
/* End of home slider */
#sort-label {
display:none;
}
.carousel-boxes-container {
margin-top:0px;
}
#refine {
display:none;
}
a#refine-button {
display:block;
padding:11px 0;
}
a#refine-button i {
color:#FFF;
}
.search-result-image {
height:240px;
}
/* Map results */
#search-results #map {
height:400px;
}
#search-results #map .leaflet-popup-content-wrapper {
height:100px;
width:300px;
}
.popup-photo {
width:100px;
}
.popup-photo img {
width:100px;
height:75px;
}
.popup-details {
width:170px;
left:120px;
}
#particulars-container {
/*padding-top:70px;*/
}
#particulars-top-right h1 {
font-size:1.2rem;
}
.particulars-price {
font-size:1.4em;
}
ul#particulars-features {
list-style-type:none;
margin:0;
padding:30px 0 30px 0;
}
ul#particulars-features li {
padding-bottom:15px;
margin-bottom:5px;
font-size:0.9rem;
}
#page-image-heading {
top:60%;
}
#page-image-results #page-image-heading {
top:30%;
}
#page-image-heading h1 {
font-size:2.4em;
}
.search-bar-field {
border-right:none;
}
#search-tabs .nav-item {
width:50%;
}
#search-tabs .nav-link {
width:100%;
}
#home-text-box-container, #text-box-container {
position:relative;
width:100%;
right:0px;
top:0px;
height:100%;
}
#services-image {
display:none;
}
.award-logo {
display:block;
}
}
@media (max-width: 800px) {
/*#logo {
height:45px;
margin-top:15px;
}
*/
}
@media (max-width: 767px) {
#button-bar h2 {
font-size:1.2rem;
text-align:left;
}
#button-bar p {
text-align:left;
font-size:85%;
}
.icon-container {
width:80px;
text-align:center;
}
#button-bar i {
font-size:50px;
float:left;
}
#contact-bar {
font-size:0.8rem;
width:100%;
}
/* Forms */
.form-control, select {
text-align:center;
}
#search-bar .btn-primary {
padding:12px 10px;
font-size:1rem;
}
#search-tabs-slider {
margin-top:5px;
width:80%;
margin:0 auto;
}
#search-tabs-slider .nav-link {
font-size:1.1rem;
width:100%;
padding:11px 0;
}
#search-tabs-slider .nav-item {
width:50%;
}
.smartphone-hide {
display:none;
}
/* Header/menu */
#logo {
height:45px;
top:0px;
left:0px;
margin-top:0px;
}
#contact-details {
width:100%;
display:block;
text-align:center;
padding:12px 10px;
}
.navbar .container {
padding:0;
}
.navbar-nav .nav-link {
padding:12px 25px;
margin:0 0 0 0;
font-size:1.2em;
}
.navbar-nav a:hover {
border-bottom:none;
margin-bottom:0 0 0 0;
}
.navbar-nav a.active {
border-bottom:none;
margin-bottom:0;
}
.navbar-nav a.highlight {
margin-left:0;
}
.navbar-nav ul {
margin:0;
padding:0;
}
#page-image-heading {
top:35%;
}
#page-image-heading h1 {
font-size:1.8em;
}
/* Home page */
.cycle-slideshow div {
}
.carousel-inner {
}
#home-text-box h1, #text-box h1 {
font-size:1.6rem;
line-height:1.6rem;
}
#register-box-container h2 {
font-size:1.6rem;
}
#register-box-container p {
font-size:1.1rem;
}
/*.prev {
top:20%;
}
.next {
top:20%;
}*/
/* Search results */
.search-result-image {
height:170px;
}
/* Particulars */
#epc img {
width:100%;
height:auto;
}
.particulars-address {
font-size:0.95em;
}
.particulars-type {
font-size:0.9em;
}
.particulars-price {
font-size:1.3em;
}
.particulars-type .material-symbols-outlined {
font-size:20px;
}
#service-page-image {
display:none;
}
#features-list li {
width:100%;
}
}
@media (max-width: 575px) {
.search-result-image {
height:350px;
}
}
@media (max-width: 500px) {
.search-result-image {
height:270px;
}
}
@media (max-width: 400px) {
.search-result-image {
height:230px;
}
}