body {background:#FBFBFB; margin:0 auto; width:100%; height:100%; font-family:"Open Sans", Arial, Verdana; font-size:16px; color:#231F20; position:static !important; top:0 !important;} @font-face {font-family: 'sppFont'; src: url('/fonts/sppFont.eot'); src: url('/fonts/sppFont.eot?#iefix') format('embedded-opentype'), url('/fonts/sppFont.woff2') format('woff2'), url('/fonts/sppFont.woff') format('woff'), url('/fonts/sppFont.ttf') format('truetype'), url('/fonts/sppFont.svg#beatnik_sfregular') format('svg'); font-weight:normal; font-style:normal;} *, *::before, *::after {box-sizing:border-box;} main, footer {float:left; width:100%;} header {position:fixed; top:0; left:0; width:100%; background:rgba(255, 255, 255, 0.7); border-bottom:1px solid #DEDFE0; z-index:101; -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.6); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.6); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.6);} #logo, #logo img, #footerLogo img {float:left; position:relative; z-index:1;} #logo {overflow:hidden;} #logo img, #footerLogo img {width:auto; height:100%; margin-right:5px;} .logoTitle, #logoSpan {float:left; font-family:'sppFont'; font-weight:normal !important;} .logoTitle {color:#81308C;} #logo a:hover, #logo a:hover span {color:#E74594;} .slidingHeader #logo {height:36px;} #logoSpan {position:absolute; right:0; bottom:0; line-height:normal !important; font-weight:normal; color:#231F20; text-align:right; margin:0;} header, #logo, #logo img, .logoTitle, #logoSpan, .container, .fpSearchButton, .sideSearchButton, .fpSearchSelect, nav, #showMenu, #mainMenu, #mainMenu li, #mainMenu a, .dropDownMenu i, .ddMenu, .ddMenu a, .virtualTourList, .videoTourList, #selectedLocations span, #selectedLocations span::after, .spanishProvinces .boxRow, .fourProvinceContainer, .hotPropertyImgContainer, .hotPropertyDetailsContainer, .hotPropertyDetails, .hotPropertyAgentDetails, #cookieContinue, #cookieRefuse, a, #agentsHelp h6 {transition-duration:0.5s;} nav {float:right;} .showMenu {background:#FFF; width:70px; height:49px; margin:0; border:0; overflow:visible; cursor:pointer; padding:10px 20px;} .showMenuBox {width:48px; height:24px; display:inline-block; position:relative;} .showMenuContent {top:50%; display:block; margin-top:-2px;} .showMenuContent, .showMenuContent::before, .showMenuContent::after {position:absolute; width:30px; height:2px; background:#333; transition-duration:0.15s; transition-property:transform, -webkit-transform; transition-timing-function:ease;} .showMenuContent::before, .showMenuContent::after {content:""; display:block;} .showMenuContent::before {top:-6px;} .showMenuContent::after {bottom:-6px;} #showMenu:hover {background:#81308C;} .showMenu:hover .showMenuContent, .showMenu:hover .showMenuContent::before, .showMenu:hover .showMenuContent::after {background:#FFF;} .menuCollapsed .showMenuContent {bottom:0; top:auto; transition-delay:0.15s; transition-duration:0.15s; transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);} .menuCollapsed .showMenuContent::after {top:-12px; transition:top 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, opacity 0.1s linear 0s;} .menuCollapsed .showMenuContent::before {transition:top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;} .menuCollapsed.is-active .showMenuContent {background:#FFF; transform:translate3d(0px, -10px, 0px) rotate(-45deg); transition-delay:0.32s; transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);} .menuCollapsed.is-active .showMenuContent::after {background:#FFF; top:0; opacity:0; transition:top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0s, opacity 0.1s linear 0.27s;} .menuCollapsed.is-active .showMenuContent::before {top:0; background:#FFF; top:0; transform:rotate(-90deg); transition:top 0.12s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.18s, transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s, -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s;} #mainMenu a {font-weight:400; transition:all 0.5s;} #mainMenu a.selectedPage {font-weight:600;} .ddMenu {position:absolute; right:-66.6667px; list-style:none; padding:5px 10px; display:none; z-index:999; transition-property:top;} .ddMenu a {width:100% !important;} .ddMenu li {width:100%; display:block;} .menuShow i {transform:rotate(-180deg);} #newNewsletter {position:absolute; background:rgba(152, 0, 2, 0.8); top:-50%; right:-25px; color:#FFF; font-weight:600; padding:2px 4px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; box-shadow: 1px 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5); transition-duration:0.5s;} .languages {width:45px; height:40px; z-index:9997; cursor:pointer; transition-duration:0.5s;} header .languages {float:right;} .languages:hover .moreLangs {color:#0E76BC;} .languageMenu {position:absolute; top:45px; left:0; background:#F1F1F2; width:40px; display:none; padding:5px 8px; webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);} .slidingHeader .languageMenu {top:35px;} #mainMenu .languageMenu {background:rgba(255, 255, 255, 0.7);} .moreLangs {height:26px; line-height:26px;} .languageHolder {float:left; width:24px; height:24px; margin:1px 3px 9px; overflow:hidden; position:relative; z-index:2;} .languageMenu .languageHolder {margin:4px 0 6px;} .languageMenu .languageHolder img {opacity:0.6; transition-duration:0.5s} .languageMenu .languageHolder img:hover {opacity:1;} .languageHolder img {position:absolute; top:0; cursor:pointer;} .enLang {left:0;} .esLang {left:-25px;} .deLang {left:-50px;} .frLang {left:-75px;} .nlLang {left:-100px;} .ruLang {left:-125px;} .daLang {left:-150px;} .noLang {left:-175px;} .svLang {left:-200px;} #google_translate_element, iframe.goog-te-banner-frame {display:none !important; visibility:hidden !important;} .goog-tooltip, #goog-gt-tt {display:none !important;} .goog-tooltip:hover {display:none !important;} .goog-text-highlight {background-color:transparent !important; border:none !important; box-shadow:none !important;} .fixed {overflow:hidden;} #homeGalleryContainer, #pageGalleryContainer {float:left; width:100%;} #homeGalleryContainer {height:450px; position:relative;} #homeGallery, #pageGallery {float:left; width:100%; height:100%; position:relative; overflow:hidden;} .homeGallery {position:absolute; top:0; left:0; width:100%; height:100%;} .homeGallery img, #pageGallery img, .pageGallery img {position:absolute; top:0; left:-9999px; right:-9999px; width:auto; margin:auto; display:block;} #pageGalleryOverlay {position:absolute; height:200px; display:table; z-index:2;} #pageGalleryTitle, #propertyPrice {height:200px; display:table-cell; vertical-align:middle;} #pageGalleryTitle h1 {float:left; width:100%; color:#FFF; font-size:40px; font-weight:normal; text-shadow:2px 2px 2px rgba(0,0,0,0.8);} #pageGalleryTitle address {float:left; width:100%; color:#FFF; font-size:16px; text-shadow:2px 2px 2px rgba(0,0,0,0.5);} #pageGalleryCover {position:absolute; background:rgba(35, 31, 32, 0.35); top:0; left:0; width:100%; height:100%;} #fpSearchContainer {position:absolute; left:0; display:flex; flex-direction:column; justify-content:center; align-items:center;} #fpSearchButtons, #fpSearch {width:100%; max-width:800px;} #fpSearch, #sideSearch {float:left; width:100%; background:rgba(129, 48, 140, 0.65); backdrop-filter:blur(10px); padding:10px 5px; border:1px solid rgba(129, 48, 140, 0.5); border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.5); -moz-box-shadow:1px 1px 2px rgba(0,0,0,.5); box-shadow:1px 1px 2px rgba(0,0,0,.5);} #fpSearch h1, #fpSearch h2, #sideSearch h1, #sideSearch h2 {float:left; width:100%; color:#FFF; font-size:22px; margin:0 0 5px;} #fpSearchButtons {font-weight:600; position:relative; display:table;} .fpSearchButton, .sideSearchButton {width:33.3333%; background:rgba(129, 48, 140, 0.25); backdrop-filter:blur(10px); background-clip:padding-box; color:#FFF; text-align:center; padding:10px 5px; display:table-cell; cursor:pointer; position:relative; vertical-align:middle; border-right:5px solid transparent; border-bottom:3px solid transparent;} .fpSearchButton:hover, .sideSearchButton:hover {background:rgba(129, 48, 140, 0.5); background-clip:padding-box; color:#FFF;} .selectedSearch, .selectedSearch:hover {background:rgba(129, 48, 140, 0.65); background-clip:padding-box;} .fpSearchButton:first-child, .sideSearchButton:first-child {border-radius:4px 0 0 0; -moz-border-radius:4px 0 0 0; -webkit-border-radius:4px 0 0 0;} .fpSearchButton:last-child, .sideSearchButton:last-child {border-right:none; border-radius:0 4px 0 0; -moz-border-radius:0 4px 0 0; -webkit-border-radius:0 4px 0 0;} .fpSearch, .sideSearch {float:left; width:calc(100% - 1px);} #fpLRentSearch, #fpSRentSearch, #sideLRentSearch, #sideSRentSearch {display:none;} .fpSearchSelect, .searchFormTitle, .fpSearchSelect .ui-selectmenu-button, .sideSearchSelect, .sideSearchSelect .ui-selectmenu-button {float:left; display:block;} .searchFormTitle {line-height:30px;} .fpSearchSelect .searchFormTitle {line-height:36.8px;} label.searchFormTitle {cursor:pointer;} .fpSearchInput, .searchInput {float:left; width:100%; margin-bottom:10px; position:relative;} .fpSearchInput input, .searchInput input, #propertyContactForm input[type='text'], #propertyContactForm input[type='email'], #propertyContactForm input[type='tel'], #signupForm input, #vatForm input, .mortgageResult input, .memLoginContainer input[type='text'], .memLoginContainer input[type='email'], .memLoginContainer input[type='password'], #newsletterSignup input[type='text'], #newsletterSignup input[type='email'], #resetForm input[type='password'], #xmlValidate input, #agentsHelpForm input, #agentsHelpForm textarea {float:left; background:#FFF; font-size:18px; padding:3px 10px; border:1px solid #C5C5C5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .fpSearchInput input, #propertyContactForm input[type='text'], #propertyContactForm input[type='email'], #propertyContactForm input[type='tel'], #signupForm input, #vatForm input, .mortgageResult input, .memLoginContainer input[type='text'], .memLoginContainer input[type='email'], .memLoginContainer input[type='password'], #newsletterSignup input[type='text'], #newsletterSignup input[type='email'], #resetForm input[type='password'], #xmlValidate input {width:100%; height:40px; line-height:40px;} .searchInput input {height:32px; line-height:32px;} .fpSearchInput .searchFormTitle {line-height:40px;} .fpSearchSelect .ui-selectmenu-button.ui-button, .fpSearchSelect select {float:left; width:calc(100% - 80px); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .fpSearchSelect .ui-button {margin:0;} .searchFormTitle {color:#FFF;} #fpSearch input {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .fpPromotion input[type='text'], .fpPromotion input[type='email'] {background:#F8F8F8 !important; margin-bottom:10px !important;} #newsletterSignup input[type='text'], #newsletterSignup input[type='email'], #resetForm input[type='password'] {width:100%; margin-bottom:20px;} .formError {border:1px solid #F00; box-shadow:0 0 1.5px 1px #F00;} #clearSearch {position:absolute; right:10px; width:10px; height:10px; color:#818181; display:none; cursor:pointer; transition-duration:0.5s;} #fpSearch #clearSearch {top:10px;} #sideSearch #clearSearch {top:35px;} #clearSearch:hover {color:#3F3F3F;} #searchFilter #clearSearch {top:25px; right:15px;} #resetForm {float:left; margin-bottom:30px;} .searchButton, .listButton, .signupButton, .saveButton, #sendContact, .payButton, #requestHelp, #showForm {height:34px; line-height:32px; display:inline-block; color:#FFF; font-size:14px; font-family:"Open Sans"; padding:0 8px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;} .listButton, .signupButton, .payButton, #requestHelp {font-weight:600; padding:0 10px;} .buttonL {float:left;} .buttonR {float:right;} .buttonB {background:#81308C; color:#FFF; border:1px solid #561D5E;} .buttonW {background:#E74594; color:#FFF; border:1px solid #A42F68;} .buttonB:hover, .buttonW:hover, #memLoginAC:hover, #signupEAContinue:hover, #memForgotAC:hover, #memSignupAC:hover, #completeClose:hover, .signupLink:hover, .currentCat {background:#7DCFE5; color:#FFF; border:1px solid #508593;} .searchPropContainerF .buttonW:hover {background:#534C4E; color:#FFF; border:1px solid #231F20;} .savedProperty, .savedProperty:hover {background:#508593; color:#FFF; border:1px solid #294951;} .saveButton {margin:20px 0;} .ui-menu {max-height:250px; overflow-y:auto; overflow-x:hidden;} .ui-menu-item .fa {float:left; font-size:40px; color:#81308C; line-height:0.8; margin-right:5px;} .ui-menu-item span {font-size:12px; color:#575656;} .ui-state-active span {color:#D5D5D5;} .ui-state-active .fa {color:#FFF;} .ui-autocomplete li {margin-bottom:2px !important;} .ui-autocomplete .ui-menu-item-wrapper {line-height:17px; font-size:16px;} #searchContainer .ui-selectmenu-button {padding:4px 16px;} main {min-height:calc(100vh - 594px);} .container {position:relative; display:inline-block;} .mainContent {width:100%; font-weight:300; display:inline-block; margin:0 auto 40px;} .mainContent p {font-weight:400;} .mainContent strong {font-weight:600;} .mainContent.noMargin {margin:0 auto !important;} .mainContentD {background:#F1F2F3; padding:40px 0;} .mainContentDN {background:#F1F2F3; padding:0;} .mainContent.propertyContent, #pageBreadcrumb + .mainContent {margin:40px auto;} .spanishProvinces {margin:40px 0 80px;} .estateAgentsSlider p, .spanishProvinces p {text-align:center;} .hotProperty {margin:40px auto 80px !important;} .white {background:#FFF; -webkit-box-shadow:0 0 4px 0px rgba(0,0,0,0.2); -moz-box-shadow:0 0 4px 0px rgba(0,0,0,0.2); box-shadow:0 0 4px 0px rgba(0,0,0,0.2);} .grey {background:#F9F9F9;} .blue {background:rgba(125, 207, 229, 0.65); color:#FFF;} .white, .grey, .blue {padding:40px 0;} h1, h2, h3, h4, h5, h6 {font-family:"sppFont", Arial; font-weight:normal; line-height:32px; font-size:28px; margin:5px 0 10px;} .container h1, .container h2, .container h3, .container h4, .container h5, .container h6 {color:#81308C;} .estateAgentsSlider h2, .estateAgentsSlider h3, .estateAgentsSlider h4, .estateAgentsSlider h5, .estateAgentsSlider h6, .spanishProvinces h2, .spanishProvinces h3, .spanishProvinces h4, .spanishProvinces h5, .spanishProvinces h6, .hotProperty h2, .hotProperty h3, .hotProperty h4, .hotProperty h5, .hotProperty h6 {text-align:center; margin:0 0 10px;} .blogBox h1, .blogBox h2, .blogBox h3, .blogBox h4, .blogBox h5, .blogBox h6, .blogBox h1 a, .blogBox h2 a, .blogBox h3 a, .blogBox h4 a, .blogBox h5 a, .blogBox h6 a {color:#FFF;} .blogBox h1, .blogBox h2, .blogBox h3, .blogBox h4, .blogBox h5, .blogBox h6 {font-size:20px; line-height:24px; text-align:center; margin:0;} .blogBox h1 a:hover, .blogBox h2 a:hover, .blogBox h3 a:hover, .blogBox h4 a:hover, .blogBox h5 a:hover, .blogBox h6 a:hover {color:#231F20;} .fpSearchInput input, .fpPromotion input, .fpSearch input, .formInput input:focus, .formInput textarea:focus, .formRadio input:focus, #xmlValidate input:focus {outline:none !important;} .popularLList {padding:0; margin:0 0 15px; list-style:none;} .popularLList a {font-weight:600; color:#231F20;} .popularLList a:hover {color:#E74594;} #pageBreadcrumb {float:left; width:100%; padding:2px 0; -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6); position:relative; z-index:2;} #pageBreadcrumb ol {width:100%; list-style:none; display:block; line-height:16px; padding:5px 0; margin:0;} #pageBreadcrumb li {display:inline-block;} #pageBreadcrumb li:not(:first-child)::before {content:"\f178"; font:normal 12px/1 FontAwesome; color:#898989;} #pageBreadcrumb li a:hover {color:#7DCFE5; text-decoration:underline;} #searchContainer, #searchFilterContainer, #searchFilter {float:left; width:100%;} #searchResults, .sortResults {float:left; width:100%; margin-bottom:20px;} .sortResults {text-align:right;} #resultsCount {float:left; text-align:left; font-weight:600;} #searchFilter, #searchFilters {position:relative; z-index:99;} #searchFilter {background:rgba(129, 48, 140, 0.7); backdrop-filter:blur(10px); border:1px solid #81308C; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #searchFilter.scrolling {position:fixed; -webkit-box-shadow:1px 1px 3px 0px rgba(87,87,87,0.8) -moz-box-shadow:1px 1px 3px 0px rgba(87,87,87,0.8); box-shadow:1px 1px 3px 0px rgba(87,87,87,0.8);} #searchFilters {float:left; width:100%;} #locSearchBox, #priceBox, #bedsBox, #searchButtons, #showFilters {float:left;} #showFilters {color:#FFF; height:30px; line-height:30px; display:inline-block; cursor:pointer; transition-duration:0.5s;} #showFilters:hover {color:#7DCFE5;} .searchFilterThird {float:left; color:#FFF;} .searchFilterThird h3 {color:#FFF;} .searchFilterThird input[type='checkbox'], .sFormChecklist input[type='checkbox'], #propertyContactForm input[type='checkbox'] {position:absolute; width:0 !important; height:0 !important; opacity:0; cursor:pointer;} .checkMark {position:absolute; top:0; left:0; background:#FFF; border:1px solid #CCC; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; transition-duration:0.3s;} .searchFormLabel:hover input ~ .checkMark, .inputTitle:hover input ~ .checkMark {background:#CCC; border:1px solid #A6A6A6;} .searchFormLabel input:checked ~ .checkMark, .inputTitle input:checked ~ .checkMark {background-color:#E74594; border:1px solid #A42F68;} .checkMark::after {content:"\f00c"; position:absolute; display:none; font-family:FontAwesome; font-size:14px; text-align:center; color:#FFF;} .searchFormLabel input:checked ~ .checkMark:after, .inputTitle input:checked ~ .checkMark:after {display:block;} .searchFormLabel .checkMark::after, .inputTitle .checkMark::after {left:-1px;} .searchFilterThird .searchFormLabel, .sFormChecklist .searchFormLabel, #propertyContactForm label.inputTitle {float:left; display:block; position:relative; padding-left:35px; margin-bottom:12px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} label {cursor:pointer;} .searchSelectSpan {float:left; width:10%; height:32px; line-height:32px; text-align:center;} #showFilter {position:fixed; bottom:0; left:0; width:100%; height:40px; line-height:40px; background:rgba(129, 48, 140, 0.9); color:#FFF; font-size:16px; font-weight:600; text-align:center; border-top:1px solid #81308C; z-index:1041; cursor:pointer; transition-duration:0.5s;} #showFilter:hover {background:rgba(231, 69, 148, 0.9); color:#FFF; border-top:1px solid #E74594;} #closeFilter {position:absolute; top:0; right:5px; color:#231F20; font-size:24px; font-weight:bold; cursor:pointer;} #closeFilter:hover {color:#81308C;} .pagination {float:left; width:100%; text-align:center; margin:0 0 5px; position:relative;} .pagiL {font-size:12px;} .pagination a, .pagination span.currentPage {background:#FFF; display:inline-block; color:#231F20; margin:5px 1px; border:1px solid #C5C5C5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .prevLink, .nextLink, .pagination span.currentPage, .pagination span.currentPage, .yearPagination span.currentPage {background:#81308C !important; color:#FFF !important; font-weight:bold; border:1px solid #561D5E !important;} .prevLink {float:left;} .nextLink {float:right;} a.prevLink:hover, a.nextLink:hover, .pagination a:hover, .yearPagination a:hover {background:#E74594 !important; color:#FFF; border:1px solid #A42F68 !important;} .pageSplitLeft {margin-left:20px !important;} .pageSplitRight {margin-right:20px !important;} .pageNumbers a {text-decoration:none !important;} .priceBand, .priceBandCurrent {position:absolute; bottom:-25px; left:0; width:100%; height:25px; line-height:25px; font-size:14px; text-align:center; font-weight:bold; color:#231F20 !important;} .priceBand {display:none;} .priceBandCurrent, .pageNumbers a:hover > .priceBand {display:block;} .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item-wrapper {padding:0.5em 0 0.5em 3em;} .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon {height:24px; width:24px; top:0.1em;} .priceASC, .priceDESC, .dateASC, .dateDESC {background:none !important; display:inline-block; text-indent:0 !important; text-align:center;} .priceASC::before, .priceDESC::before, .dateASC::before, .dateDESC::before {font-family:"FontAwesome"; font-size:16px; color:#231F20;} .priceASC::before {content:"\f162";} .priceDESC::before {content:"\f163";} .dateASC::before {content:"\f160";} .dateDESC::before {content:"\f161";}.searchPropContainer {float:left; border:15px; border-style:solid; border-color:transparent !important; transition-duration:0.5s;} .searchPropContainer:hover .searchPropContainerB, .similarProperty:hover {-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.6); -moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.6); box-shadow:0 0 5px 0 rgba(0,0,0,0.6);} .searchPropContainerB {float:left; width:100%; background:#F1F2F3; padding:5px; border:1px solid #CCC; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration:0.5s;} .searchPropTitleContainer {float:left; width:100%; height:55px; display:table; overflow:hidden; border-bottom:1px solid #CCC; padding-bottom:5px;} .searchPropTitle {width:100%; display:table-cell; vertical-align:middle;} .searchPropContainer h2 {float:none !important; font-size:18px; font-family:"Open Sans", Arial; font-size:18px; line-height:24px; font-weight:600; text-align:center; margin:0;} .searchPropContainer h2 a {color:#81308C;} .searchPropContainer h2 a:hover {color:#E74594;} .searchPropRadius {float:left; width:100%; font-size:10px; font-weight:600; color:#BF1E2E; text-align:center;} .searchPropPrice {float:left; width:100%; font-weight:600; text-align:center; padding:5px 0; border-top:1px solid #FFF;} .searchPropPhotoContainer {float:left; width:100%; background:#FFF; padding:5px; position:relative; border:1px solid #CCC; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; overflow:hidden;} .searchPropPhoto {float:left; width:100%; overflow:hidden; text-align:center; position:relative; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} .searchPropPhoto img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; width:100%; height:auto; margin:auto; transform:scale(1); transition:transform 0.2s ease 0s;} .searchPropPhoto img:hover {transform:scale(1.2);} .searchPropPhotoC {position:absolute; top:0; left:0; background:rgba(255, 255, 255, 0.75); font-size:12px; padding:2px 10px;} .searchPropReducedOverlay {position:absolute; top:20px; right:0; background:rgba(255, 255, 255, 0.7); color:#FFF; font-size:14px; padding:2px 10px; border:1px solid rgba(255, 255, 255, 0.75); border-right:none; border-radius:2px 0 0 2px; -moz-border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px; -webkit-box-shadow:0 0 2px rgba(0,0,0,.5); -moz-box-shadow:0 0 2px rgba(0,0,0,.5); box-shadow:0 0 2px rgba(0,0,0,.5);} .searchPropReducedOverlay a {color:#561D5E;} .searchPropReducedOverlay a:hover {color:#E74594;} .propSearchSpecs {float:left; width:100%; height:auto; min-height:55px; margin:5px 0; padding:0;} .propSearchSpecs li {float:left; width:33.3334%; height:25px; list-style:none; text-align:center; padding:0;} .propSearchSpecs li i {color:#868686; transition-duration:0.5s;} .searchPropContainer:hover .propSearchSpecs li i {color:#231F20;} .propSearchSpecs li:nth-child(1), .propSearchSpecs li:nth-child(2), .propSearchSpecs li:nth-child(3) {margin-bottom:5px;} .propSearchSpecs li:nth-child(7), .propSearchSpecs li:nth-child(8), .propSearchSpecs li:nth-child(9) {margin-top:5px;} .searchPropButtons {float:left; width:100%; margin:5px 0 0;} .searchPropEnqd {float:left; width:100%; text-align:center; font-weight:600; margin-bottom:5px;} .searchAgentLogo {position:absolute; bottom:5px; right:5px; background:#FFF; padding:2px 0 0 2px; overflow:hidden; border-radius:3px 0 0; -moz-border-radius:3px 0 0; -webkit-border-radius:3px 0 0; transition-duration:0.5s;} .searchPropContainer:hover .searchAgentLogo {opacity:1;} .searchAgentLogo img {float:left; width:auto; height:auto; transition-duration:0.5s;} .searchPropContainerF .searchPropContainerB {background:#DCC8DF; border:1px solid #81308C; position:relative; overflow:hidden;} .searchPropContainerF .searchPropTitleContainer {border-bottom:1px solid #B99DBD;} .searchPropContainerF .searchPropTitle {padding:0 40px;} .searchPropContainerF h2 a {color:#561D5E;} .searchPropContainerF .searchPropPrice {border-top:1px solid #FBE3FF;} .searchPropContainerF .propSearchSpecs li, .searchPropContainerF:hover .propSearchSpecs li i {color:#231F20;} .searchPropContainerF .propSearchSpecs li i {color:#574E50;} .featuredBanner {position:absolute; left:-29px; top:20px; background:#81308C; background:-moz-linear-gradient(left, #81308C 0%, #E74594 100%); background:-webkit-linear-gradient(left, #81308C 0%,#E74594 100%); background:linear-gradient(to right, #81308C 0%,#E74594 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#81308C', endColorstr='#E74594',GradientType=1 ); font-weight:600; text-transform:uppercase; font-size:14px; padding:1px 25px; border-top:1px solid #FFF; border-bottom:1px solid #FFF; transform:rotate(-45deg); z-index:1; -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.5); -moz-box-shadow:1px 1px 2px rgba(0,0,0,.5); box-shadow:1px 1px 2px rgba(0,0,0,.5);} .featuredBanner a {color:#FFF;} .featuredBanner a:hover {color:#231F20;} select {display:none;} #propertyPrice {color:#FFF; text-align:right; padding:5px 0 10px; text-shadow:2px 2px 2px rgba(0,0,0,0.8);} #propertyPhotosContainer, #propertyDetailsContainer, #propertyTabsContainer, #similarProperties {float:left;} #propertyPhotos {float:left; width:100%; overflow:hidden;} #propertyPhotosContainer {overflow:hidden; position:relative;} .slick-slide {position:relative; overflow:hidden;} #mainPhotos {margin:0; padding:0;} #previousPhoto, #nextPhoto, .previousVideo, .nextVideo {position:absolute; top:0; z-index:90;} #previousPhoto, #nextPhoto {width:55px; height:75%; display:block; cursor:pointer;} .previousVideo, .nextVideo {width:calc(50% - 35px); height:60%;} #previousPhoto i, #nextPhoto i {position:absolute; top:calc(66.6667% - 28px); line-height:48px; background:rgba(129, 48, 140, 0.7); color:#FFF; font-size:56px; border:1px solid #81308C; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; opacity:0.4; transition-duration:0.5s;} #previousPhoto:hover i, #nextPhoto:hover i {opacity:0.9;} #previousPhoto, .previousVideo {left:0;} #nextPhoto, .nextVideo {right:0;} #previousPhoto i {left:5px;} #nextPhoto i {right:5px;} .youtube-player {width:100%;} #slideCount {position:absolute; background:rgba(255,255,255,0.6); top:10px; right:0; height:30px; line-height:20px; font-weight:600;padding:5px 10px; -webkit-box-shadow:1px 1px 3px 0px rgba(87,87,87,0.8) -moz-box-shadow:1px 1px 3px 0px rgba(87,87,87,0.8); box-shadow:1px 1px 3px 0px rgba(87,87,87,0.8); border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px;} #propertyDetailsContainer {position:relative;} #propertyContactTitle {float:left; width:100%; background:#81308C; padding:5px 10px;} #propertyContactTitle h2 {font-size:20px; line-height:24px; color:#FFF; margin:5px 0;} #propRef {float:left; width:100%; font-size:12px; color:#FFF;} #propertyAgent {float:left; width:100%; text-align:right; font-weight:600; overflow:hidden;} #propertyAgent img {width:auto; max-width:100%; min-height:50px; vertical-align:middle; margin-left:20px;} #propertyAgent img.bLogo {width:150px; height:auto; min-height:0;} #propertyAgent a {color:#231F20;} #propertyAgent a:hover {color:#81308C;} #propertyContactForm {float:left; width:100%; padding:5px 10px;} .inputTitle, .inputTitleTextarea {float:left; font-weight:600;} .inputTitleCheckboxes {font-size:18px !important; color:#81308C; margin-bottom:10px;} label.inputTitle {width:100%; clear:none !important; margin:0 0 30px;} #propertyContactForm .inputTitle:nth-of-type(odd), #signupForm .inputTitle:nth-of-type(odd), .inputTitleTextarea {clear:left;} #propertyContactForm textarea, #signupForm textarea, #agentsHelpForm textarea {background:#FFF; height:100px; font-size:18px; font-family:"Open Sans", Arial; padding:3px 10px; border:1px solid #C5C5C5; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} #propertyContactForm input[type='text'], #propertyContactForm input[type='email'], #propertyContactForm input[type='tel'], #propertyContactForm textarea, #signupForm input, #signupForm textarea, #vatForm input, #vatForm .ui-selectmenu-button, #agentsHelpForm input, #agentsHelpForm textarea {width:100%; margin-bottom:15px;} .enquiryDetails {width:590px; background:#FAF8F8; padding:0 5px 20px;} .enquiryDetails, #quotedPrice {margin:0 auto 20px;} .enquiryDetails h1 {float:left; width:580px; background:#81308C; color:#FFFFFF; font-size:18px; padding:3px 10px; margin:0 0 15px -5px; display:block;} #signupValidateTax, #signupFinishC {display:none; font-weight:400;} #similarHelp {float:left; background:rgba(255, 255, 255, 0.9); width:250px; font-size:14px; font-weight:300; text-align:center; padding:0 10px; margin-top:-125px; border:1px solid #81308C; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:1px 1px 2px rgba(0,0,0,.5); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.5); -moz-box-shadow:1px 1px 2px rgba(0,0,0,.5); visibility:hidden; opacity:0; transition:visibility 0.5s linear,opacity 0.5s linear; z-index:91} #similarPropertyInput:hover + #similarHelp {visibility:visible; opacity:1;} #enquiryCheckboxes, #otherRequest {float:left; width:100%;} #enquiryCheckboxes {margin-bottom:10px;} #otherRequest {text-align:center; margin-bottom:20px;} #enquiryMessage {display:none;} #propertyButtons {float:left; width:100%; margin-bottom:15px;} #propertyButtons a {height:50px; line-height:normal; font-size:14px; text-align:center; display:inline-flex; align-items:center; justify-content:center;} #propertyButtons a i {margin-right:10px;} .propertyMap {margin:40px 0 !important;} #propertyMapC {display:none;} #propertyMapC, #propertyMap {float:left; width:100%; height:500px;} .propertyContentL, .propertyContentR, .propertyContentRC {float:left;} .propertyContentL {font-weight:400;} .propertyContentRC h3 {margin:0 0 10px;} .propertyContentRC ul, .propertyContentRC li {float:left; width:100%;} .propertyContentRC ul {padding:0; margin:5px 0 10px; list-style:none; position:relative;} .propertyContentRC li {font-weight:600; margin:0 0 5px;} .propertyContentRC li i {width:20px; margin-right:10px;} .propertyContentRC {width:100%; margin-bottom:20px;} .virtualTourList, .videoTourList {cursor:pointer;} .virtualTourList {color:#E74594;} .videoTourList {color:#81308C;} .virtualTourList:hover, .videoTourList:hover {color:#7DCFE5;} #epcRating {float:left; background:#FFF; width:100%; font-size:12px; margin-bottom:3px;} #epcRating table {width:100%; border:1px solid #F1F2F3; border-collapse:collapse;} #epcRating th, #epcRating td {font-size:14px; font-weight:600; border:1px solid #F1F2F3;} #epcRating th {padding:5px;} #epcRating td {padding:0;} #epcRating td.noB {border-top:none; border-bottom:none;} .epcLeft, .epcCentre, .epcRight {display:table-cell; vertical-align:middle;} .epcLeft {width:50%;} .epcCentre, .epcRight {width:25%;} .epcBlock {float:left; clear:left; height:20px; line-height:20px; text-align:right; color:#FFF; display:block;} .epcA {background:#017F3F; width:20%;} .epcB {background:#2DA02B; width:30%;} .epcC {background:#9FCA3C; width:40%;} .epcD {background:#FDF202; width:50%;} .epcE {background:#FFAE1E; width:60%;} .epcF {background:#ED682D; width:70%;} .epcG {background:#E41D24; width:80%;} .epcCap {float:left; width:0 !important; height:0; clear:none; border-style:solid; border-width:10px 0 10px 10px;} .epcCA.epcCap {border-color:transparent transparent transparent #017F3F;} .epcCB.epcCap {border-color:transparent transparent transparent #2DA02B;} .epcCC.epcCap {border-color:transparent transparent transparent #9FCA3C;} .epcCD.epcCap {border-color:transparent transparent transparent #FDF202;} .epcCE.epcCap {border-color:transparent transparent transparent #FFAE1E;} .epcCF.epcCap {border-color:transparent transparent transparent #ED682D;} .epcCG.epcCap {border-color:transparent transparent transparent #E41D24;} .epcRA, .epcRB, .epcRC, .epcRD, .epcRE, .epcRF, .epcRG {width:100%; text-align:center;} .epcRA {background:#017F3F;} .epcRB {background:#2DA02B;} .epcRC {background:#9FCA3C;} .epcRD {background:#FDF202;} .epcRE {background:#FFAE1E;} .epcRF {background:#ED682D;} .epcRG {background:#E41D24;} .epcLow span {opacity:0.2;} #shareContainer {clear:both; margin:50px 0 20px;} #shareContainer, #shareThisPropertyMain {float:left; width:100%;} #shareContainer h3 {float:left; width:100%; margin:0 0 10px !important;} #shareThisPropertyMain {float:left; width:100%; height:35px; text-align:center; padding:0; margin:0; position:relative;} #shareThisPropertyMain li {background:url(/images/shareIcons.png) no-repeat;cursor:pointer !important;display:inline-block !important;height:35px !important;list-style-type:none !important padding:0 !important; margin:0 20px 0 0 !important;} #shareThisPropertyMain li:nth-of-type(4) {margin-right:0 !important;} #shareThisPropertyMain a {float:left; width:47px; height:35px; padding:0 5px; display:block;} li#shareFacebook{background-position:0 bottom !important;} li#shareFacebook:hover{background-position:0 top !important;} li#shareTwitter{background-position:-53px bottom !important;} li#shareTwitter:hover{background-position:-53px top !important;} li#shareGooglePlus{background-position:-106px bottom !important;} li#shareGooglePlus:hover{background-position:-106px top !important;} li#sharePinterest{background-position:-159px bottom !important;} li#sharePinterest:hover{background-position:-159px top !important;} #shareThisPropertyMain li a:hover > span {display:block;} #shareThisPropertyMain span{position:absolute; top:-40px; right:0; display:none; color:#333; font-weight:bold; z-index:999;} .twoWBC h4 {float:left; background:#81308C; width:calc(100% + 16px); color:#FFF; text-align:center; font-size:22px; padding:20px 0; margin:0 0 0 -8px;} .expensesTitleW, .mortgageTitleW, .mortgageValue {float:left; width:100%; font-weight:600;} .mortgageValue {text-align:center; margin:0 0 15px;} .expensesTitle, .mortgageTitle, .formTitle {float:left; clear:both; margin:0 2% 5px 0;} .expensesCost, .mortgageResult {float:left; font-weight:bold; margin:0 0 5px;} .expensesTitle {width:73%;} .expensesCost { width:25%;} .mortgageTitle {line-height:40px; font-weight:600;} .mortgageResult {line-height:40px;} .expensesClear {float:left; width:100%; margin:0 0 20px;} .mortgageTitleW {float:left; width:100%; clear:both; font-weight:600; margin:0 0 5px;} .tTax, .tDisc {float:left; width:100%; font-size:11px; font-style:italic; text-align:center;} .tTax {margin:15px 0;} .tDisc {margin:0 0 15px;} #mihContainer {float:left; width:100%; text-align:center;} #mihContainer img {width:100%; max-width:225px; height:auto; max-height:90px;} .propFormRow, #mortgageContainer, #mortgageResponseContainer {float:left; width:100%;} .propertyCostingsBox {float:left; width:100%; padding:15px 0;} #mortgageResponseContainer {display:none; padding-bottom:15px;} .mortgageResult input, .mortgageResult .ui-selectmenu-button {width:calc(100% - 30px); margin-right:5px;} #mortgageContainer input {text-align:right;} #getMortgage {margin:15px 0;} input[type='number'] {-moz-appearance:textfield;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none;} .propFormSmall {font-size:14px;} .propFormSmall label {cursor:pointer;} .propFormMB {margin-bottom:15px;} .propFormHighlight {background:rgba(239, 156, 32, 0.4); padding:5px 10px; border:1px solid #EF9C20;} .boxRow {float:left; width:100%; vertical-align:top; position:relative; justify-content:center;} .spanishProvinces .boxRow {width:100%; margin:0; display:flex; flex-wrap:wrap;} .topBoxRow {margin-bottom:25px;} .searchColText {float:left; text-align:justify; padding:0;} .oneBoxes, twoBoxes, .threeBoxes, fourBoxes, .featuredContainer, .latestContainer, .categoryContainer, .similarProperties {float:left; width:100%; margin:40px 0;} .oneBox, .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox {float:left; background-clip:padding-box;} .oneBox img, .twoBox img, .threeBox img, .fourBox img {width:100%; height:auto;} .fourBox {min-height:200px;} .oneBox, .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox, .fpFeaturedProperty, .oneBox, .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox {vertical-align:central;} .similarProperty, .fpFeaturedProperty {vertical-align:top;} .oneBox {width:80%; margin:0 10%;} .twoBox {width:50%;} .twoBox, .threeBox, .fourBox {border:15px solid transparent;} .twoBox.centreAlign, .threeBox.centreAlign, .fourBox.centreAlign {text-align:center;} .twoWB, .threeWB {background:none; padding:0;} .twoWBC, .threeWBC {float:left; background:#FFF; width:100%; height:100%; border:2px solid #81308C; padding:0 8px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .fourProvinceBox {border:10px solid transparent;} .fourProvinceContainer {background:#FFF; width:100%; height:100%; text-align:center; border:1px solid #EBEBEB; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .fourProvinceContainer:hover {border:1px solid #A6A6A6;} .fourProvincePhoto {float:left; width:45%; height:160px; position:relative; overflow:hidden; border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px;} .fourProvincePhoto img {position:absolute; top:0; width:auto; height:100%; left:-9999px; right:-9999px; margin:auto;} .fourProvinceTitle {float:left; width:55%; height:100%; font-size:18px; padding:5px 10px; display:flex; align-items:center;} .fourProvinceTitle a {color:#231F20; font-weight:600;} .fourProvincePhoto:hover + .fourProvinceTitle a, .fourProvinceTitle a:hover {color:#E74594;} .sliderRow, .sliderARow {float:left; width:100%; white-space:nowrap; overflow:hidden;} .sliderARow {height:100px;} .fpAgent {float:left; height:100px; display:flex !important; justify-content:center; align-items:center;} .fpAgent img {width:auto; height:auto; max-height:100px;} .fpFeaturedProperty, .similarProperty {background:#231F20; background-clip:padding-box; text-align:justify; display:inline-block; position:relative; vertical-align:top; transition-duration:0.5s;} .similarProperty {float:left;} .fpFILink, .similarProperty a {position:absolute; top:0; left:0; width:100%; height:100%; display:block;} .fpFeaturedProperty, .similarProperty, .fpFeaturedImage, .similarPropPhoto {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .fpFeaturedImage, .similarPropPhoto {float:left; width:100%; overflow:hidden; position:relative; opacity:1;} .fpFeaturedImage img, .similarPropPhoto img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto; opacity:1 !important; transition-duration:0.5s;} .fpFeaturedImage img.fp43, .similarPropPhoto img.fp43 {width:100%; height:auto;} .fpFeaturedImage img.fpLS, .similarPropPhoto img.fpLS {width:auto; height:100%;} @supports not (aspect-ratio: 1 / 1) { .fpFeaturedProperty::before, .similarProperty::before, .fpFeaturedImage::before, .similarPropPhoto::before {content:""; padding-top:75%;} .fpFeaturedProperty::after, .similarProperty::after, .fpFeaturedImage::after, .similarPropPhoto::after {content:""; display:block; clear:both;} } @supports (aspect-ratio: 1 / 1) { .fpFeaturedProperty, .similarProperty, .fpFeaturedImage, .similarPropPhoto {aspect-ratio:4/3;} } .isTab img.fp43 {width:120% !important;} .isTab img.fpLS {height:120% !important;} .fpFeaturedProperty:hover .fpFeaturedImage img, .similarProperty:hover .similarPropPhoto img {opacity:0.3 !important;} .fpFeaturedTitle, .fpFeaturedLocation, .fpFeaturedPrice, .fpFeaturedPhotoC, .similarTitle, .similarLocation, .similarPrice, .similarPhotoC {position:absolute; font-weight:600; color:#FFF; text-shadow:2px 2px 2px rgba(35,31,32,1);} .fpFeaturedTitle, .fpFeaturedLocation, .similarTitle, .similarLocation {font-family:"Open Sans", Arial, Verdana; color:#FFF !important; margin:0; line-height:normal;} .fpFeaturedTitle, .similarTitle {top:10px; left:5px;} .fpFeaturedTitle a, .fpFeaturedLocation a {color:#FFF;} .fpFeaturedTitle a:hover, .fpFeaturedLocation a:hover {color:#E74594;} .fpFeaturedLocation, .similarLocation {bottom:10px; right:5px;} .fpFeaturedPhotoC, .similarPhotoC {bottom:10px; left:5px;} .fpFeaturedPrice, .similarPrice {top:10px; right:5px;} .fpFeaturedPrice, .fpFeaturedPhotoC, .similarPrice, .similarPhotoC {transition:transform 0.4s ease 0s, opacity 0.2s ease 0s;} .fpFeaturedPrice, .similarPrice {transform:translateY(-100px);} .fpFeaturedPhotoC, .similarPhotoC {transform:translateY(100px);} .fpFeaturedProperty:hover .fpFeaturedPrice, .fpFeaturedProperty:hover .fpFeaturedPhotoC, .similarProperty:hover .similarPrice, .similarProperty:hover .similarPhotoC {transform:translateY(0);} .fpFeaturedSpecs, .similarSpecs {position:absolute; top:calc(50% - 25px); width:100%; height:50px; color:#231F20; display:table; table-layout:fixed;} .fpFeaturedSpec, .similarSpec {display:table-cell; text-align:center;} .fpFeaturedSpec i {color:#E74594;} .fpFeaturedSpec span, .similarSpec span {background:rgba(255, 255, 255, 0.85); width:50px; height:50px; display:inline-block; font-size:14px; font-weight:600; color:#81308C; border:1px solid #FFF; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.6); -moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.6); box-shadow:0 0 5px 0 rgba(0,0,0,0.6); transform:translateY(300px); transition:transform 0.4s ease 0s, opacity 0.2s ease 0s;} .fpFeaturedSpec:first-child span, .similarSpec:first-child span {transition-delay:0.05s;} .fpFeaturedSpec:nth-child(2) span, .similarSpec:nth-child(2) span {transition-delay:0.1s;} .fpFeaturedSpec:last-child span, .similarSpec:last-child span {transition-delay:0.15s;} .fpFeaturedSpec span i, .similarSpec span i {font-size:16px !important;} .fpFeaturedProperty:hover .fpFeaturedSpec span, .similarProperty:hover .similarSpec span {transform:translateY(0);} .fpPromotion, .sideContent, .signupChoice, .signupOption {float:left; background:#FFF; width:100%; padding:5px 10px; margin-bottom:30px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #signupOption {width:100%; text-align:center; margin:0 0 30px;} #signupOption .boxRow {justify-content:center; flex-wrap:wrap;} .fpPromotion, .sideContent, .signupChoice:hover, .signupChoice.selectedChoice, .signupOption:hover, .signupOption.selectedOption, .fourProvinceContainer:hover {-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.3); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.3); box-shadow:0 0 20px 0 rgba(0,0,0,0.3);} .fpPromotion, .blogBox {height:100%; position:relative; padding-bottom:50px;} .blogBox {float:left; width:100%; font-size:14px; margin-bottom:30px;} .threeBox .fpPromotion, .threeBox .blogBox {text-align:left !important;} .fpPromotion .signupButton, .fpPromotion .listButton, .blogBox .listButton {position:absolute; bottom:10px; right:10px;} .signupChoice, .signupOption {height:100%; text-align:center; border:1px solid #CCC; transition-duration:0.5s; cursor:pointer; position:relative;} .signupChoice.selectedChoice, .signupOption.selectedOption {border:1px solid #81308C;} .signupChoice.notSelectedChoice, .signupOption.notSelectedOption {opacity:0.4;} .signupChoice.notSelectedChoice:hover, .signupOption.notSelectedOption:hover {opacity:1;} .signupChoice h2, .signupOption h3 {text-align:center !important;} .blogBoxImg {float:left; width:100%; aspect-ratio:2/1; overflow:hidden; position:relative;} .blogBoxImg img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;} .blogBoxImgL img {width:100%; height:auto;} .blogBoxImgP img {width:auto; height:100%;} .blogBoxTitle {position:absolute; bottom:0; left:0; width:100%; background:rgba(129, 48, 140, 0.65); backdrop-filter:blur(10px); padding:5px 10px;} .blogBoxT {float:left; width:100%;} .hotPropertyContainer {float:left; position:relative; border:1px solid #81308C; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow:0 0 5px 0px rgba(0,0,0,0.3); -moz-box-shadow:0 0 5px 0px rgba(0,0,0,0.3); box-shadow:0 0 5px 0px rgba(0,0,0,0.3); overflow:hidden;} .hotPropertyDetailsContainer {display:flex;} .hotPropertyDetails {width:100%; text-align:center; padding:10px 15px;} .hotPropertyDetails .listButton {margin-top:5px;} .hotPropertyAgentDetails {font-weight:600;} .hotPropertyTitle {color:#81308C; font-weight:600 !important;} .hotPropertyPrice {color:#E74594; font-weight:600 !important;} .faqCat {width:100%; min-height:60px; text-align:center; display:flex; flex-direction:column; justify-content:center; padding:10px 5px; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration:0.5s;} #faqList {width:90%; display:table; text-align:center; padding:0 0 30px; margin:0 auto;} .faq {background:#FCFCFC; margin-bottom:5px; padding:0; border:none;} .faqQuestion {background:#EFEFEF; padding:15px 20px;} .faqQuestion h4 {font-family:"Open Sans", Arial, Verdana; font-size:22px; font-weight:600; text-align:left; margin:0; position:relative;} .faqQuestion h4 a {width:100%; color:#231F20; padding-right:50px; display:inline-block; cursor:pointer;} .faqQuestion h4 a:hover, .faqQuestion h4 a.displayed {color:#81308C; text-decoration:none;} .faqQuestion h4 a:after, .faqQuestion h4 a.collapsed:after {position:absolute; top:0; right:0; content:"+"; vertical-align:middle; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); transition:transform 0.2s;} .faqQuestion h4 a.displayed:after {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition:transform 0.2s;} .faqAnswer {background:#FFF; text-align:left; padding:15px;} .faqAnswer.collapsed {display:none;} .faqAnswer p {margin:0 0 12px;} .infoRibbon {position:absolute; top:-5px; z-index:1; overflow:hidden; width:75px; height:75px; text-align:right;} .infoRibbon.rightRibbon {right:-5px;} .infoRibbon.leftRibbon {left:-5px;} .infoRibbon span {font-size:10px; font-weight:bold; color:#FFF; text-transform:uppercase; text-align:center; line-height:20px; width:100px; display:block; background:#BB0003; background:linear-gradient(#F00 0%, #BB0003 100%); box-shadow:0 3px 10px -5px rgba(0, 0, 0, 1); position:absolute; top:19px;} .infoRibbon.rightRibbon span {transform:rotate(45deg); -webkit-transform:rotate(45deg); right:-21px;} .infoRibbon.leftRibbon span {transform:rotate(-45deg); -webkit-transform:rotate(-45deg); left:-21px;} .infoRibbon span::before {content:""; position:absolute; left:0px; top:100%; z-index:-1; border-left:3px solid #730606; border-right:3px solid transparent; border-bottom:3px solid transparent; border-top:3px solid #730606;} .infoRibbon span::after {content:""; position:absolute; right:0px; top:100%; z-index:-1; border-left:3px solid transparent; border-right:3px solid #730606; border-bottom:3px solid transparent; border-top:3px solid #730606;} #signupForm, #vatForm, #paymentForm, #signupOption {float:left; display:none;} .formError {border:1px solid #F00; box-shadow:0 0 1.5px 1px #F00;} #payByCardForm {text-align:center; margin:40px 0;} #payPalButton, #payPalForm {float:left; width:100%; margin-bottom:40px;} #payPalForm {display:none;} #pagesSplitContainer {float:right;} #newsletterDisplay {float:left; width:100%; background:#FBFBFB; font-size:16px; color:#231F20;} #newsletterHeader, #newsletterMain, #newsletterFooter {float:left; width:100%;} #newsletterHeader, #newsletterFooter {padding:15px 0;} #newsletterHeader {margin-bottom:15px;} #newsletterLogo {float:left; width:100%; height:50px; text-align:center;} .newsletterMainText {max-width:610px; line-height:normal; margin:0 auto;} #newsletterHeaderTitle {float:left; width:100%; text-align:center;} #newsletterHeaderTitle h2 {font-size:30px; font-weight:600; color:#81308C; font-family:"Open Sans"; margin:0 0 40px;} #emailProperties {float:left; width:100%; margin-bottom:40px;} .emailRow {float:left; width:100%; display:flex; justify-content:center; position:relative; margin-bottom:10px} .emailPropertyC {width:186.6666px; border:10px solid transparent; position:relative;} .emailPropertyC1 {border-left:none !important;} .emailPropertyC3 {border-right:none !important;} .emailProperty {float:left; background:#FFF; width:100%; height:100%; font-size:12px; text-align:left; padding:2px; position:relative; border:1px solid #E0E0E0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .emailPropertyPhoto {float:left; width:100%; height:125px; border:1px solid #E0E0E0; margin:0 0 10px; position:relative; overflow:hidden; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} .emailPropertyPhoto img {position:absolute; margin:auto;} .emailPropertyPhoto img.pP {width:auto; min-width:100%; height:100%; top:0; left:-9999px; right:-9999px;} .emailPropertyPhoto img.lP {float:left; width:100%; height:auto; min-height:100%; left:0; top:-9999px; bottom:-9999px;} .emailProperty ul {float:left; width:calc(100% - 10px); text-align:center; padding:0 !important; margin:5px 5px 10px; list-style:none !important;} .emailProperty li {margin:0 0 5px !important;} .emailProperty li:first-child {font-weight:400;} .emailPropertyPrice {float:left; width:100%; text-align:center; font-size:16px; color:#E74594; font-weight:600; margin-bottom:20px;} .propertyLink {float:right; height:30px; line-height:28px; color:#FFF !important; background:#81308C; padding:0 10px; margin:0 5px 5px 0; border:1px solid #561D5E; display:block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .propertyLink:hover {background:#7DCFE5; color:#FFF; border:1px solid #508593; text-decoration:none;} #newsletterFooter {color:#959695; font-size:12px; text-align:center;} #pagesSideContent {float:left;} #pagesSideContent h4 {font-size:22px; line-height:26px;} .newsletterArchive {float:left; width:100%; padding:0; list-style:none; margin:10px 0;} .newsletterArchive li {float:left; width:100%; font-size:14px; margin-bottom:5px;} .newsletterArchive li i {margin-right:15px;} .newsletterArchive li a {float:left; width:100%; color:#231F20; display:block;} .newsletterArchive li a:hover, .newsletterArchive li a.selectedNewsletter {color:#81308C;} .newsletterArchive li a.selectedNewsletter {font-weight:600;} #footerTop {float:left; width:100%; background:#EAEAEA; margin:0; border-top:1px solid #DADBDB; border-bottom:1px solid #DADBDB; padding:20px 0 0;} .footerThird h6 {font-size:20px; line-height:22px;} #footerLogo, #socialLinks {width:206px; clear:both;} #footerLogo {height:45px;} #footerLogo .logoTitle {font-size:16px; margin-top:20px;} .footerThird:nth-child(2), .footerThird:nth-child(2) h6 {text-align:center;} .footerThird:last-child, .footerThird:last-child h6 {text-align:right;} .footerThird ul {float:left; width:100%; list-style:none; margin:0 0 20px; padding:0;} #footerBottom {float:left; width:100%; background:#F1F1F1; font-size:10px; text-align:right; border-top:1px solid #FFF; height:30px; line-height:30px;} .footerThird a {color:#231F20;} #footerBottom a {color:#666;} .footerThird a:hover, #footerBottom a:hover {color:#81308C;} #footerBottom a:hover {text-decoration:underline;} #loginFooter {cursor:pointer;} #socialLinks {text-align:center;} .socialLink {width:28px; height:28px; color:#FFF !important; font-size:16px; line-height:26px; margin-right:10px; display:inline-block; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden;} .socialLink:hover {background:#FFF;} .socialLink:last-child {margin-right:0;} .fbLink {background:#3B5998; border:1px solid #3B5998;} .fbLink:hover {color:#3B5998 !important;} .twLink {background:#1D9BF0; border:1px solid #1D9BF0;} .twLink:hover {color:#1D9BF0 !important;} #xmlValidate {float:left; padding:10px 15px; position:relative;} #xmlValidate input {margin-bottom:20px;} .specLinks {float:left; width:100%; text-align:center; list-style:none; padding:0; margin:15px 0;} .specLinks li {padding:5px 15px; margin:0 10px; display:inline-block;} #xmlFeedback {float:left; background:#FFF; padding:10px 15px; border:1px solid #C5C5C5; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:none;} .xmlValid, .xmlTestFailed {font-weight:600;} .xmlValid {color:#33CC33;} .xmlTestFailed, .feedFailed {color:#FF0000;} #searchLoadingBG, #validateWaiting {position:fixed; height:100vh;} #contactWaiting, #helpWaiting {position:absolute; height:100%;} #searchLoadingBG, #contactWaiting, #validateWaiting, #helpWaiting {background:rgba(255,255,255,0.6); top:0; left:0; width:100%; z-index:9994; display:none;} #searchLoadingBG img, #contactWaiting img, #validateWaiting img {position:absolute; left:50%; width:128px; height:128px; margin:-64px 0 0 -64px;} #searchLoadingBG img, #validateWaiting img {top:50vh;} #contactWaiting img {top:50%;} #helpWaiting img {position:absolute; top:50%; left:50%; width:64px; height:64px; margin:-52px 0 0 -32px;} #loginBGContainer, #vTourBGContainer {position:fixed; display:table; height:100vh; width:100vw; top:0; left:0; transform:scale(0); z-index:99998; } #loginBGContainer.unfold, #vTourBGContainer.unfold {transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #loginBGContainer.unfold #loginBG #loginSignupContainer, #loginBGContainer.unfold #closeLogin, #vTourBGContainer.unfold #vTourBG #vTourContainer, #vTourBGContainer.unfold #closeVTour {transform:scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #loginBGContainer.unfold.out, #vTourBGContainer.unfold.out {transform:scale(1); animation:unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #loginBGContainer.unfold.out #loginBG #loginSignupContainer, #loginBGContainer.unfold.out #closeLogin, #vTourBGContainer.unfold.out #vTourBG #vTourContainer, #vTourBGContainer.unfold.out #closeVTour {animation:zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #loginBGContainer #loginBG, #vTourBGContainer #vTourBG {display:table-cell; background:rgba(23, 23, 23, 0.8); text-align:center; vertical-align:middle;} #loginSignupContainer, #vTourContainer {background:#FFF; width:96%; max-width:1170px; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); transition-duration:0.5s; cursor:default; transform:scale(0);} #loginSignupContainer {max-width:768px; padding:10px; overflow-y:auto;} #vTourContainer {max-width:1230px; height:calc(100vh - 80px); padding:0; overflow:hidden;} #vTourContainer .container {width:100% !important; margin:0 !important;} #vTourFrame {width:100%; height:100%; border:0;} #loginContainer, #loginHelpContainer, #signupContainer, #signupContainerForms div.loginClient, #signupContainerForms div.loginAgent, #signupContainerForms div.loginAdvertiser, #memSignupRes {float:left; width:100%; display:none;} #loginSignupContainer {width:96%; max-width:768px; background:#FFF; padding:10px; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); transition-duration:0.5s; cursor:default; overflow:hidden;} .loginSelect {float:left; width:100%; height:30px; line-height:30px; margin-bottom:20px;} /* .loginSelect a {float:left; background:#F8F8F8; width:49%; height:30px; line-height:30px; text-align:center; color:#81308C; cursor:pointer; transition-duration:0.5s;} .loginSelect a:first-child {margin-right:2%; border-radius:2px 0 0 0; -moz-border-radius:2px 0 0 0; -webkit-border-radius:2px 0 0 0;} .loginSelect a:last-child {border-radius:0 2px 0 0; -moz-border-radius:0 2px 0 0; -webkit-border-radius:0 2px 0 0;} #signupSelect a {width:32%; margin-right:2%;} */ .loginSelect a {float:left; background:#F8F8F8; width:32%; height:30px; line-height:30px; text-align:center; color:#81308C; margin-right:2%; cursor:pointer; transition-duration:0.5s;} .loginSelect a:first-child {border-radius:2px 0 0 0; -moz-border-radius:2px 0 0 0; -webkit-border-radius:2px 0 0 0;} .loginSelect a:last-child {margin-right:0; border-radius:0 2px 0 0; -moz-border-radius:0 2px 0 0; -webkit-border-radius:0 2px 0 0;} #signupSelect a {width:23.5%;} #signupSelect a:last-child {margin-right:0;} .loginSelect a:hover, .loginSelect a.selectedLogin {background:#81308C; color:#FFF;} .memLoginContainer, .loginSignup {float:left; width:100%;} .loginSignup {text-align:center;} #loginBG h2 {float:left; width:100%; color:#81308C; font-size:22px; line-height:26px; display:none; margin:0 0 10px;} .formTitle {font-weight:600;} #forgotPass {float:left; width:100%; font-size:12px; text-align:center;} #loginBG, #memLoginAC, #forgotPass, #loginSignup, #loginRem, #loginBack, #loginFooter {cursor:pointer;} #memLoginAC, #signupEAContinue, #memForgotAC, #memSignupAC, #completeClose, .signupLink {float:left; clear:both; background:#81308C; width:200px; height:40px; line-height:40px; left:50%; display:block; color:#FFF; font-size:16px; text-align:center; border:1px solid #561D5E; margin:10px 0 10px -100px; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; transition-duration:0.5s;} {float:left; width:100%; text-align:center;} .loginError, .errList {color:#B30002; font-weight:600; padding:0; list-style:none;} .loginError {margin:0;} .errList {margin:0 0 40px;} #closeLogin, #closeVTour {position:absolute; top:10px; right:10px; background:#F1F2F3; text-align:center; color:#000; font-size:30px; font-weight:700; padding:5px 16px; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; webkit-box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); -moz-box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); transition-duration:0.5s; z-index:99999; transform:scale(0);} #closeLogin:hover, #closeVTour:hover {background:#FFF; color:#81308C; text-decoration:none;} .signupShowContainer, #deleteContainer, #loginBG h2.selectedTitle, #signupContainerForms .selectedDiv {display:block !important;} .showPass {float:right; width:20px; height:40px; line-height:40px; font-size:22px; color:#CCC; margin:-42px 10px 0 0; display:block; cursor:pointer; transition-duration:0.5s; position:relative; z-index:1;} #loginPass:hover + .showPass {color:#231F20;} .showPass:hover {color:#E74594;} #memLoginACL, #memForgotACL, #memSignupACL {float:left; background:#81308C; width:70px; height:40px; line-height:40px; display:none; text-align:center; border:1px solid #561D5E; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;} #memSignupACL {margin:10px 0;} #memLoginACL, #memForgotACL {clear:both; left:50%; margin:10px 0 10px -35px;} #memLoginRes, #memForgotRes, #memSignupRes {float:left; width:100%; min-height:25px; line-height:25px; font-size:14px; margin-bottom:15px; display:none;} .memLoginErr {color:#BB0003;} .contactCols {float:left;} #captchaVerification{float:left; background:#FFF; width:calc(100% - 2px); border:1px solid #81308C; margin:20px 0; padding:10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} .imgCaptcha {background:none; width:200px; font-size:14px; margin:0 !important;} #captchaVerification iframe {float:left;} #imgCaptchaDirs {float:left; width:calc(100% - 220px) !important; margin:15px 0 15px 20px;} input.captchaResponse {clear:none !important;} .sFormRow {float:left; clear:left; width:100%; padding:5px; position:relative;} .sFormRowR {position:relative;} .sFormTitle {float:left; clear:left; width:25%; line-height:40px; font-weight:600;} .sFormRow input, .sFormRow textarea {float:left; background:#FFF; font-size:18px; padding:3px 10px; border:1px solid #C5C5C5; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; transition-duration:0.5s;} .sFormRow input {height:40px; line-height:40px; } .sFormChecklist {float:left; font-size:18px; padding:3px 10px;} .sFormChecklist label {width:100%;} .sFormRow textarea {width:100%; min-height:120px; font-family:"Open Sans", Arial, Verdana; font-weight:600;} .sFormRow:nth-of-type(even) {background:rgba(129, 48, 140,0.2);} .sFormRow:nth-of-type(odd) {background:rgba(129, 48, 140,0.05);} .sFormInst {float:left; height:40px; line-height:40px; font-size:12px; margin-left:5px;} .sFormRow .showPass {position:absolute; float:none !important; margin:0 !important;} #selectedLocations, #selectedLocationsS {float:left;} #selectedLocations span, #selectedLocationsS span {float:left; height:20px; line-height:20px; background:#81308C; color:#FFF; font-weight:600; font-size:14px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; position:relative;} #selectedLocations span {padding:0 20px 0 10px; margin:10px 0 10px 10px; cursor:pointer;} #selectedLocationsS span {padding:0 10px; margin:5px 0 0 10px;} #selectedLocations span::after {content:"x"; position:absolute; top:0; right:5px; color:#FBFBFB;} #selectedLocations span:hover {background:#E74594;} #selectedLocations span:hover::after {color:#231F20;} #selectedLocations span:first-child {margin-left:0;} #selectedInput {display:none;} .googleSearchAd, .sppSearchAd {float:left; width:100%; margin:25px 0 !important; display:flex; justify-content:center; align-items:center; text-align:center;} .adsbygoogle, .sppSearchAd img, .sppSearchAd video {display:inline-block;} .googleSearchAdSq {width:320px !important; height:320px !important;} .googleSearchAdR {width:728px !important; height:90px !important;} .googleSearchAdM {width:320px !important; height:100px !important;} .googleBoxAd, .sppBoxAd {display:flex; justify-content:center; align-items:center; margin:0; border:5px solid transparent;} .googleBoxAd img, .sppBoxAd img {max-width:100%; height:auto;} #cookieUseContainer {position:fixed; left:2%; bottom:15px; background:rgba(255,255,255,0.8); backdrop-filter:blur(10px); width:96%; text-align:center; border:2px solid #81308C; padding:14px; font-size:14px; display:none; z-index:99997; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; webkit-box-shadow:4px 4px 5px 0px rgba(20, 20, 20, 0.75); -moz-box-shadow:4px 4px 5px 0px rgba(20, 20, 20, 0.75); box-shadow:4px 4px 5px 0px rgba(20, 20, 20, 0.75);} #cookieUse, #cookieText, #cookieButtons {float:left; width:100%; color:#231F20;} #cookieText {padding:14px;} #cookieText h6 {text-align:center;} #cookieText a {color:#81308C;} #cookieText a:hover {color:#231F20;} #cookieContinue, #cookieRefuse {float:left; height:40px; line-height:36px; display:block; cursor:pointer; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} #cookieContinue {background:#81308C; width:65%; color:#FFF; font-size:16px; margin:20px 5%; border:2px solid #561D5E;} #cookieContinue:hover {background:#561D5E; color:#FFF;} #cookieRefuse {background:#FFF; width:calc(25% - 4px); color:#231F20; font-size:12px; border:2px solid #231F20; margin:20px 0;} #cookieRefuse:hover {background:#231F20; color:#FFF;} #agentsHelp {position:fixed; bottom:0; left:10px; width:450px; max-width:calc(75vw - 35px); font-size:14px; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; webkit-box-shadow:-1px 2px 3px 0px rgba(20, 20, 20, 0.5); -moz-box-shadow:-1px 2px 3px 0px rgba(20, 20, 20, 0.5); box-shadow:-1px 2px 3px 0px rgba(20, 20, 20, 0.5); z-index:100; transform:translateY(100%); transition-duration:0.6s !important;} @supports (backdrop-filter:blur(10px)) { #agentsHelp {background:rgba(255, 255, 255, 0.5); backdrop-filter:blur(10px);} } @supports not (backdrop-filter:blur(10px)) { #agentsHelp {background:rgba(255, 255, 255, 0.9);} } #agentsHelpFCO {float:left; width:100%; max-height:calc(100vh - 75px); overflow-y:auto;} #agentsHelpFCO h6 {float:left; width:100%; background:rgba(129, 48, 140, 0.9); color:#FFF; text-align:center; font-size:20px; font-weight:600; font-family:"Open Sans", Arial, Verdana; margin:0; padding:5px; border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; cursor:pointer; position:relative; overflow:hidden; z-index:1;} #agentsHelpFCO h6:hover {background:rgba(129, 48, 140, 0.5);} #agentsHelpFCO h6:after {content:''; top:0; left:0; transform:translateX(100%); width:100%; height:100%; position:absolute; z-index:1; animation:slide 10s infinite; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0.5) 50%, rgba(128,186,232,0) 75%, rgba(125,185,232,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(25%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.5)), color-stop(75%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0.5) 50%,rgba(128,186,232,0) 75%,rgba(125,185,232,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%,rgba(255,255,255,0.5) 50%,rgba(128,186,232,0) 75%,rgba(125,185,232,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%,rgba(255,255,255,0.5) 50%,rgba(128,186,232,0) 75%,rgba(125,185,232,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%,rgba(255,255,255,0.5) 50%,rgba(128,186,232,0) 75%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); z-index:1;} #agentsHelpFormC {float:left; width:100%; padding:10px 10px 20px; position:relative;} #agentsHelpForm, #agentsHelpResponse {float:left; width:100%;} #agentsHelpResponse {display:none;} #closeHelp {position:absolute; top:-15px; right:-15px; background:#E74594; color:#FFF; font-size:20px; font-weight:700; padding:1px 8px 2px; cursor:pointer; border:1px solid #E74594; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; webkit-box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); -moz-box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); display:none; z-index:2;} #closeHelp:hover {background:#FFF; color:#81308C; text-decoration:none; border:1px solid #81308C;} #scrollToTop {background:rgba(35, 31, 32, 0.6); border-radius:7px 7px 0 0; bottom:0; color:#FFF; font-family:"Open Sans"; font-size:32px; display:block; height:32px; padding:3px 0 15px; position:fixed; right:10px; text-align:center; text-decoration:none; width:49px; z-index:1040; display:none; cursor:pointer; box-sizing:content-box;} #scrollToTop:hover {background:rgba(35, 31, 32, 0.95);} @keyframes unfoldIn { 0% {transform: scaleY(0.005) scaleX(0);} 50% {transform: scaleY(0.005) scaleX(1);} 100% {transform: scaleY(1) scaleX(1);} } @keyframes unfoldOut { 0% {transform: scaleY(1) scaleX(1);} 50% {transform: scaleY(0.005) scaleX(1);} 100% {transform: scaleY(0.005) scaleX(0);} } @keyframes zoomIn { 0% {transform:scale(0);} 100% {transform:scale(1);} } @keyframes zoomOut { 0% {transform: scale(1);} 100% {transform: scale(0);} } @keyframes move { 0% {background-position:0 0;} 100% {background-position:50px 50px;} } @keyframes slide { 0% {transform:translateX(-100%);} 8% {transform:translateX(100%);} 100% {transform:translateX(100%);} } @media screen and (min-width: 1400px) { #mainMenu li {margin:0 25px;} #mainMenu a {font-size:16px;} .languages {margin:0 0 0 25px; padding:5px 0;} .slidingHeader .languages {padding:0;} .searchPropContainer {width:25%;} .searchPropContainer:nth-child(1), .searchPropContainer:nth-child(6), .searchPropContainer:nth-child(11) {clear:left; border-left:none;} .searchPropContainer:nth-child(4), .searchPropContainer:nth-child(9), .searchPropContainer:nth-child(14) {border-right:none;} .searchPropPhoto {height:180px;} .propSearchSpecs li {font-size:14px;} .propSearchSpecs i {font-size:16px;} #propertyAgent {padding:15px 10px;} .spanishProvinces .boxRow {width:90%; margin:0 5%;} .fourProvinceBox {width:25%;} .hotPropertyDetailsContainer {width:30%;} .boxRow.fourBoxes {flex-wrap:no-wrap;} .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox {width:25%;} } @media screen and (min-width: 1200px) and (max-width: 1399px) { #mainMenu li {margin:0 17px;} #mainMenu a {font-size:14px;} .languages {margin:0 0 0 25px; padding:3px 0;} #propertyAgent {padding:5px 10px;} .hotPropertyDetailsContainer {width:33%;} #morePropertiesBtn {font-size:12px !important;} } @media screen and (min-width: 1200px) { .container, #fpSearchContainer, #pageGalleryOverlay {width:90%; margin:0 5%;} .slidingHeader #mainMenu a {font-size:12px;} #searchFilter.scrolling {width:90%; left:5%;} #pageGalleryOverlay h1, #propertyPrice {font-size:40px;} #propertyPhotos, #mainPhotos li img, .youtube-player {height:600px;} #propertyPhotosContainer {width:800px; height:600px;} #mainPhotos .slick-slide {min-width:800px;} #propertyDetailsContainer {width:calc(100% - 800px); min-height:600px;} .localDistanceTitleW, .mortgageTitleW, .mortgageValue {font-size:20px;} .localDistanceTitle, .localDistance {font-size:16px;} .hotProperties {float:left; width:95%; margin:0 2.5%; display:flex;} .hotPropertyContainer {display:flex; width:49%;} .hotPropertyContainer:first-of-type {margin-right:2%;} @supports not (aspect-ratio: 1 / 1) { .hotPropertyContainer::before {content:""; padding-top:75%;} .hotPropertyContainer::after {content:""; display:block; clear:both;} .hotPropertyContainer img {float:left; margin:auto;} .hotPropertyContainer img.hp43 {width:100%; height:auto;} .hotPropertyContainer img.hpLS {width:auto; height:100%;} } @supports (aspect-ratio: 1 / 1) { .hotPropertyContainer {aspect-ratio:4/3;} .hotPropertyContainer img {position:absolute; margin:auto;} .hotPropertyContainer img.hp43 {width:100%; height:auto; left:0; top:-9999px; bottom:-9999px;} .hotPropertyContainer img.hpLS {width:auto; height:100%; top:0; left:-9999px; right:-9999px;} } .hotPropertyDetailsContainer {position:absolute; top:0; right:5%; height:100%; font-size:12px; display:flex; justify-content:right; align-items:center; flex-flow:wrap;} .hotPropertyDetails {background:rgba(255, 255, 255, 0.75); backdrop-filter:blur(8px); display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; border:1px solid rgba(255, 255, 255, 0.3); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-box-shadow:0 0 3px 0px rgba(0,0,0,0.5); -moz-box-shadow:0 0 3px 0px rgba(0,0,0,0.5); box-shadow:0 0 3px 0px rgba(0,0,0,0.5);} .hotPropertyAgentDetails {margin-top:15px;} .hotPropertyTitle {font-size:18px;} .hotPropertyPrice {font-size:16px;} .hotPropertyDetails p {margin:5px 0;} } @media screen and (min-width: 1000px) and (max-width: 1399px) { .searchPropContainer {width:33.3334%;} .searchPropContainer:nth-child(1), .searchPropContainer:nth-child(5), .searchPropContainer:nth-child(9), .searchPropContainer:nth-child(13) {clear:left; border-left:none;} .searchPropContainer:nth-child(3), .searchPropContainer:nth-child(7), .searchPropContainer:nth-child(11), .searchPropContainer:nth-child(15) {border-right:none;} .searchPropPhoto {height:150px;} .spanishProvinces .boxRow {width:96%; margin:0 2%;} .fourProvinceBox {width:33.3333%;} .boxRow.fourBoxes {flex-wrap:wrap;} .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox {width:50%;} } @media screen and (min-width: 1000px) { header {height:78px;} #logo {width:280px;} #logo {height:60px;} .logoTitle {font-size:22px; margin-top:26px;} #logoSpan {font-size:8px; bottom:0;} nav {width:calc(100% - 280px); margin:21px 0;} #fpSearchContainer {top:78px; height:372px;} #pageGalleryContainer, #pageGallery {height:279px;} #pageGalleryOverlay {top:79px;} #locSearchBox {width:40%;} #priceBox {width:30%;} #bedsBox, #searchButtons {width:15%;} #searchFilter .searchFormTitle {width:20%; font-size:16px;} #searchFilter input, #selectedLocationsS {width:80%;} .pagination {height:40px; line-height:40px;} .pagination a, .pagination span.currentPage {min-width:30px; height:30px; line-height:28px; font-size:14px; padding:0 5px;} .fpFeaturedTitle, .fpFeaturedLocation, .fpFeaturedPhotoC, .similarTitle, .similarLocation, .similarPhotoC {font-size:14px;} #signupForm, #vatForm, #paymentForm {width:60%; margin:0 20% 30px;} .sFormTitle {width:25%;} .sFormRow input, .sFormRow textarea, .sFormChecklist {width:450px;} .sFormRow .showPass {left:calc(25% + 420px);} #xmlValidate, #xmlFeedback {width:75%; margin:0 12.5%;} } @media screen and (max-width: 1199px) { .container, #fpSearchContainer, #pageGalleryOverlay {width:96%; margin:0 2%;} #searchFilter.scrolling {width:96%; left:2%;} .localDistanceTitleW, .mortgageTitleW, .mortgageValue {font-size:18px;} .localDistanceTitle, .localDistance {font-size:14px;} .hotProperties {float:left; width:98%; margin:0 1%;} .hotPropertyContainer img, .hotPropertyDetailsContainer {float:left; width:100%;} .hotPropertyDetailsContainer {flex-direction:column; font-size:14px;} .hotPropertyDetails {background:#FFF;} .hotPropertyDetails, .hotPropertyAgentDetails {width:100%;} .hotPropertyDetails .listButton {margin-bottom:20px;} .hotPropertyTitle {font-size:22px;} .hotPropertyPrice {font-size:20px;} } @media screen and (min-width: 1000px) and (max-width: 1199px) { #mainMenu li { margin:0 8px;} #mainMenu a {font-size:12px;} .languages {margin:0 0 0 15px; padding:3px 0;} #pageGalleryOverlay h1, #propertyPrice {font-size:34px;} #propertyPhotosContainer {width:700px; height:525px;} #mainPhotos .slick-slide {min-width:700px;} #propertyPhotos, #mainPhotos li img, .youtube-player {height:525px;} #propertyDetailsContainer {width:calc(100% - 700px); min-height:525px;} #propertyAgent {padding:5px 10px;} .hotProperties {display:flex; background:#FFF;} .hotPropertyContainer {width:49%;} .hotPropertyContainer:first-of-type {margin-right:2%;} #morePropertiesBtn {font-size:10px !important;} } @media screen and (max-width: 999px) { .hotPropertyContainer {width:98%; margin:0 1% 40px;} } @media screen and (min-width: 768px) and (max-width: 999px) { header {height:64px;} #logo {width:211px;} #logo {height:50px;} .logoTitle {font-size:16px; margin-top:23px;} #logoSpan {font-size:7px; bottom:0;} nav {width:calc(100% - 211px); margin:14px 0;} .languages {margin:5px 0 0 15px; padding:0;} .slidingHeader .languages {margin:0 0 0 15px;} #mainMenu li {margin:0 8px;} #mainMenu a {font-size:10px;} #fpSearchContainer {top:64px; height:386px;} #pageGalleryContainer, #pageGallery {height:265px;} #pageGalleryOverlay {top:65px;} #pageGalleryOverlay h1, #propertyPrice {font-size:30px;} #locSearchBox {width:30%;} #priceBox {width:35%;} #bedsBox {width:15%;} #searchButtons {width:20%;} #searchFilter .searchFormTitle, #searchFilter .searchFormTitle {width:30% !important; font-size:14px !important;} #searchFilter input, #searchFilters .ui-selectmenu-button, #selectedLocationsS {width:70% !important;} .pagination {height:34px; line-height:34px;} .pagination a, .pagination span.currentPage {min-width:26px; height:26px; line-height:24px; font-size:12px; padding:0 4px;} .prevLink, .nextLink {margin:6px 0 !important;} .searchPropContainer {width:50%;} .searchPropContainer:nth-child(1), .searchPropContainer:nth-child(4), .searchPropContainer:nth-child(6), .searchPropContainer:nth-child(9), .searchPropContainer:nth-child(11), .searchPropContainer:nth-child(14) {clear:left; border-left:none;} .searchPropContainer:nth-child(2), .searchPropContainer:nth-child(5), .searchPropContainer:nth-child(7), .searchPropContainer:nth-child(10), .searchPropContainer:nth-child(12), .searchPropContainer:nth-child(15) {border-right:none;} .searchPropPhoto {height:113px;} .propSearchSpecs li {font-size:12px;} .propSearchSpecs i {font-size:14px;} #propertyPhotosContainer {width:500px; height:375px;} #mainPhotos .slick-slide {min-width:500px;} #propertyPhotos, #mainPhotos li img, .youtube-player {height:375px;} #propertyDetailsContainer {width:calc(100% - 500px); min-height:375px;} #propertyAgent {padding:5px 10px;} #propertyButtons a {font-size:12px;} #morePropertiesBtn {font-size:9px !important;} .mortgageTitleW, .mortgageValue {font-size:16px;} .fpFeaturedTitle, .fpFeaturedLocation, .fpFeaturedPhotoC, .similarTitle, .similarLocation, .similarPhotoC {font-size:12px;} #signupForm, #vatForm, #paymentForm {width:100%; margin:0 0 30px;} .sFormTitle {width:38%;} .sFormRow input, .sFormRow textarea, #newPasswordContainer, .sFormChecklist {width:60%;} .sFormRow .showPass {right:35px;} #xmlValidate, #xmlFeedback {width:90%; margin:0 5%;} .fourProvinceBox {width:50%;} #enquiryCheckboxes label {width:50%;} .boxRow.fourBoxes {flex-wrap:wrap;} .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox {width:50%;} } @media screen and (min-width: 768px) { header.slidingHeader {height:41px;} .slidingHeader #logo {width:178px;} .slidingHeader #logo .logoTitle {font-size:14px; margin-top:16px;} .slidingHeader #logoSpan {font-size:5px;} nav {height:36px; display:block;} .slidingHeader nav {margin:7.5px 0;} .slidingHeader nav, .slidingHeader #mainMenu ul, .slidingHeader #mainMenu li, .slidingHeader #mainMenu a {height:26px;} .slidingHeader #mainMenu ul, .slidingHeader #mainMenu li, .slidingHeader #mainMenu a {line-height:26px;} .showMenu {display:none;} #mainMenu {float:right; position:relative;} #mainMenu ul {float:left; text-align:center; list-style:none; padding:0; margin:0;} #mainMenu ul, #mainMenu li, #mainMenu a {height:36px; line-height:36px;} #mainMenu li {float:left; list-style:none; display:inline-block; position:relative; padding:0; cursor:pointer;} #mainMenu li:last-child {margin-right:0 !important;} #mainMenu a {float:left; color:#231F20; text-align:center; margin:0; position:relative;} #mainMenu a:before {content:""; position:absolute; width:100%; height:2px; left:0; bottom:0; visibility:hidden; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;} #mainMenu a:before {background:#E74594;} #mainMenu a.selectedPage:before {background:#81308C;} #mainMenu a:hover:before, a.selectedPage:before {visibility:visible !important; -webkit-transform:scaleX(1) !important; transform:scaleX(1) !important;} #mainMenu a:hover {color:#E74594;} #mainMenu a.selectedPage {color:#81308C !important;} #mainMenu ul.ddMenu {height:auto;} .ddMenu {top:calc(100% + 22px); left:50%; width:200px; background:rgba(255, 255, 255, 0.7); margin:0 0 0 -100px !important; webkit-box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); -moz-box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15);} .slidingHeader .ddMenu {top:calc(100% + 8px);} .ddMenu.ddSideMenu {top:0; left:100%; margin:0 !important;} .ddMenu li {width:100% !important; margin:0 0 1px !important; padding:0 8px !important;} .ddMenu li:last-child {margin:0 !important;} .ddMenu a {color:#231F20 !important; text-shadow:none !important;} .languages {float:left; position:relative;} .slidingHeader .languages {padding:0;} #fpSearch .searchFormTitle {width:70px; font-size:12px;} .fpSearchSelect .ui-selectmenu-button.ui-button, .fpSearchSelect select, #fpSearch input {width:calc(100% - 70px);} .fpSearchSelect {width:33.3334%; border-right:15px solid transparent; border-bottom:10px solid transparent;} .fpSearchSelect.fpSearchRight {border-right:none;} #pageBreadcrumb li {font-size:14px;} #pageBreadcrumb li:not(:first-child)::before {padding:0 5px; margin:0;} #priceBox .searchSelect {float:left; width:45%;} #bedsBox .searchSelect {float:left; width:100%;} .searchSelectSpan {color:#FFF;} .searchSelect .ui-selectmenu-button {width:100%;} .slider4 .fpFeaturedProperty, .similarProperty, .faqCat {width:calc(25% - 22.5px); margin:0 15px;} .slider3 .fpFeaturedProperty {width:calc(33.3333% - 20px); margin:0 15px;} .fpFeaturedProperty:first-of-type, .similarProperty:first-of-type, .faqCat:first-of-type {margin:0 15px 0 0;} .similarProperty:last-of-type, .faqCat:last-of-type {margin:0 0 0 15px;} .sliderRow .slick-list {padding:0 0 0 15px !important;} #searchContainer {padding:30px 0;} #searchFilterContainer {margin-bottom:25px;} #searchFilterContainer {height:72px;} #searchFilter.scrolling {top:50px;} #searchFilter .ui-selectmenu-button {margin:0 0 20px;} .searchFormTitle {color:#FFF;} #locSearchBox, #priceBox, #bedsBox, #searchButtons {float:left; height:66px; padding:20px 5px 10px; margin:2px 0;} #locSearchBox, #priceBox, #bedsBox {border-right:1px solid rgba(235, 89, 255, 0.5) !important;} #priceBox, #bedsBox, #searchButtons {border-left:1px solid #561D5E;} #closeByBox {position:absolute; top:1px; right:2px; font-size:11px; color:#FFF; text-align:right; height:16px; line-height:16px; cursor:pointer;} #closeByBox label {cursor:pointer;} #closeByBox input[type='checkbox'] {float:right; width:auto !important; height:auto !important; margin-left:5px;} #searchFilters, #showFilter, #closeFilter, .isMobile #showFilters {display:none;} #searchFilterContainer.isMobile {height:auto;} .isMobile #searchFilters {display:block !important;} .searchFilterThird {width:33.3334%; padding:20px 25px 10px;} .searchFilterThird h3 {font-size:20px;} .searchTypeCheck label, .searchPropTypes label {width:100%;} .checkMark, .searchFormLabel .checkMark::after, .inputTitle .checkMark::after {width:25px; height:25px; line-height:25px;} .searchFormLabel .checkMark::after, .inputTitle .checkMark::after {top:0;} .pagination {margin:20px 0;} .mobilePage, .mobileSplitLeft, .mobileSplitRight {display:none !important;} .prevLink, .nextLink {vertical-align:bottom;} .searchAgentLogo {opacity:0;} .searchAgentLogo img {max-width:150px; max-height:40px;} #mainPhotos li img {width:auto; margin:0 auto;} label.inputTitle {line-height:25px !important;} .inputTitle, .inputTitleTextarea {font-size:14px;} #enquiryCheckboxes label {width:50%;} .propertyContentL {width:70%; margin-right:5%;} .propertyContentR {width:25%;} #propertyButtons {display:flex; flex-flow:row nowrap;} #propertyButtons a {width:25%; margin:0 2% 0 0;} #propertyButtons a:last-of-type {margin-right:0;} .boxRow {display:flex;} .twoBox, .threeBox {flex:1 1 100%;} .boxRow.noFlex .twoBox, .boxRow.noFlex .threeBox {flex:unset;} .threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox {width:33.3333%;} .twoBox {width:50%;} .twoBox:first-child, .threeBox:first-child {border-left:none; border-right:30px solid transparent;} .twoBox:last-child, .threeBox:last-child {border-right:none; border-left:30px solid transparent;} .threeBox:nth-child(2), .threeBox:nth-child(2) h2 {text-align:center;} .threeBox:last-child, .threeBox:last-child h2 {text-align:right;} #signupOption .threeBox {flex:unset; border:15px solid transparent !important;} .formTitle {line-height:40px; margin-bottom:10px;} .mortgageTitle, .formTitle {width:40%;} .mortgageResult, .memLoginContainer input[type='text'], .memLoginContainer input[type='email'], .memLoginContainer input[type='password'] {width:58%;} #pagesSplitContainer {width:calc(75% - 40px); margin-left:40px;} #pagesSideContent {width:25%;} .sFormRow .showPass {top:3px;} input.captchaResponse {width:calc(100% - 220px) !important; margin-left:20px;} .googleBoxAd, .sppBoxAd {width:25%;} .footerThird {float:left; width:32%; font-size:14px;} .footerThird h6 {font-size:20px; line-height:22px;} #footerLogo, #socialLinks {float:left;} .footerThird:nth-child(2) {margin:0 2%;} } @media only screen and (min-width: 600px) and (max-width: 767px) { .fourProvinceBox {width:50%;} } @media only screen and (max-width: 599px) { .fourProvinceBox {width:100%;} } @media only screen and (max-width: 767px) { header {height:50px;} #logo {width:46px; margin:1px 0 3px;} #logo {height:46px;} #logo span {display:none;} nav {position:fixed; top:0; right:0; background:none; width:70px; height:50px; z-index:9997;} .showMenu {position:absolute; top:0; right:-1%; display:inline-block;} #showMenu.is-active {background:none;} #mainMenu {position:fixed; top:0; right:-100vw; width:100vw; height:100vh; background:rgba(35,31,32,0.8); padding:25px; z-index:-1; transition:transform 0.4s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0s; overflow-y:auto;} #mainMenu ul {margin:55px 0 70px; list-style:none; padding:0;} #mainMenu li {text-align:center; padding:0; border-bottom:1px solid #41454D;} #mainMenu li {float:left; width:100%; padding:8px 0; opacity:0; transform:translate3d(0px, 100vh, 0px); transition-delay:0.8s, 0s; transition-duration:0.8s, 0.6s; transition-property:transform, opacity; transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);} #mainMenu li:first-child {border-top:1px solid #41454D;} #mainMenu li a {width:100%; color:#FFF; text-align:center; padding:5px 10px; cursor:pointer; display:block; transition-duration:0.5s;} #mainMenu a:hover, #mainMenu a.selectedPage {color:#7DCFE5;} .ddMenu {background:none; margin:0 !important; width:100%; min-width:100% !important; right:0 !important; border:none !important; margin:0 0 15px !important; position:relative !important;} .ddmenu a {color:#FFF !important; transition-duration:0.5s;} .ddmenu a:hover {color:#231F20 !important;} nav.is-active, #loginLI, #contactTel {display:block;} .languages {position:absolute; top:52px; left:25px; color:#FFF;} #headerSignin, header h2 {display:none;} nav.is-active #mainMenu {transform:translateX(-100vw);} nav.is-active #mainMenu li, nav.is-active #mobSignup, nav.is-active #mobLogin, nav.is-active #languagesContainer {transform:translate3d(0px, 0px, 0px); opacity:1; transition:transform 0.8s ease 0s, opacity 0.6s ease 0s;} nav.is-active #mainMenu li:last-child {border-bottom:none;} nav li:last-child {border-bottom:none;} nav.is-active #mainMenu li:nth-child(2) {transition-delay:0.05s;} nav.is-active #mainMenu li:nth-child(3) {transition-delay:0.1s;} nav.is-active #mainMenu li:nth-child(4) {transition-delay:0.15s;} nav.is-active #mainMenu li:nth-child(5) {transition-delay:0.2s;} nav.is-active #mainMenu li:nth-child(6) {transition-delay:0.25s;} nav.is-active #mainMenu li:nth-child(7) {transition-delay:0.3s;} nav.is-active #mainMenu li:nth-child(8) {transition-delay:0.35s;} nav.is-active #mainMenu li:nth-child(9) {transition-delay:0.4s;} nav.is-active #mainMenu li:nth-child(n+10) {transition-delay:0.45s;} .ddMenu {background:none; margin:0 !important; width:100%; min-width:100% !important; top:calc(100% + 8px); right:0 !important; border:none !important; margin:0 0 15px !important; position:relative !important;} .ddmenu a {color:#FFF !important; transition-duration:0.5s;} .ddmenu a:hover {color:#231F20 !important;} #fpSearchContainer {top:50px; height:400px;} #fpSearch .searchFormTitle {width:80px; font-size:14px;} .fpSearchSelect .ui-selectmenu-button.ui-button, .fpSearchSelect select, #fpSearch input {width:calc(100% - 80px);} .fpSearchSelect {width:100%; border-right:none; border-bottom:10px solid transparent;} #pageGalleryContainer, #pageGallery {height:251px;} #pageGalleryOverlay {top:51px;} #pageGalleryOverlay h1 {font-size:24px;} .propertyTitle h1, #propertyPrice {font-size:20px !important;} #pageBreadcrumb ol {overflow-x:auto; white-space:nowrap;} #pageBreadcrumb li {font-size:9px;} #pageBreadcrumb li:not(:first-child)::before {padding:0 2.5px; margin:0;} #searchContainer {padding:15px 0;} #searchFilter, #searchResults {width:100%;} #searchFilter.scrolling {width:98%; top:55px; left:1%;} #showFilter, #closeFilter {display:block;} #searchFilterContainer {position:fixed; top:150vh; left:0; height:calc(100vh - 50px); z-index:1042; transition-duration:0.8s; overflow-y:auto;} #searchFilterContainer.slideUp {top:50px;} .ui-front {z-index:1042;} #searchFilter {background:#F1F2F3; height:100%; color:#231F20; padding:40px 10px 80px; border:none; border-top:1px solid #CCC; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; z-index:1; overflow-y:auto;} .searchInput input {width:65%;} .searchInput .searchFormTitle, #locationSSearch, #selectedLocationsS {width:100%;} #closeByBox {float:left; width:100%; font-size:14px; margin:10px 0 0;} #closeByBox input {width:auto; height:20px; line-height:20px; margin:0 10px 0 0;} #searchButtons {position:absolute; bottom:5px; left:2%; width:96%; z-index:100;} #filterSearch {background:#81308C; color:#FFF; border:1px solid #561D5E; position:relative; z-index:100;} #filterSearch:hover {background:#7DCFE5; color:#FFF; border:1px solid #508593;} .searchFilterThird h3, .searchFilterThird, .searchFilterThird .searchFormTitle {color:#231F20;} .searchFilterThird h3 {font-size:18px; line-height:24px;} #priceBox .searchSelect {float:left; width:45% !important;} .searchSelectSpan, .searchFormTitle {color:#231F20;} #fpSearch .searchFormTitle, #sideSearch .searchFormTitle {color:#FFF;} #locSearchBox, #priceBox, #bedsBox, #searchFilter .ui-selectmenu-button.ui-button, .searchFilterThird {width:100%;} .ui-selectmenu-button.ui-button {background:#FFF;} #searchFilters .searchSelect {float:left; width:48% !important;} #searchFilters .searchSelect:nth-child(2) {margin-right:4%;} .searchSelect {margin-bottom:10px;} .searchTypeCheck label {font-size:14px;} .searchPropTypes label {width:50% !important;} .searchTypeCheck label {width:100%;} .checkMark, .searchFormLabel .checkMark::after, .inputTitle .checkMark::after {width:18px; height:18px; line-height:18px;} .searchFormLabel .checkMark::after, .inputTitle .checkMark::after {top:-1px;} .searchFilterThird .searchFormLabel, #propertyContactForm label.inputTitle {padding-left:25px;} #searchSortingNum {float:left; width:100%; margin-bottom:15px;} .sortResults, .ui-menu-item {font-size:12px !important;} .pagination {height:28px; line-height:28px; margin:10px 0;} .fullPage, .pageSplitLeft, .pageSplitRight, #showFilters {display:none !important;} .pageNumbers a.mobilePage, .nextLink, .prevLink, .mobileSplitRight, .mobileSplitLeft {display:inline-block !important;} .searchFilterThird:nth-child(1) h3, .pageNumbers a, #listTypeSelContainer, #previousPhoto, #nextPhoto {display:none;} .mobileSplitRight {margin-right:20px !important;} .mobileSplitLeft {margin-left:20px !important;} .pagination a, .pagination span.currentPage {min-width:22px; height:22px; line-height:20px; font-size:14px; padding:0 3px;} .prevLink, .nextLink {margin:6px 0 !important;} .searchPropPhoto {height:150px;} .searchAgentLogo {opacity:0.7;} .searchAgentLogo img {max-width:90px; max-height:25px;} #propertyPhotosContainer, #propertyChecklist {width:100%; height:auto; min-height:auto;} .slick-list {width:100%;} #propertyPhotosContainer {margin-bottom:20px;} #propertyPhotos, #mainPhotos li img, .youtube-player, #propertyDetailsContainer {width:100%; height:auto;} #propertyAgent {padding:15px 10px;} .inputTitle, .inputTitleTextarea {font-size:12px;} #enquiryCheckboxes label {width:100%;} .propertyContentL, .propertyContentR {width:100%;} #propertyButtons {display:inline-block;} #propertyButtons a {width:100%; font-size:14px; margin:0 0 15px;} #propertyButtons a:last-of-type {margin-bottom:0;} .propertyContentR li {padding:0 0 0 10px;} .twoBox, .threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox, .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox, .similarProperty, .centredTextWide, .threeBox.rentalProperty, .fourBox, .halfColText, .halfColPic, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox, .propertyContentDP {width:100%;} .twoBox, .twoWB, .threeBox, .threeWB {margin-bottom:20px;} .mortgageTitleW, .mortgageValue {font-size:16px;} .formTitle {line-height:30px; margin-bottom:0;} .mortgageTitle, .mortgageResult, .formTitle, .memLoginContainer input[type='text'], .memLoginContainer input[type='email'], .memLoginContainer input[type='password'] {width:100%;} .mortgageTitle {line-height:normal;} .mortgageResult {margin-bottom:15px;} .fpFeaturedProperty, .similarProperty {width:100%;} .fpFeaturedProperty {margin:0 15px;} .similarProperty {margin-bottom:30px;} .fpFeaturedProperty:last-of-type, .similarProperty:last-of-type {margin-bottom:0;} .fpFeaturedImage img, .similarPropPhoto img {opacity:0.6;} .fpFeaturedTitle, .fpFeaturedLocation, .fpFeaturedPhotoC, .similarTitle, .similarLocation, .similarPhotoC {font-size:12px;} .fpFeaturedPrice, .fpFeaturedSpec span, .fpFeaturedPhotoC, .similarPrice, .similarSpec span, .similarPhotoC {transform:translateY(0);} #signupForm, #vatForm, #paymentForm {width:100%; margin:0 0 30px;} #pagesSplitContainer, #pagesSideContent {width:100%; margin-bottom:40px;} .sFormTitle, .sFormRow input, .sFormRow textarea, #newPasswordContainer, .sFormChecklist {width:100%;} .sFormRow .showPass {top:44px; right:15px;} #xmlValidate, #xmlFeedback {width:100%;} .loginSelect a {font-size:12px;} .googleBoxAd, .sppBoxAd {width:100%;} .footerThird {float:left; width:100%; font-size:12px; margin:0 0 20px;} .footerThird:last-child {margin:0;} #footerLogo, #socialLinks {margin:0 auto;} #footerBottom {padding-right:60px;} #scrollToTop.shiftedScroll {bottom:40px;} } @media only screen and (min-width: 476px) and (max-width: 767px) { .searchPropContainer {width:50%;} .searchPropContainer:nth-child(1), .searchPropContainer:nth-child(4), .searchPropContainer:nth-child(6), .searchPropContainer:nth-child(9), .searchPropContainer:nth-child(11), .searchPropContainer:nth-child(14) {clear:left; border-left:none;} .searchPropContainer:nth-child(2), .searchPropContainer:nth-child(5), .searchPropContainer:nth-child(7), .searchPropContainer:nth-child(10), .searchPropContainer:nth-child(12), .searchPropContainer:nth-child(15) {border-right:none;} } @media only screen and (max-width: 475px) { .searchPropContainer {width:100%; border:none transparent; margin-bottom:15px;} } a {color:#E74594; text-decoration:none;} button, a {transition:color 0.5s, background-color 0.5s, border-color 0.5s;} a:hover {color:#7DCFE5; text-decoration:none;} p a:hover {text-decoration:underline;}