html {
width:100%;
height:100%;
background:#fff;
}
body {
width:100%;
font-size:1.4em;
color:#000;
font-family: 'Roboto', sans-serif;
font-weight:300;
}
.container-fluid {
max-width:1500px;
}
#logo {
display:none;
}
i {
color:#6B6B6B;
}
/* Custom */
h1, h3, a, #particularsLeftPanel ul, #pageText ul {
color:#000;
}
a:hover {
color:#333;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus, .featuredDetails, .dropdown-menu li.active a, .dropdown-menu li a:hover, .dropdown-menu li.active a:hover, button, a.button, .navbar .navbar-toggle, .navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus
{
background:#666;
}
.tourButton {
background:#666;
color:#fff;
padding:10px 20px;
font-size:1.1em;
margin:20px 0 0 0;
text-decoration:none;
display:inline-block;
}
.tourButton:hover {
background:#333;
color:#fff;
text-decoration:none;
}
.tourButton span.fas {
margin:0 0 0 8px;
}
#particularsMenu a:hover, #particularsMenu a.currentParticularsTab {
background:#666666;
}
#particularsMenu a {
background:#fff;
}
.galleria-thumbnails .galleria-image {
border: 2px solid #666;
}
.galleria-bar {
background:#fff;
}
/* End of custom */
h1 {
font-size:2.6em;
font-weight:300;
padding:5px 0 15px 0;
}
h2 {
font-size:1.7em;
line-height:1.6em;
font-weight:300;
margin:10px 0 20px 0;
}
h3 {
font-size:1.7em;
line-height:1.3em;
font-weight:300;
margin:30px 0 20px 0;
}
p {
line-height:1.3em;
margin:0 0 25px 0;
}
/* navbar */
.navbar {
background-color: #fff;
border:none;
font-weight:300;
z-index:20000;
border-radius:none !important
}
.navbar ul {
margin-right:0px;
}
/* branding (logo) */
.navbar .navbar-brand {
margin:0px 0 0px 0;
padding:0;
}
.navbar .navbar-nav > li > a {
color: #333;
font-size:1.1em;
margin:0;
padding:15px 20px;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
color: #fff;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
color: #fff;
}
.dropdown-menu {
padding:0px 0px 0px 0;
position:absolute;
top:50px;
z-index:1000;
background:#fff;
border:none;
}
.dropdown-menu li a {
padding:12px 18px 12px 18px;
}
.dropdown-menu li.active a {
color:#fff;
}
.dropdown-menu li a:hover {
color:#fff;
}
.dropdown-menu li.active a:hover {
color:#fff;
}
/* mobile menu */
.navbar .navbar-toggle {
border:none;
color:#fff;
border-radius: 0px;
}
.navbar-toggle {
margin:0px 0 0 0;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
color:#fff;
}
.navbar .navbar-toggle .icon-bar {
background-color:#fff;
color:#333;
}
/* Home */
p#company {
text-align:center;
margin:320px 0 30px 0;
font-weight:400;
font-size:1.8em;
}
#homeCompanyLogo {
display:none;
text-align:center;
margin:320px 0 30px 0;
}
#homeLogo {
text-align:center;
margin:160px 0 0 0;
}
#homeLogo a {
color:#333;
text-decoration:underline;
}
#homeLogo a:hover {
color:#000;
}
#homeLogo p {
font-size:0.8em;
margin:10px 0 20px 0;
}
#homeMenu {
text-align:center;
}
#homeMenu ul {
list-style-type:none;
margin:0;
padding:0;
}
#homeMenu ul li {
display:inline;
}
#homeMenu ul li a {
display:inline-block;
color:#fff;
text-decoration:none;
padding:6px 0;
margin:4px 2px;
width:120px;
background:#043851;
}
#homeMenu ul li a:hover {
background:#065982;
}
#demoLabel {
position:absolute;
top:0px;
left:16px;
z-index:20;
}
/* Search results */
a#showmenu {
text-decoration:none;
text-align:center;
padding:10px 30px;
display:inline-block;
cursor:pointer;
display:none;
font-size:1.1em;
margin:0px 0 20px 0;
color:#fff;
background:#666;
text-transform:uppercase;
}
#searchResultsContainer {
min-height:800px;
padding:20px 0 30px 0;
}
#searchResultsContainer h1 {
font-weight:400;
color:#333;
margin-bottom:25px;
margin-top:0;
padding-top:0px;
padding-bottom:0px;
padding-left:25px;
font-size:2.3em;
}
#searchResultsContainer h2, #searchNav {
margin:0 0 20px 0px;
padding:10px 0 0 25px;
float:left;
font-size:1.5em;
font-weight:400;
}
p#sortList {
float:right;
margin:10px 25px 0 0;
font-size:1.1em;
font-weight:300;
color:#000;
}
#sortList a {
text-decoration:underline;
font-weight:300;
}
.searchResult {
margin-bottom:30px;
position:relative;
background:#fff;
box-shadow: 0px 0 35px #E8E8E8;
}
.searchResultContainer {
min-height:430px;
}
.searchResultPhoto {
height:280px;
overflow:hidden;
position:relative;
}
.photo {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.photo:hover {
opacity: 0.7;
}
.thumbnailLabel {
position:absolute;
width:69px;
height:61px;
bottom:0px;
right:0px;
}
.searchResultType {
margin:0 20px 0 20px;
border-bottom:2px dotted #E8E8E8;
padding:10px 0 10px 0;
font-size:1em;
font-weight:300;
}
.searchResultType a {
text-decoration:none;
}
.searchResultType a:hover {
color:#333;
}
.searchResultAddress {
margin:0 20px 0 20px;
border-bottom:2px dotted #E8E8E8;
padding:10px 0 10px 0;
font-size:1em;
font-weight:300;
}
.searchResultAddress a {
text-decoration:none;
}
.searchResultAddress a:hover {
}
a#price {
font-size:1.2em;
text-decoration:none;
font-weight:400;
padding:10px 0 10px 20px;
margin-bottom:0;
display:inline-block;
width:100%;
}
.searchResultDescription {
margin:12px 15px 0 15px;
padding:12px 0 12 0;
font-size:0.9em;
line-height:1.3em;
}
.searchResultDescription a {
text-decoration:none;
color:#000;
}
.searchResultDescription a:hover {
color:#333;
}
.searchResultPrice {
width:100%;
position:relative;
}
.searchResultIcon {
position:absolute;
top:8px;
right:12px;
font-size:1.5em;
}
.searchResultPrice img {
position:absolute;
top:8px;
right:12px;
}
.searchResultPrice a img {
display:block;
}
.searchResultPrice a:hover {
color:#333;
}
.currentPage {
color:#000;
}
#searchNav {
float:left;
margin:0 0 0 0;
}
#pageList {
float:right;
margin:0 0 0 0;
text-align:right;
font-size:1.3em;
font-weight:400;
color:#000;
padding:8px 15px;
}
#pageList a {
text-decoration:underline;
display:inline-block;
padding:1px 4px;
}
#pageList .currentPage {
background:#666;
color:#fff;
padding:1px 4px;
}
a#fullDetails {
position:absolute;
bottom:10px;
right:10px;
font-size:1em;
padding:8px 10px;
color:#fff;
}
/* Search bar */
#searchBar {
margin:0 0 20px 0;
font-size:0.8em;
padding:3px 0px 6px 25px;
font-weight:300;
color:#000;
background:#F5F5F5;
border:1px solid #EAEAEA;
}
#searchBar button {
background:#666;
border:none;
font-size:1.1em;
color:#fff;
}
#searchBar button i {
color:#fff;
padding-left:3px;
}
#searchBar button:hover {
background:#333;
}
#searchBar form {
margin:0 0 0 0;
padding:0 0 0 0;
}
#searchBar select, #searchBar input {
width: 200px;
}
button#searchSubmit {
margin:12px 0 10px 10px;
padding:8px 15px;
}
#searchBar a {
color:#FFFFFF;
}
#searchBar a:hover {
color:#CCCCCC;
}
/* Particulars */
#particulars {
height:100%;
min-height:800px;
padding:20px 0 40px 0;
}
#company {
font-weight:400;
color:#333;
margin-bottom:0;
margin-top:0;
padding-top:0px;
padding-bottom:0px;
padding-left:10px;
font-size:2.6em;
}
#contactBox {
padding:15px 25px 25px 25px;
margin:0 0 20px 0;
background:#F5F5F5;
border:1px solid #EAEAEA;
}
#contactBox h2 {
margin:0 0 15px 0;
padding:0;
font-size:1.2em;
font-weight:400;
}
#contactBox a {
}
p#address {
margin:0 0 0 0;
padding:0 0 15px 0;
font-size:0.9em;
}
p#phone {
margin:0 0 0 0;
padding:15px 0 8px 0;
font-size:1.2em;
font-weight:400;
}
p#email {
font-weight:300;
margin:0 0 0 0;
padding:0 25px 0 0;
font-size:1em;
}
p#phone i {
padding-right:5px;
font-size:0.95em;
}
p#email i {
padding-right:5px;
font-size:1.1em;
}
.detailsBar {
/*background:#666; */
padding:10px 0px;
max-width:1500px;
margin:10px 15px 30px 15px;
}
.detailsBar a {
color:#fff;
text-decoration:underline;
text-align:left;
float:left;
}
.detailsBar h1 {
font-size:1.3em;
color:#333;
padding:0;
font-weight:400;
margin:0;
float:right;
text-align:right;
}
#price {
font-weight:600;
}
.status-label-particulars {
font-size:0.85em;
margin-left:15px;
display:inline-block;
padding:5px 15px;
background:#C00;
color:#fff;
}
#particularsLeftPanel {
padding:5px 25px 25px 25px;
margin:0 0 15px 0;
background:#FFF;
box-shadow: 0px 0 35px #E8E8E8;
}
#particularsLeftPanel h1 {
padding:0px 0 15px 0px;
margin:0 0px;
font-size:1.3em;
border-bottom:2px dotted #E8E8E8;
}
#particularsLeftPanel h2 {
padding:15px 0 15px 0px;
margin:0 0px;
font-size:1.4em;
font-weight:400;
border-bottom:2px dotted #E8E8E8;
}
#particularsLeftPanel h3 {
padding:15px 0 0px 0px;
margin:0 0px;
font-size:1.1em;
font-weight:300;
}
#particularsLeftPanel p {
padding:15px 0px 0 0px;
margin:0;
}
#particularsLeftPanel ul {
list-style-type:square;
font-size:1em;
margin:20px 0 15px 0px;
padding:0 0 0 15px;
}
#particularsLeftPanel ul span {
color:#000;
font-size:1em;
}
#particularsLeftPanel ul li {
margin:0 0 8px 0;
padding:0 0 0 5px;
}
#particularsSearch a {
display:inline-block;
padding:10px 0;
margin:0;
color:#fff;
background:#666;
font-size:1em;
text-align:center;
width:44%;
text-decoration:none;
}
a#salesButton {
margin-left:13px;
margin-right:5px;
}
#particularsSearch a:hover {
background:#333;
}
#particularsMenu {
margin:20px 0 30px 0px;
}
#particularsMenu ul {
padding:0 0 0 0;
margin:0 0 0 0;
}
#particularsMenu li {
display:inline;
margin:0;
line-height: normal;
}
#particularsMenu a {
color: #333;
border:1px solid #666;
font-size: 0.9em;
font-weight:400;
padding: 13px 13px;
text-align:center;
text-decoration: none;
margin:0 5px 0 0;
white-space: nowrap;
display:inline-block;
}
#particularsMenu a:hover {
color:#fff;
border:1px solid #666;
}
#particularsMenu a.currentParticularsTab {
border:1px solid #666;
color:#fff;
}
#streetview {
display:none;
}
#streetview h2 {
margin:0 0 0 0;
padding:0 0 0 0;
}
#description {
/*display:none;*/
padding-top:20px;
}
#description a {
text-decoration:underline;
}
#description img {
max-width:100%;
margin-bottom:30px;
}
#description h2 {
font-size:1.5em;
margin:0 0 20px 0;
padding:0;
font-weight:400;
}
#description h3 {
font-size:1.1em;
font-weight:400;
margin:0;
padding:0;
}
#mapview {
display:none;
}
#map_canvas_2 {
width:100%;
height:450px;
}
#streetview {
display:none;
}
#streetviewframe {
width:100%;
height:450px;
border:none;
}
#floorplans {
/*display:none;*/
}
#floorplans img {
border:5px solid #fff;
max-width:100%;
margin:20px 0;
}
#epc {
display:none;
}
#epc img {
border:5px solid #fff;
}
#roomsDetails {
display:none;
}
#particularsSummary {
display:none;
}
.shareIcons {
margin:20px 0 20px 0;
}
.shareIcons i {
font-size:25px;
}
i.fa-facebook {
color:#435E98;
}
i.fa-twitter {
color:#27A5DA;
}
i.fa-linkedin {
color:#0077AF;
}
#mobileShare {
display:none;
}
#footer {
text-align:center;
border-top: 2px dotted #ccc;
padding:10px 0 10px 0;
font-size:0.8em;
}
#footer a {
text-decoration:underline;
}
img#domusLogo {
margin-bottom:10px;
}
/* Particulars Slideshow */
#slideshow .sp-selected-thumbnail {
border: 4px solid #333;
}
#slideshow .sp-thumbnails-container {
float:left;
}
/* Maps */
#map {
background: url('../images/preloader.gif') center no-repeat;
width:100%;
}
#particulars #map {
height:450px;
margin:0 0 20px 0;
}
#mapContainer {
background: url('../images/preloader.gif') center no-repeat;
}
/* End of maps */
/* Start of form styles */
/* Form styles */
label {
font-weight:300;
font-size:1.1em;
text-align:left;
color:#000;
}
.form-horizontal .control-label{
text-align:left !important;
}
.form-inline label {
font-weight:300;
font-size:1.2em;
margin:0 4px 8px 8px;
}
.form-inline select {
}
.form-control input {
border-radius:0px;
}
input {
display: block;
width: 100%;
height: 34px;
padding: 4px 8px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: none;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
select {
display: block;
width: 100%;
height: 34px;
padding: 4px 8px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: none;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-inline select {
display:inline-block;
width: auto;
vertical-align: middle;
padding: 4px 8px;
}
/* End of form styles */
/* End of particulars */
/*--------Responsive/media queries------*/
@media (max-width: 1500px) {
#searchBar select, #searchBar input {
width: 188px;
}
}
@media (max-width: 1450px) {
#searchBar select, #searchBar input {
width: 178px;
}
}
@media (max-width: 1400px) {
#searchBar select, #searchBar input {
width: 168px;
}
}
@media (max-width: 1350px) {
#searchBar select, #searchBar input {
width: 158px;
}
}
@media (max-width: 1300px) {
#searchBar select, #searchBar input {
width: 148px;
}
.searchResultContainer {
min-height:330px;
}
.searchResultPhoto {
height:180px;
}
}
@media (max-width: 1250px) {
#searchBar select, #searchBar input {
width: 138px;
}
}
/* Medium Devices, Desktops */
@media (max-width : 1199px) {
#epc img {
width:100%;
}
#searchBar select, #searchBar input {
width: 128px;
}
.searchResultContainer {
min-height:330px;
}
.searchResultPhoto {
height:180px;
}
.searchResultType {
font-size:0.9em;
}
.searchResultAddress {
font-size:0.9em;
}
}
@media (max-width : 1150px) {
#searchBar select, #searchBar input {
width: 118px;
}
}
@media (max-width : 1100px) {
#searchBar select, #searchBar input {
width: 98px;
}
}
@media (max-width : 1050px) {
#searchBar select, #searchBar input {
width: 97px;
}
}
@media (max-width: 992px) {
#searchBar select, #searchBar input {
width: 130px;
}
#company {
font-size:1.8em;
}
.detailsBar {
font-size:1em;
}
#searchBar {
}
#minField {
display:none;
}
.searchResultContainer {
min-height:280px;
}
.searchResultPhoto {
height:140px;
}
.searchResultAddress, .searchResultType {
font-size:0.8em;
}
a#price {
font-size:1.1em;
}
}
@media (max-width : 950px) {
#searchBar select, #searchBar input {
width: 118px;
}
}
@media (max-width : 900px) {
#searchBar select, #searchBar input {
width: 107px;
}
}
@media (max-width : 850px) {
#searchBar select, #searchBar input {
width: 93px;
}
}
@media (max-width : 800px) {
#searchBar select, #searchBar input {
width: 85px;
}
}
/* Mobile styles */
@media (max-width: 767px) {
#homeCompanyLogo {
display:none;
text-align:center;
margin:50px 0 30px 0;
}
#homeLogo {
margin:40px 0 0 0;
}
#refine {
display:none;
}
a#showmenu {
display:block;
}
#searchResultsContainer {
}
p#sortList {
display:none;
}
#searchBar {
padding:10px 0px;
background:#fff;
color:#000;
border:none;
}
#minField {
display:block;
}
.form-inline label {
margin:0 4px 8px 0px;
width:100%;
}
#searchBar select, #searchBar input {
width: 100%;
}
#searchBar button {
width:100%;
margin:0 0 0 0;
background:#666;
font-size:1.4em;
}
.form-inline select {
width:100%;
border-radius: 0px;
}
#searchResultsContainer h2 {
font-size:1.1em;
font-weight:400;
margin:0 0 20px 0;
padding:0;
}
a#price {
font-size:1.1em;
}
p#sortList {
font-size:1.1em;
margin:0 0 5px 0;
float:left;
font-weight:300;
}
p#sortList a {
font-weight:400;
}
.searchResult {
}
.searchResultAddress, .searchResultType {
font-size:0.9em;
margin:0 15px;
}
a#price {
font-size:1.2em;
padding:10px 15px
}
#searchNav {
display:none;
}
#pageList {
font-size:1.3em;
}
.searchResultPhoto {
height:auto;
}
#particularsLeftPanel {
display:none;
}
#particularsSummary {
display:block;
}
#particularsSummary ul {
margin-bottom:30px;
}
#mobileShare {
display:block;
}
#mobileShare h2 {
font-weight:400;
font-size:1.5em;
}
.navbar .navbar-nav > li > a {
font-size:0.7em;
padding:8px 15px;
}
.navbar ul {
margin-top:0px;
margin-right:-15px;
}
.navbar .navbar-nav > li > a {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border:none;
box-shadow:none;
font-size:1em;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
box-shadow: none;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
box-shadow: none;
}
#company {
font-size:1.5em;
margin:0px 0 0 0;
padding:0 0 0 0;
}
p#address {
font-size:0.8em;
}
p#phone {
font-size:1.2em;
}
p#email {
font-size:0.8em;
}
.detailsBar {
padding:0 0 20px 0;
max-width:1170px;
font-size:0.8em;
font-weight:400;
margin:0 0 0 0;
float:left;
text-align:left;
}
.bedroomsType {
display:block;
padding:0 0 10px 0;
border-bottom:2px dotted #999;
text-align:left;
width:100%;
}
.propertyAddress {
display:block;
padding:10px 0;
border-bottom:2px dotted #999;
font-weight:300;
text-align:left;
font-size:0.95em;
width:100%;
}
#price {
padding:10px 0 0 0;
display:block;
text-align:left;
font-size:1.2em;
width:100%;
}
.price {
display:block;
padding:8px 0 2px 0;
font-size:1.2em;
}
.line {
display:none;
}
.galleria-bar {
height: 40px;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
height: 20px;
}
.galleria-thumbnails .galleria-image {
width: 27px;
height: 27px;
}
.section {
height:auto;
min-height:30px;
padding-bottom:20px;
}
#particularsMenu {
margin:25px 0 20px 0px;
}
#particularsMenu a {
font-size:0.9em;
padding: 10px 10px;
margin:0 3px 10px 0;
}
#particularsLeftPanel h1 {
margin-top:20px;
font-size:1.2em;
}
#particularsLeftPanel h2 {
font-size:1.2em;
}
#particulars {
}
#description h2 {
font-size:1.3em;
}
#description h3 {
font-size:1em;
font-weight:400;
margin:0;
padding:0;
}
#particularsSearch a {
width:90%;
margin:0 0 8px 13px;
}
#description img {
width:100%;
}
#epc img {
width:100%;
}
#streetviewframe {
height:220px;
}
searchResultsContainer h2 {
margin:0;
padding:0;
}
#particulars #map {
height:180px;
}
}
/*----End of responsive media queries ---*/