body {background:#FFF; margin:0 auto; width:100%; height:100%; font-family:"Open Sans", Arial, Verdana; font-size:16px; color:#231F20;} @font-face {font-family:'arialblack'; src:url('/fonts/ariblk-webfont.woff2') format('woff2'), url('/fonts/ariblk-webfont.woff') format('woff'); font-weight:normal; font-style:normal;} @font-face {font-family:'arialnarrow'; src:url('/fonts/arialn-webfont.woff2') format('woff2'), url('/fonts/arialn-webfont.woff') format('woff'); font-weight:normal; font-style:normal;} *, *::before, *::after {box-sizing:border-box;} main, footer {float:left; width:100%;} header, nav {z-index:1;} header {position:absolute; top:0; left:0; width:100%; height:138px; background:-moz-linear-gradient(top, rgba(35,31,32,0.8) 0%, rgba(35,31,32,0) 100%); background:-webkit-linear-gradient(top, rgba(35,31,32,0.8) 0%,rgba(35,31,32,0) 100%); background:linear-gradient(to bottom, rgba(35,31,32,0.8) 0%,rgba(35,31,32,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99231f20', endColorstr='#00231f20',GradientType=0 ); z-index:100;} #logo {float:left; width:120px; height:138px; position:relative; z-index:99;} #pb40CelebrationLogo {position:absolute; top:0; left:calc(100% - 20px); width:69px; height:69px;} nav {float:right;} .showMenu {background:#231F20; width:70px; height:50px; 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:#FFF; 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:#E9D635;} .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.selectedPage {font-weight:600;} .ddMenu {position:absolute; top:calc(100% + 8px); right:-66.6667px; list-style:none; padding:5px 10px; display:none; z-index:999;} .ddMenu a {width:100% !important; transition-duration:0.5s !important;} .ddMenu li {width:100%; display:block;} #infoBar {float:right; height:30px; color:#FFF; font-size:12px; transition-duration:0.5s;} #infoBar a {color:#FFF;} #headerContact {float:left; height:30px; line-height:30px;} .moreLangs {position:absolute; top:4px; right:0; width:10px; display:inline-block; margin:1px 0 0 2px; vertical-align:middle; z-index:2; transition-duration:0.5s;} nav .moreLangs {color:#FFF;} .languageBG {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;} .languages {width:40px; height:30px; padding:0; z-index:9997; cursor:pointer;} header .languages {float:right; margin:0; position:relative;} .languages:hover .moreLangs {color:#E9D635;} .languageMenu {position:absolute; top:30px; left:0; background:rgba(35, 31, 32, 0.8); 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);} #mainMenu .languageMenu {background:rgba(35,31,32, 0.8);} .languageHolder {float:left; width:24px; height:24px; margin:3px; overflow:hidden; position:relative; z-index:2;} .languageMenu .languageHolder {margin:4px 0 6px;} .languageMenu .languageHolder img {opacity:0.6;} .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;} #headerContact, #socialHeader, #headerPF {height:30px; line-height:30px; text-align:center; position:relative; z-index:2;} #headerContact {float:left;} #socialHeader, #headerPF {float:right;} #headerContact a {margin-right:20px;} #headerContact a:hover {color:#E9D635;} #headerPF {margin-right:30px;} #headerPF a {width:100%; height:100%; display:block; color:#FFF;} #headerPF a:hover {color:#E7232E; text-decoration:none;} #pfCount {display:inline-block; min-width:10px; min-height:10px; padding:5px; font-size:12px; font-weight:600; text-align:center; line-height:1; box-sizing:content-box; white-space:nowrap; position:relative; margin-left:10px;} #headerPF a:hover #pfCount {color:#FFF;} #pfCount:before {content:"\f004"; font-family:FontAwesome; font-size:24px; color:#1B6636; position:absolute; left:-2px; top:-1px; z-index:-1; transition-duration:0.5s} #headerPF:hover #pfCount:before {color:#E7232E;} #pfCount span {display:inline-block; vertical-align:middle;} .pFZ {display:none;} #refSearchContainer {float:right; height:30px; z-index:100; margin-right:30px;} #refSearch, #searchRefs, #refSearchLoading {float:left; margin:3px 0; transition-duration:0.5s;} #refSearch {background:#FFF; height:24px; font-family:"Open Sans", Arial, Verdana; font-size:14px; padding:2px 6px; border:1px solid #BDBDBD; border-right:none; border-radius:2px 0 0 2px; -moz-border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px; visibility:visible; opacity:1; transition:opacity 2s linear;} #searchRefs, #refSearchLoading {background:#1B6636; width:24px; height:24px; padding:0; border:1px solid #154725; cursor:pointer; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; transition-duration:0.5s;} #searchRefs {line-height:16px; color:#FFF; font-size:18px;} #refSearchLoading {display:none; overflow:hidden;} #searchRefs:hover {background:#FFF; color:#1B6636; border:1px solid #154725; transition-duration:0.5s;} header, #logo, #logo img, #header h1, #showMenu, nav, .languageHolder img, #headerSlides, #headerSlides img, #slideBorder, #headerLoc, #headerLoc i, #headerSignin, #headerSignin i, #headerSignin a p, #headerPF i, #pfCount {transition-duration:0.5s;} .fixed {overflow:hidden;} #homeGalleryContainer, #pageGalleryContainer {float:left; width:100%; position:relative;} #homeGallery, #pageGallery, #localGallery, #localGallerySS {float:left; width:100%; height:100%; position:relative; overflow:hidden;} .homeGallery, .pageGallery, .localGallery {position:absolute; top:0; left:0; width:100%; height:100%;} .homeGallery img, .pageGallery img, .localGallery img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; width:auto; height:100%; margin:auto;} #pageGallery img {min-height:100%;} #pageGalleryOverlay {position:absolute; display:table;} #pageGalleryTitle, #propertyPrice {height:120px; 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,1); transition-duration:0.5s;} #pageGalleryTitle address {float:left; width:100%; color:#FFF; font-size:16px; text-shadow:2px 2px 2px rgba(0,0,0,1);} #fpSearchContainer {position:absolute; left:0; bottom:0; width:100%; background:rgba(0, 0, 0, 0.4); border-top:1px solid #333; padding:20px 0;} #fpSearch {float:left; width:100%;} #fpSearch h1 {color:#FFF;} #fpSearch .ui-selectmenu-button.ui-button, #fpSearch .ui-multiselect, #fpSearch select {float:left;} #fpSearchSubmit {float:left; background:#1B6636; height:34px; line-height:34px; display:block; color:#FFF; font-size:16px; border:1px solid #154725; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; transition-duration:0.5s;} #fpSearchSubmit:hover {background:#154725; color:#E9D635; text-decoration:none;} .ui-multiselect {padding:.4em 1em !important; cursor:pointer;} .ui-menu {max-height:250px; overflow-y:auto; overflow-x:hidden;} select {display:none;} #pbBanner {float:left; width:100%; text-align:center; text-transform:uppercase; position:relative;} #pbBannerTop, #pbBannerBot {font-family:'Arial Black', 'arialblack'; font-weight:normal; margin:0;} #pbBannerTop {background:#1B6636; color:#E9D635; padding:2px 0;} #pbBannerBot {background:#FFF; color:#1B6636;} #pbBannerBot span {font-family:'Arial Narrow', 'arialnarrow';} #pb40CelebrationC {position:absolute; top:0; left:0; width:100%; height:129px;} #pb40CelebrationC .container {position:relative;} #pb40Celebration {position:absolute; width:129px; height:129px; z-index:10;} main {min-height:540px;} #mainContent, #container, .container {height:auto; margin:0 auto;} #container, #containerW, .sideCol {float:left;} #mainCol {float:right;} #mainProperty, #containerFW {float:left; width:100%;} h1, h2, h3, h4, h5, h6, .propertyPrice {font-family:Arial, Verdana, Helvetica; font-variant:small-caps; font-weight:600; position:relative;} .mainContent h1, .mainContent h2, .mainContent h3, .mainContent h4, .mainContent h5, .mainContent h6, #cookieText h6 {color:#1B6636; text-align:left; line-height:32px; font-size:28px; margin:5px 0 10px;} .propertyPrice {width:100%; line-height:100%; font-size:40px;} .mainContent {width:100%; display:inline-block; margin-bottom:20px;} #pageBreadcrumb {float:left; width:100%; background:#1B6636; 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:#F3F3F3;} #pageBreadcrumb li a {color:#FFF;} #pageBreadcrumb li a:hover {color:#E9D635; text-decoration:underline;} .textWBG {position:relative;} .textBG {width:100%; position:relative; overflow:hidden; padding:20px 0;} .textBGCover {position:absolute; background:rgba(35, 31, 32, 0.5); top:0; left:0; width:100%; height:100%;} .textWBG .container {color:#FFF; position:relative; z-index:1;} .textRow {float:left; width:100%; text-align:justify;} .textRow, .centredText, .centredTextWide, .textPic, .textSearch {position:relative;} .centredText, .centredTextWide, .textPic, .textSearch {min-height:220px;} .textPic p, .centredText p, .centredTextWide p {text-align:justify;} .centredText, .centredTextWide {float:left; text-align:center;} .centredText.justifyLeft {clear:both; text-align:justify;} .textPicContainer.mainContent:first-child {margin:40px auto 20px !important;} .halfColText {float:left; text-align:justify; padding:0 2%; position:relative;} .halfColPic {overflow:hidden;} .textPicLeft .halfColPic {float:left;} .textPicRight .halfColPic {float:right;} .halfColPic img {width:100%; height:auto;} /*.halfColPic img {width:calc(100% - 15px); height:auto; margin:5px 10px 5px 5px; -webkit-box-shadow:3px 3px 8px 0px rgba(98,99,98,1); -moz-box-shadow:3px 3px 8px 0px rgba(98,99,98,1); box-shadow:3px 3px 8px 0px rgba(98,99,98,1);}*/ .halfColPic iframe {width:100%;} .boxRow {float:left; width:100%; text-align:center; vertical-align:top; justify-content:center; position:relative;} .searchColText {float:left; text-align:justify; padding:0;} .propertiesContainer {float:left; width:100%; margin:40px 0;} .oneBoxes, twoBoxes, .threeBoxes, fourBoxes, .featuredContainer, .latestContainer, .categoryContainer, .similarProperties {float:left; width:100%; text-align:center; padding:25px 0; margin:0 0 25px;} .oneBox, .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox {float:left; background-clip:padding-box; text-align:justify;} .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, .similarProperty {background-clip:padding-box; text-align:left; display:inline-block; border-left:15px solid transparent; border-right:15px solid transparent; position:relative; align-items:center;} .oneBox, .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox {vertical-align:central;} .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox {overflow:hidden;} .similarProperty {vertical-align:top;} .oneBox {width:80%; margin:0 10% 40px;} .twoBox {width:50%;} .similarPropertyRow {float:left; width:100%; display:table-cell; vertical-align:top;} .similarProperty {margin-bottom:20px;} .justBox {display:flex; flex-direction:column; justify-content:center;} .justBox img {margin-bottom:10px;} .oneBox.cIframe, .twoBox.cIframe, .threeBox.cIframe, .fourBox.cIframe {text-align:unset !important;} .oneBox.cIframe p, .twoBox.cIframe p, .threeBox.cIframe p, .fourBox.cIframe p {text-align:left;} .oneBox.cIframe iframe, .twoBox.cIframe iframe, .threeBox.cIframe iframe, .fourBox.cIframe iframe {margin:0 auto;} #APitS {float:left; width:100%; height:250px; text-align:center; margin:40px 0 0; overflow:hidden;} #APitS iframe {max-width:100%; overflow:hidden;} #cDirect {float:left; width:100%; max-height:250px; margin:40px 0 0; display:flex; justify-content:center; overflow:hidden;} #cDirect img {width:100%; max-width:300px; height:auto;} #CDFXConverter {width:100%;} .boxImage {float:left; width:100%; height:150px; overflow:hidden; position:relative;} .boxImage img, .featPropImage img {position:absolute; width:100%; height:auto; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;} .boxImage img {transform:scale(1); transition:transform 0.2s ease 0s;} .boxImage img:hover {transform:scale(1.2);} .boxTitle {float:left; width:100%;} .boxTitle h2, .boxTitle h3, .boxTitle h4, .boxTitle h5, .boxTitle h6 {font-size:18px; margin:5px;} .boxTitle a {float:left; width:100%; height:30px; line-height:30px; background:#0E76BC; text-align:center; color:#FFF !important; text-decoration:none; transition-duration:0.5s;} .boxTitle a:hover {background:#0C5281; color:#FFF; text-decoration:none;} .centredText {width:75%; padding:0 1%; margin:0 12.5% 40px;} .centredTextWide {width:100%; padding:0 1%; margin:0 0 40px;} .tpBoxC {display:inline-block; position:relative; overflow:hidden; -webkit-box-shadow:0px 0px 10px 0px rgba(86,86,86,1); -moz-box-shadow:0px 0px 10px 0px rgba(86,86,86,1); box-shadow:0px 0px 10px 0px rgba(86,86,86,1);} .tpBoxC:after, .tpBoxT:after {content:""; padding-top:56.25%; display:block;} .tpBoxT {display:inline-block; position:relative; overflow:hidden; -webkit-box-shadow:0px 0px 10px 0px rgba(86,86,86,1); -moz-box-shadow:0px 0px 10px 0px rgba(86,86,86,1); box-shadow:0px 0px 10px 0px rgba(86,86,86,1);} .tPBox {position:absolute; top:0; bottom:0; right:0; left:0;} .boxOne {float:right;} .tpBoxC.boxTwo {float:left; left:50%; position:relative;} .tpBoxC.boxThree {float:left; clear:both; margin-top:-10%;} .tpBoxT.boxTwo {float:left; clear:both; margin-top:-15%;} .tPBox img {width:100%; min-width:100%; height:auto; min-height:100%;} .alignCentre {text-align:center;} .pGallery {float:left; width:100%; text-align:center; position:relative; margin-bottom:20px;} .pGallery a {margin:0 6px 2px 0;} .pGallery img {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .pGallery a:last-child {margin:0 0 2px 0;} .featuredProperties {float:left; width:100%; display:block;} .featPropImage {float:left; background:#231F20; width:100%; overflow:hidden; position:relative;} .featPropImage img, .similarPropPhoto img {opacity:1; transition-duration:0.5s;} .featuredThreeBox:hover .featPropImage img, .featuredFourBox:hover .featPropImage img, .latestThreeBox:hover .featPropImage img, .latestFourBox:hover .featPropImage img, .similarProperty:hover .similarPropPhoto img, .featuredThreeBox:hover .propertyBanner, .featuredFourBox:hover .propertyBanner, .latestThreeBox:hover .propertyBanner, .latestFourBox:hover .propertyBanner, .similarProperty:hover .propertyBanner {opacity:0.3;} .featPropDetails, .similarDetails, .featPropPrice, .similarPrice, .featPropRef {position:absolute; width:100%; left:0; font-weight:600; font-size:20px; text-shadow:2px 2px 2px rgba(0,0,0,1); transition:transform 0.4s ease 0s, opacity 0.2s ease 0s;} .featPropDetails, .similarDetails {top:0; color:#FFF; text-align:center; display:inline-flex; z-index:2;} .featPropPrice, .similarPrice {bottom:0; height:30px; color:#E9D635; text-align:right; z-index:1; padding:0 10px;} .featPropRef {top:0; height:30px; color:#FFF; font-size:14px; text-align:left; z-index:1; transform:translateY(-50px); padding:0 5px;} .featPropDetails p {width:100%; margin:auto 0; text-align:center;} .featPropDetails a, .similarDetails a, .featPropDetails a:hover, .similarDetails a:hover {width:100%; color:#FFF; text-decoration:none; display:block;} .featPropDetails, .similarDetails {transform:translateY(100%);} .featuredThreeBox:hover .featPropDetails, .featuredFourBox:hover .featPropDetails, .latestThreeBox:hover .featPropDetails, .latestFourBox:hover .featPropDetails, .similarProperty:hover .similarDetails, .featuredThreeBox:hover .featPropPrice, .featuredFourBox:hover .featPropPrice, .latestThreeBox:hover .featPropPrice, .latestFourBox:hover .featPropPrice, .similarProperty:hover .similarPrice, .featuredThreeBox:hover .featPropRef, .featuredFourBox:hover .featPropRef, .latestThreeBox:hover .featPropRef, .latestFourBox:hover .featPropRef {transform:translateY(0);} #aippMemberContainer {float:left; left:50%; width:250px; height:126px; margin-left:-125px; position:relative;} .justBox #aippMemberContainer {float:none; left:unset; margin-left:0;} #aippMember {position:relative; padding-bottom:50.3%; height:auto; overflow:hidden;} #aippMember iframe {border:0px; margin:0px; padding:0px; backgroundcolor:transparent; top:0px; left:0px; width:100%; height:100%; position:absolute;} #searchContainer, #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:800;} #searchFilter, #searchFilters {position:relative; z-index:99;} #searchFilter {padding:5px 10px;} #searchFilter.scrolling {position:fixed; left:0; -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, #searchFilterMain, #searchFilterSecondary {float:left; width:100%;} #locSearchBox, #priceBox, #bedsBox, #searchButtons, #showFilters {float:left;} #showFilters {float:left; clear:left; height:30px; line-height:30px; margin:10px 0; text-align:right; color:#FFF; font-weight:600; padding:5px 14px; position:relative; cursor:pointer; transition-duration:0.5s;} #showFilters:hover {color:#E9D635; text-decoration:none;} #searchFilterMain {display:block;} #searchFilterSecondary {display: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(27, 102, 54, 0.9); color:#FFF; font-size:16px; font-weight:600; text-align:center; border-top:1px solid #1B6636; z-index:1041; cursor:pointer; transition-duration:0.5s;} #showFilter:hover {background:rgba(21, 71, 37, 0.9); color:#FFF; border-top:1px solid #154725;} #closeFilter {position:absolute; top:0; right:5px; color:#231F20; font-size:24px; font-weight:bold; cursor:pointer;} #closeFilter:hover {color:#1B6636;} #filterSearch {position:absolute; bottom:5px; right:10px;} #fpSearch .ui-selectmenu-button.ui-button, #fpSearch .ui-multiselect, #searchFilterMain .ui-multiselect, #searchFilterContainer .ui-selectmenu-button.ui-button {background:#FFF;} #searchFilterMain .ui-selectmenu-button.ui-button, #searchFilterMain .ui-multiselect, .filterSecondaryThird, #priceSlider {float:left;} #searchFilterBG {position:absolute; background:rgba(51,38,39,0.7); top:0; left:0; width:100%; height:100vh; z-index:0; display:none;} .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:#1B6636 !important; font-weight:600; border:1px solid #154725 !important;} .prevLink, .nextLink {color:#FFF !important;} .pagination span.currentPage, .pagination span.currentPage, .yearPagination span.currentPage {color:#E9D635 !important;} .prevLink {float:left;} .nextLink {float:right;} a.prevLink:hover, a.nextLink:hover, .pagination a:hover, .yearPagination a:hover {background:#154725 !important; color:#E9D635 !important; border:1px solid #154725 !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:600; 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, .recSORT {background:none !important; display:inline-block; text-indent:0 !important; text-align:center;} .priceASC::before, .priceDESC::before, .dateASC::before, .dateDESC::before, .recSORT::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";} .recSORT::before {content:"\f087";} .searchPropContainer {float:left; border:15px; border-style:solid; border-color:transparent !important; transition-duration:0.5s;} .fpFeaturedProperty:hover, .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; 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; padding:0 5px;} .searchPropTitle {width:100%; display:table-cell; vertical-align:middle;} .searchPropContainer h2 {float:none !important; font-family:"Open Sans", Arial; font-size:22px; line-height:24px; font-weight:600; text-align:center; margin:0;} .searchPropRadius {float:left; width:100%; font-size:10px; font-weight:600; color:#BF1E2E; text-align:center;} .searchPropPrice {float:left; width:100%; color:#1B6636; font-size:18px; font-weight:600; text-align:center; padding:5px;} .searchPropPhotoContainer {float:left; width:100%; background:#FFF; padding:5px; position:relative; border-top:1px solid #CCC; border-bottom:1px solid #CCC; 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, .searchPropRef, .searchPropVideoC {position:absolute; background:rgba(255, 255, 255, 0.75); font-size:12px; padding:2px 10px;} .searchPropPhotoC {top:0; left:0; border-radius:0 0 2px 0; -moz-border-radius:0 0 2px 0; -webkit-border-radius:0 0 2px 0;} .searchPropRef {bottom:0; right:0; font-weight:600; border-radius:2px 0 0 0; -moz-border-radius:2px 0 0 0; -webkit-border-radius:2px 0 0 0;} .searchPropVideoC {top:0; right:0; color:#F00; font-size:16px; border-radius:0 0 0 2px; -moz-border-radius:0 0 0 2px; -webkit-border-radius:0 0 0 2px;} .searchPropReducedOverlay {position:absolute; top:20px; right:0; background:rgba(27, 102, 54, 0.7); color:#FFF; font-size:14px; padding:2px 10px; border:1px solid #1B6636; 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: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);} .searchPropReducedOverlay a {color:#FFF;} .searchPropReducedOverlay a:hover {color:#E9D635;} .propSearchSpecs {float:left; width:100%; height:55px; margin:5px 0; padding:0 5px;} .propSearchSpecs li {float:left; width:33.3334%; height:25px; list-style:none; text-align:center; padding:0;} .propSearchSpecs li i {color:#231F20; transition-duration:0.5s;} .propSearchSpecs li.listVideo i {color:#F00;} .propSearchSpecs li:nth-child(1), .propSearchSpecs li:nth-child(2), .propSearchSpecs li:nth-child(3) {margin-bottom:5px;} .searchPropButtons {float:left; width:100%; margin:5px 0 0; padding:0 5px 5px;} .searchPropEnqd {float:left; width:100%; text-align:center; font-weight:600; margin-bottom:5px;} .rotate45 {transform:rotate(45deg);} .propertyBanner {position:absolute; top:35px; left:-35px; width:230px; font-weight:800; text-transform:uppercase; font-size:12px; text-align:center; padding:3px 30px 3px 15px; transform:rotate(-35deg); z-index:1; opacity:1; transition-duration:0.5s; -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);} .oL {font-size:18px; line-height:120%;} .twL {font-size:14px; line-height:105%;} .thL {font-size:12px; line-height:105%;} .featuredBanner, .soldByBanner, .underOfferBanner {border-top:1px solid #FFF; border-bottom:1px solid #FFF;} .featuredBanner {background:#F00;} .soldByBanner {background:#B0222A;} .propertyBanner.soldByBanner {top:55px; width:280px; font-size:16px; line-height:110%;} .featuredBanner a, .soldByBanner a, .underOfferBanner a {color:#FFF;} .featuredBanner a:hover, .newListingBanner a:hover, .soldByBanner a:hover, .underOfferBanner a:hover {color:#231F20;} .newListingBanner {background:#FFF; border-top:1px solid #F00; border-bottom:1px solid #F00;} .newListingBanner a {color:#F00;} .exclusiveBanner {background:#1B6636; border-top:1px solid #154725; border-bottom:1px solid #154725;} .exclusiveBanner a {color:#E9D635;} .exclusiveBanner a:hover {color:#231F20;} .underOfferBanner {background:#E9D635;} #propertyViewBanner {position:absolute; top:65px; left:-50px; width:355px; font-weight:800; text-transform:uppercase; font-size:24px; text-align:center; padding:3px 30px 3px 15px; transform:rotate(-35deg); z-index:1; opacity:1; transition-duration:0.5s; -webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5); -moz-box-shadow:2px 2px 6px rgba(0,0,0,.5); box-shadow:2px 2px 6px rgba(0,0,0,.5);} #propertyViewBanner.oL {font-size:26px;} #propertyViewBanner.twL {font-size:22px;} #propertyViewBanner.thL {font-size:16px;} #propertyViewBanner.soldByBanner {top:90px; left:-55px; width:460px; font-size:24px; padding:8px 30px 8px 15px;} #propertyViewBanner.featuredBanner, #propertyViewBanner.soldByBanner, #propertyViewBanner.underOfferBanner {color:#FFF;} #propertyViewBanner.newListingBanner {color:#F00;} #propertyViewBanner.exclusiveBanner {color:#E9D635;} .searchButton, .listButton, .saveButton, #sendContact, .moreLocalPropsLink {height:34px; line-height:32px; display:inline-block; color:#FFF; font-size:14px; font-family:"Open Sans"; padding:0 8px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; cursor:pointer; transition-duration:0.5s;} .listButton {padding:0 10px;} .buttonL {float:left;} .buttonR {float:right;} .buttonBL {background:#534C4E; color:#FFF; border:1px solid #231F20;} .buttonB {background:#E9D635; color:#231F20; border:1px solid #BAAA23;} .buttonBR {background:#1B6636; color:#FFF; border:1px solid #154725;} .buttonW, .buttonBR:hover, .buttonBL:hover {background:#FBFBFB; color:#231F20; border:1px solid #E6E6E6; text-decoration:none;} .moreLocalPropsLink {margin:20px 0 0;} .searchPropContainerF .buttonB, .buttonB:hover, .buttonW:hover, #memLoginAC:hover, #signupEAContinue:hover, #memForgotAC:hover, #memSignupAC:hover, #completeClose:hover, .signupLink:hover, .currentCat, .savedProperty, .savedProperty:hover, .searchPropContainerF .buttonB:hover, .searchPropContainerF .buttonW:hover, #showPFEnquireForm:hover, #viewVideo:hover {background:#534C4E; color:#FFF; border:1px solid #231F20; text-decoration:none;} .saveButton {margin:20px 0;} #propertyPhotosContainer, #propertyDetailsContainer, #propertyTabsContainer, #similarProperties, #propertyPhotosContainer, #propertyChecklist, .propertyContentL, .propertyContentR {float:left;} .propertyPrice {color:#E9D635; text-align:right; display:table-cell; vertical-align:middle; padding:5px 0 10px; text-shadow:2px 2px 2px rgba(0,0,0,1);} .propertyPrice span#sterlingPrice {color:#FFF; font-size:24px; line-height:normal; text-shadow:1px 1px 1px #333;} .propertyContentL h1, .propertyContentL h2, .propertyContentL h3, .propertyContentL h4, .propertyContentL h5, .propertyContentL h6 {float:left; width:100%;} #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(27, 102, 54, 0.7); color:#FFF; font-size:56px; border:1px solid #1B6636; 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%;} #mainPhotoOverlay {position:absolute; top:0; left:0; width:100%; height:100%; z-index:89;} #mainPhotoOverlay img {width:100%; height:auto;} .plansTitle {position:absolute; bottom:10px; left:20px; width:calc(100% - 40px); background:rgba(27, 102, 54, 0.6); color:#FFF; font-weight:600; text-align:center; padding:5px 10px; border:1px solid #1B6636; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} #slideCount {position:absolute; background:rgba(255,255,255,0.6); top:10px; left: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:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0;} #propertyChecklist, .propertyContentR {float:left;} #viewVideo {float:left; background:#E9D635; padding:5px 15px; border:1px solid rgba(0, 0, 0, 0.35); color:#231F20; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;} #propertyChecklist ul {float:left; width:100%; margin:15px 0; padding:0; list-style:none;} #propertyChecklist li {float:left; width:100%; font-weight:600; padding:0; margin:0 0 5px;} #propertyChecklist li:before {content: '✓'; color:#1B6636; margin-right:10px;} #propertyChecklist li.bigList {font-weight:600;} #propertyChecklist li.videoCheck, #propertyChecklist li.videoCheck:before, #propertyChecklist li.vTourCheck, #propertyChecklist li.vTourCheck:before, #propertyChecklist li.plansCheck, #propertyChecklist li.plansCheck:before {color:#B0222A; cursor:pointer; transition-duration:0.5s;} #propertyChecklist li.videoCheck:hover, #propertyChecklist li.videoCheck:hover:before, #propertyChecklist li.vTourCheck:hover, #propertyChecklist li.vTourCheck:hover:before, #propertyChecklist li.plansCheck:hover, #propertyChecklist li.plansCheck:hover:before {color:#1B6636;} #showVTourPop {cursor:pointer;} #vTourFrame {width:100%; height:100%; border:0;} #propertyEnqContainer {position:relative;} .propertyContentD {background:#FAF8F8; margin:0 0 30px; padding:5px 0;} #sendContact, .saveProperty {background:#1B6636; height:40px; line-height:40px; display:block; color:#FFF; font-size:16px; padding:0 20px; border:1px solid #154725; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; transition-duration:0.5s;} #sendContact:hover, .saveProperty:hover {background:#154725; color:#E9D635; border:1px solid #154725;} #sendContact {float:right; margin:5px 10px 10px 0;} #eFormError {float:left; height:40px; line-height:40px; color:#BB0003; display:none;} #enquiryResponse {float:left; width:100%; display:none;} .saveProperty {float:left; margin:22.5px 10px;} #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%; color:#231F20;} .epcD {background:#FDF202; width:50%; color:#231F20;} .epcE {background:#FFAE1E; width:60%; color:#231F20;} .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; color:#231F20;} .epcRD {background:#FDF202; color:#231F20;} .epcRE {background:#FFAE1E; color:#231F20;} .epcRF {background:#ED682D;} .epcRG {background:#E41D24;} .epcLow span {opacity:0.2;} .propertyExtraRow {float:left; width:100%; text-align:center; padding:0 3px; margin-bottom:1px;} .propertyExtraRow h3 {font-size:20px;} .propertyExtraRow:nth-child(even) {background:#F1F2F3;} .propertyMap {margin:40px 0 !important; display:inline-flex !important; flex-direction:column; align-items:center;} #mapSize {padding:0 10px; margin-bottom:15px;} #mapSize .lMap {display:inline-block;} #mapSize .sMap {display:none;} #propertyMap, #airportsMap {float:left; width:100%; height:500px;} #propertyNav {float:left; width:100%; padding:0; margin:0 0 10px;} #propertyNav li {float:left; list-style:none; text-align:center; margin:0 0 10px; padding:0 10px; position:relative; cursor:pointer;} #propertyNav a i {margin-right:10px;} #propertyNav a, #mapSize {background:#1B6636; height:40px; line-height:36px; text-align:center !important; color:#FFF; border:1px solid #154725; display:block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; transition-duration:0.5s; cursor:pointer;} #propertyNav a#alreadyInPortfolio {background:#1B6636 !important; opacity:0.4; cursor:not-allowed; color:#FFF !important; border:1px solid #154725 !important;} .fancybox-content {background:#FFF !important; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} img.fancybox-image {width:calc(100% - 20px); height:calc(100% - 20px); top:10px; left:10px;} #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 a {float:left; width:47px; height:35px; padding:0 5px; display:block; text-decoration:none;} 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:600; z-index:999;} #propertyEnqContainer {float:left; background:#FAF8F8; width:100%; padding:3px 5px; border:2px solid #154725; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; overflow:hidden;} #propertyEnqContainer .formInput {border:1px solid #231F20; border-top:none;} #propertyEnqContainer .formLabel label {color:#231F20;} #propertyEnqContainer .formLabel::before, #propertyEnqContainer .formLabel::after {background:#231F20;} .helpRow {margin-bottom:15px;} .helpRow p {color:#1B6636; font-size:20px; font-family:Arial, Verdana, Helvetica; font-variant:small-caps; font-weight:600; margin:0 0 8px;} .formCheck {float:left; text-align:left; font-size:14px; margin-bottom:5px;} .formCheck input {float:left; margin:2.5px 5px 0 0;} .formCheck label {float:left; line-height:18px;} .formCheck input:checked + label {font-weight:600;} #makeOfferAmt {display:none;} #offerCurrency-button {float:left; width:50px; padding:0.4em 8px; margin:0 0 0 10px;} #offerAmount {width:calc(100% - 65px); margin:1px 0 0; height:30px;} .threeWB {background:none; padding:0;} .threeWBC {float:left; background:#FAF8F8; width:100%; height:100%; border:2px solid #1B6636; padding:0 8px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .localDistanceTitleW, .expensesTitleW, .mortgageTitleW, .mortgageValue {float:left; width:100%; font-weight:600;} .mortgageValue {text-align:center;} .localDistanceTitle {float:left; width:40%; clear:both; margin:0 2% 5px 5%;} .localDistance {float:left; width:48%; font-weight:600; margin:0 5% 5px 0;} .expensesTitle, .mortgageTitle {float:left; width:73%; clear:both; margin:0 2% 5px 0;} .expensesCost, .mortgageResult {float:left; width:25%; font-weight:600; margin:0 0 5px;} .expensesClear {float:left; width:100%; margin:0 0 20px;} .mortgageTitleW {float:left; width:100%; clear:both; font-weight:600; margin:0 0 5px;} .tTax {float:left; width:100%; margin:15px 0; font-size:11px; font-style:italic; text-align:center;} .propertyContentDP {padding:15px 0;} #availabilityCalendar {float:left; width:100%; overflow:hidden;} #availabilityCalendar .ui-datepicker-inline {width:100% !important;} .mainProperties.propertyContentD {padding:40px 0;} .socialHLink {width:24px; height:24px; color:#FFF !important; font-size:16px; line-height:22px; display:inline-block; border-radius:24px; -moz-border-radius:24px; -webkit-border-radius:24px; overflow:hidden; margin-top:3px;} .socialLink {width:34px; height:34px; color:#FFF !important; text-align:center !important; font-size:18px; line-height:32px; display:inline-block; margin-bottom:15px; border-radius:17px; -moz-border-radius:17px; -webkit-border-radius:17px; overflow:hidden;} .socialHLink:hover, .socialLink:hover {background:#FFF;} .socialHLink.fbLink, .socialHLink.twLink {margin-right:5px;} .socialLink.gpLink, .socialLink.twLink {margin-left:15px;} .fbLink {background:#3B5998; border:1px solid #3B5998;} .fbLink:hover {color:#3B5998 !important;} .twLink {background:#1DA1F2; border:1px solid #1DA1F2;} .twLink:hover {color:#1DA1F2 !important;} .gpLink {background:#E8574F; border:1px solid #E8574F;} .gpLink:hover {color:#E8574F !important;} .propFormRow, #mortgageContainer, #mortgageResponseContainer {float:left; width:100%;} #mortgageResponseContainer {display:none;} .formInput, .formSelect, .formRadio {float:left; width:100%; position:relative; margin:0 0 20px;} .formInput {background:#FFF; border:1px solid #909090; border-top:none; padding:10px 0;} .propFormRow .formInput {margin:0 0 8px;} .formSelect {padding:0;} .formSelect .ui-selectmenu-button {width:100% !important; border-top:none; border-left:1px solid #909090; border-right:1px solid #909090; border-bottom:1px solid #909090; padding:18px 14px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} .twoBox .formInput, .threeBox .formInput, .fourBox .formInput {background:#FFF;} .formInputHalf {width:49%;} .formInputHalfL, .propFormInputHalfL {margin-right:2%;} .formInput.formError {border:1px solid #BB0003; border-top:none;} .formInput input, .formInput textarea, .formRadio input {width:100%; font-size:20px; color:#333; background:transparent; border:none; padding:0 10px; margin:0;} .formInput input, .formRadio input {height:35px; line-height:35px;} .formInputT input {width:calc(100% - 30px);} .formRadio input[type="radio"] {float:left; width:20px; margin-right:10px; cursor:pointer;} .radioLabel {float:left; width:calc(100% - 30px); line-height:35px; cursor:pointer;} .radioLabel img {vertical-align:middle;} .formInput.formError {border-color:#BB0003;} .formInput textarea {height:187px; font-family:"Open Sans", Arial, Verdana; resize:none;} #enquiryForm textarea {height:150px;} textarea.propertyAddress {height:112px;} .formLabel {position:absolute; top:0; left:0; right:0; width:100%; height:16px; font-size:12px; display:flex; flex-flow:row nowrap;} .formLabel::before, .formLabel::after {content: ""; background:#909090; display:inline-block; height:1px; top:0; width:7px;} .formError .formLabel::before, .formError .formLabel::after {background:#BB0003;} .formLabel::after {flex:1 1 auto;} .formLabel {line-height:16px !important;} .formLabel label {position:relative; top:-8px; color:#909090; padding:0 5px;} .formLabel label span {color:#BB0003; margin-left:5px;} #mortgageContainer input {text-align:right;} .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;} input[type='number'] {-moz-appearance:textfield;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none;} .submitButton {float:left; background:#1B6636; height:40px; line-height:36px; text-align:center !important; font-size:16px; color:#FFF; border:1px solid #154725; display:block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; transition-duration:0.5s; cursor:pointer;} .submitButton {width:200px; left:50%; margin:10px 0 10px -100px; padding:0 10px; position:relative;} .submitButton:hover, #propertyNav a:hover {background:#154725; color:#E9D635; text-decoration:none; border:1px solid #154725;} .contactCols {float:left; padding-top:5px;} #captchaVerification{float:left; background:#FFF; width:calc(100% - 2px); border:1px solid #1B6636; 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;} input.captchaResponse {clear:none !important;} .weatherContainer {float:left; background:#FFF; width:100%; padding:5px 10px; border:1px solid #CCC; margin:20px 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #fpWeather, #featuredProperties, #latestProperties {float:left; width:100%; overflow:hidden;} .fpWeatherDay {width:100%; display:block; text-align:center; position:relative; overflow:hidden; z-index:5;} .weatherTitle {float:left; width:100%; font-size:16px; text-align:center !important; color:#1B6636; font-weight:bold; margin:0 0 5px;} .weatherImage {float:left; width:66px; height:55px; margin:0 5px;} .weatherTemp {float:left; width:calc(100% - 76px); height:55px; margin-bottom:5px;} .weatherContentTemp {float:left; width:100%; height:55px; line-height:55px; font-size:26px; font-weight:600; color:#231F20;} .weatherContentConditions {float:left; width:100%; height:55px; line-height:25px; font-size:18px; font-weight:600; color:#231F20; overflow:hidden;} .weatherContentTempMinMax {float:left; width:100%; height:15px; line-height:15px; font-size:12px; font-weight:600; color:#231F20; margin:0 0 15px;} .weatherTemp .weatherContentTempMinMax {margin:0 0 12.5px;} .weatherNextCond {float:left; width:100%; font-size:18px; font-weight:600; color:#231F20;} .weatherTemp .weatherContentTempMinMaxNM {margin:12.5px 0 0;} .weatherContentTempMinMaxNM {margin:0;} .weatherContentSmall {float:left; width:100%; font-size:12px; text-align:center !important; color:#231F20; margin:0;} .weatherSplit {float:left; width:2px; height:20px; margin:6.5px 0;} #weatherCredits {float:left; width:100%; line-height:14px; font-size:9px; text-align:center; color:#231F20; padding-top:10px;} #weatherCredits a {color:#1B6636;} #weatherCredits a:hover {color:#231F20;} #searchLoadingBG {position:fixed; height:100vh;} #contactWaiting {position:absolute; height:100%;} #searchLoadingBG, #contactWaiting {background:rgba(255,255,255,0.6); top:0; left:0; width:100%; z-index:9994; display:none;} #searchLoadingBG img, #contactWaiting img, #searchLoadingBG svg, #contactWaiting svg {position:absolute; left:50%; width:128px; height:128px; margin:-64px 0 0 -64px;} #searchLoadingBG img, #searchLoadingBG svg {top:50vh;} #contactWaiting img, #contactWaiting svg {top:50%;} #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 #loginBG #pfEnquire, #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.out #loginBG #pfEnquire, #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(35,31,32,0.8); text-align:center; vertical-align:middle;} /*#loginBG {position:fixed; background:rgba(45, 42, 43, 0.7); top:0; left:0; width:100vw; height:100vh; display:none; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; z-index:99998;}*/ #loginContainer, #loginHelpContainer, #signupContainer, #signupContainerForms div.loginClient, #signupContainerForms div.loginAgent, #memSignupRes {float:left; width:100%; display:none;} #loginSignupContainer, #pfEnquire {max-width:768px;} #vTourContainer {max-width:1230px; height:calc(100vh - 80px); padding:0;} #loginSignupContainer, #pfEnquire, #vTourContainer {width:96%; 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; transform:scale(0);} .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:#1B6636; 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;} .loginSelect a:hover, .loginSelect a.selectedLogin {background:#1B6636; color:#FFF;} .memLoginContainer, .loginSignup {float:left; width:100%;} .loginSignup {text-align:center;} #loginBG h2 {float:left; width:100%; color:#1B6636; font-size:22px; line-height:26px; 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, #showPFEnquireForm {float:left; clear:both; background:#1B6636; width:200px; height:40px; line-height:40px; left:50%; display:block; color:#FFF; font-size:16px; text-align:center; border:1px solid #154725; margin:10px 0 10px -100px; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; transition-duration:0.5s;} #showPFEnquireForm {width:300px; margin:10px 0 10px -150px;} .loginError, .errList {color:#B30002; font-weight:600; padding:0; list-style:none;} .loginError {margin:0;} .errList {margin:0 0 40px;} #pfEnquire {max-height:75vh; overflow-y:auto;} #pfEnquireForm {float:left; width:100%;} #cancelPFEnquire {height:40px; line-height:38px; margin:5px 0 10px 10px;} #closePFEnquire {display:none;} #pfEnqList {float:left; width:100%; text-align:center; overflow-x:auto; white-space:nowrap; margin-bottom:20px;} .propPFEnqList {width:50px; height:50px; overflow:hidden; border:1px solid #CCC; margin:0 10px 5px 0; display:inline-block; position:relative; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; transition-duration:0.5s;} .propPFEnqList:hover {border:1px solid #1B6636;} .propPFEnqList img.lImage {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; width:100%; height:auto; margin:auto;} .propPFEnqList img.pImage {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; height:100%; width:auto; margin:auto;} #closeLogin, #closeVTour {position:absolute; top:0; right:10px; color:#FFF; font-size:40px; cursor:pointer;} #closeLogin:hover, #closeVTour:hover {color:#1B6636; 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:-40px 10px 0 0; display:block; cursor:pointer; transition-duration:0.5s; position:relative; z-index:1;} #loginPass:hover + .showPass {color:#231F20;} .showPass:hover {color:#1B6636;} #memLoginACL, #memForgotACL, #memSignupACL {float:left; background:#1B6636; width:70px; height:40px; line-height:40px; display:none; text-align:center; border:1px solid #154725; position:relative; clear:both; left:50%; margin:10px 0 10px -35px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;} #memLoginRes, #memForgotRes, #memSignupRes {float:left; width:100%; min-height:25px; line-height:25px; font-size:14px; margin-bottom:15px; display:none;} .memLoginErr {color:#BB0003;} .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;} .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(odd) {background:rgba(241, 242, 243, 0.5);} .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 {float:left;} #selectedLocations span {float:left; height:20px; line-height:20px; background:#1B6636; color:#FFF; font-weight:600; font-size:14px; padding:0 10px; margin:10px 0 10px 10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; position:relative; cursor:pointer;} #selectedLocations span::after {content:"x"; padding-left:10px; cursor:pointer;} #selectedLocations span:first-child {margin-left:0;} #selectedInput {display:none;} .searchFormLabel {float:left; width:100%; line-height:30px; height:30px;} .searchFormLabel input {width:auto !important; line-height:30px; height:30px; margin:0 15px 0 0;} #whatsApp {position:fixed; background:rgba(235, 235, 235, 0.6); border:1px solid rgba(235, 235, 235, 0.4); transition-duration:0.8s; -webkit-box-shadow:-2px 2px 5px 0px rgba(117,117,117,0.8); -moz-box-shadow:-2px 2px 5px 0px rgba(117,117,117,0.8); box-shadow:-2px 2px 5px 0px rgba(117,117,117,0.8); overflow:hidden; z-index:99990;} #whatsApp:hover {background:rgba(235, 235, 235, 0.95); border:1px solid #FFF;} #whatsAppOpen {float:left; width:54px; height:54px; cursor:pointer;} #whatsAppP {position:absolute; background:#FFF; width:54px; height:54px; top:5px; left:5px; webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 1); -moz-box-shadow:0 0 0 0 rgba(255, 255, 255, 1); box-shadow:0 0 0 0 rgba(255, 255, 255, 1); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; z-index:-1;} .waLoaded #whatsAppP {animation:pulse-white 2s infinite;} #whatsAppNos {float:left; overflow:hidden;} #whatsAppNos a {float:left; clear:both; display:flex; justify-content:center; align-items:center; font-weight:600;} .ui-multiselect {box-sizing: border-box; padding:2px 0 2px 4px; text-align:left; width: auto;} .ui-multiselect .ui-multiselect-open { float:right } .ui-multiselect-menu { display:none; box-sizing:border-box; position:absolute; text-align:left; z-index: 101; width:auto; height:auto; padding:3px; } .ui-multiselect-menu.ui-multiselect-listbox {position:relative; z-index: 0;} .ui-multiselect-header { display:block; box-sizing:border-box; position:relative; width:auto; padding:3px 0 3px 4px; margin-bottom:2px;} .ui-multiselect-header > ul { font-size:0.9em } .ui-multiselect-header li { float:left; margin:0 10px 0 0;} .ui-multiselect-header a { text-decoration:none; } .ui-multiselect-header a:hover { cursor: pointer;} .ui-multiselect-header .ui-icon, .ui-multiselect-header i { float:left; margin:2px 3px 0 0 !important; transition-duration:0.5s; } .ui-multiselect-header .ui-multiselect-close { float:right; margin-right:0; text-align:right; } .ui-multiselect-all {margin-right:10px;} .ui-multiselect-all:hover, .ui-multiselect-all:hover .ui-icon, .ui-multiselect-all:hover i, .ui-multiselect-close:hover i {color:#1B6636;} .ui-multiselect-none:hover, .ui-multiselect-none:hover .ui-icon, .ui-multiselect-none:hover i {color:#BB0003;} .ui-multiselect-checkboxes { display:block; box-sizing:border-box; position:relative; overflow:auto; width: auto; border: 0; padding: 4px 0 8px;} .ui-multiselect-checkboxes li:not(.ui-multiselect-optgroup) { clear:both; font-size:0.9em; list-style: none; padding-right:3px;} .ui-multiselect-checkboxes label { border:1px solid transparent; cursor:default; display:block; padding:3px 1px 3px 21px; text-indent: -20px;} .ui-multiselect-checkboxes input { position:relative; top:1px; cursor: pointer;} .ui-multiselect-checkboxes img { height: 30px; vertical-align: middle; margin-right: 3px;} .ui-multiselect-grouplabel { border-bottom:1px solid; display:block; font-weight:bold; margin:1px 0; padding:3px; text-align:center; text-decoration:none; } .ui-multiselect-selectable { cursor: pointer; } .ui-multiselect-optgroup > ul { padding: 3px; } .ui-multiselect-columns { display: inline-block; vertical-align: top; } .ui-multiselect-collapser { float: left; padding: 0 1px; margin: 0; } .ui-multiselect-collapsed > ul { display:none } .ui-multiselect-single .ui-multiselect-checkboxes input { left:-9999px; position:absolute !important; top: auto !important; } .ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important; text-indent: 0 !important; } .ui-multiselect.ui-multiselect-nowrap { white-space: nowrap } .ui-multiselect.ui-multiselect-nowrap > span { display: inline-block } .ui-multiselect-checkboxes.ui-multiselect-nowrap li, .ui-multiselect-checkboxes.ui-multiselect-nowrap a { white-space: nowrap } .ui-multiselect-checkboxes label:hover {cursor:pointer;} .ui-multiselect-measure > .ui-multiselect-header, .ui-multiselect-measure > .ui-multiselect-checkboxes { float: left; } .ui-multiselect-measure > .ui-multiselect-checkboxes { margin: 4px; overflow-y: scroll; } .ui-multiselect-resize { border: 2px dotted #00F } footer {float:left; width:100%; background:#DBDBDB; margin:0; border-top:1px solid #CCC; padding:10px 0 0;} #footer {margin:0 auto;} .footerThird h6 {float:left; width:100%; font-size:20px; color:#1B6636; margin:0 0 10px;} #contactTel {color:#FFF;} .footerThird {float:left; font-size:14px; color:#231F20;} .footerThird ul {float:left; width:100%; margin:0 0 10px; padding:0; list-style:none;} .footerThird ul.extraBot {margin:0 0 30px;} .footerThird a {color:#231F20; transition-duration:0.5s; text-decoration:none;} .footerThird a:hover, .footerThird a.selectedPage {color:#1B6636; text-decoration:none;} .footerCentre {text-align:center;} .footerRight {text-align:right;} .footerRight ul:last-child li:last-child {margin-top:20px;} #footerLeft, #footerRight {float:left; width:50%; height:30px; line-height:30px; font-size:10px;} #footerLeft {clear:left;} #footerBottom {float:left; width:100%; background:#F1F2F3; padding:5px 0;} #footerRight {text-align:right;} #footerLeft a, #footerRight a {color:#666;} #footerLeft a:hover, #footerRight a:hover {color:#1B6636; text-decoration:none;} #cookieUseContainer {position:fixed; bottom:15px; background:rgba(255,255,255,0.95); text-align:center; border:2px solid #154725; 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:#154725;} #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:#1B6636; width:65%; color:#FFF; font-size:16px; margin:20px 5%; border:2px solid #154725;} #cookieContinue:hover {background:#154725; text-decoration:none;} #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; text-decoration:none;} #scrollToTop {background:#231F20; border-radius:7px 7px 0 0; bottom:0; color:#FFF; font-family:"Open Sans"; font-size:32px; display:block; height:32px; opacity:0.75; 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;} .spinner_V8m1{transform-origin:center;animation:spinner_zKoa 2s linear infinite} .spinner_V8m1 circle{stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite} #searchLoadingBG svg, #contactWaiting svg {stroke:#1B6636; animation:spinner_MN 5s ease-in-out infinite} @keyframes spinner_zKoa{ 100%{transform:rotate(360deg)} } @keyframes spinner_YpZS{ 0%{stroke-dasharray:0 150;stroke-dashoffset:0} 47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16} 95%,100%{stroke-dasharray:42 150;stroke-dashoffset:-59} } @keyframes spinner_MN { 0% {stroke:#1B6636;} 33.3333% {stroke:#E9D635;} 66.6666% {stroke:#154725;} 100% {stroke:#1B6636;} } @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 pulse-white { 0% {transform:scale(0.95); box-shadow:0 0 0 0 rgba(255, 255, 255, 0.7);} 70% {transform:scale(1); box-shadow:0 0 0 10px rgba(255, 255, 255, 0);} 100% {transform:scale(0.95); box-shadow:0 0 0 0 rgba(255, 255, 255, 0);} } @media screen and (min-width: 1600px) { #mainMenu li {margin:0 25px;} } @media screen and (min-width: 1400px) and (max-width: 1599px) { #mainMenu li {margin:0 15px;} } @media screen and (min-width: 1400px) { #mainMenu a {font-size:16px;} .featPropImage, .featPropDetails, .similarDetails {height:200px;} .featPropPrice, .similarPrice {transform:translateY(-200px);} .halfColText {width:80%;} .halfColPic {width:20%; height:auto;} .searchPropContainer {width:25%;} .searchPropContainer:nth-child(1), .searchPropContainer:nth-child(5), .searchPropContainer:nth-child(9), .searchPropContainer:nth-child(13), .searchPropContainer:nth-child(17) {clear:left; border-left:none;} .searchPropContainer:nth-child(4), .searchPropContainer:nth-child(8), .searchPropContainer:nth-child(12), .searchPropContainer:nth-child(16), .searchPropContainer:nth-child(20) {border-right:none;} .searchPropPhoto {height:180px;} .propSearchSpecs li {font-size:14px;} .propSearchSpecs i {font-size:16px;} .weatherContainer h2 {font-size:24px; line-height:28px;} .epcRow {width:380px;} .formCheck {width:50%;} } @media screen and (min-width: 1171px) { #pageGalleryOverlay h1, #propertyPrice {font-size:40px;} #pageGalleryOverlay h1 {line-height:40px;} /* #propertyPhotos, #mainPhotos li img, .youtube-player {height:600px;} #propertyPhotosContainer {width:800px; height:600px;} #mainPhotos .slick-slide {min-width:800px;} #propertyChecklist {width:calc(100% - 820px); margin-left:20px; min-height:600px;} #propertyDetailsContainer {width:calc(100% - 800px); min-height:600px;} */ #propertyPhotos, #mainPhotos li img, .youtube-player {height:533px;} #propertyPhotosContainer {width:800px; height:533px;} #mainPhotos .slick-slide {min-width:800px;} #propertyChecklist {width:calc(100% - 820px); margin-left:20px; min-height:533px;} #propertyDetailsContainer {width:calc(100% - 800px); min-height:533px;} #propertyChecklist li {width:50%;} #epcRating th, #epcRating td {font-size:14px;} .localDistanceTitleW, .mortgageTitleW, .mortgageValue {font-size:20px;} .localDistanceTitle, .localDistance {font-size:16px;} #propertyNav a {font-size:16px;} .propFormRow {padding:5px 10px;} .propFormTitle {display:block;} .propFormLabel {display:none;} .propFormInputHalf {width:32.3333% !important;} .propertyContentL, .propertyContentDP, .propertyContentDP {width:66.6667%;} .propertyContentR, .propertyContentDPR, .threeBox.rentalProperty {width:33.3334%;} .localDistanceTitleW, .mortgageTitleW, .mortgageValue {font-size:20px;} .localDistanceTitle, .localDistance {font-size:16px;} } @media screen and (max-width: 1170px) { #pageGalleryOverlay h1, #propertyPrice {font-size:36px;} #pageGalleryOverlay h1 {line-height:36px;} } @media screen and (min-width: 1200px) and (max-width: 1399px) { #mainMenu li {margin:0 10px;} #mainMenu a {font-size:14px;} .featPropImage, .featPropDetails, .similarDetails {height:180px;} .featPropPrice, .similarPrice {transform:translateY(-180px);} .weatherContainer h2 {font-size:22px; line-height:26px;} } @media screen and (max-width: 1199px) { #mainMenu a {font-size:11px;} .propSearchSpecs li {font-size:14px;} .propSearchSpecs i {font-size:16px;} } @media screen and (min-width: 1000px) and (max-width: 1399px) { .halfColText {width:70%;} .halfColPic {width:30%; height:auto;} .searchPropContainer {width:33.3334%;} .searchPropContainer:nth-child(1), .searchPropContainer:nth-child(4), .searchPropContainer:nth-child(7), .searchPropContainer:nth-child(10), .searchPropContainer:nth-child(13), .searchPropContainer:nth-child(16), .searchPropContainer:nth-child(19) {clear:left; border-left:none;} .searchPropContainer:nth-child(3), .searchPropContainer:nth-child(6), .searchPropContainer:nth-child(9), .searchPropContainer:nth-child(12), .searchPropContainer:nth-child(15), .searchPropContainer:nth-child(18) {border-right:none;} .searchPropPhoto {height:150px;} .weatherContainer h2 {font-size:18px; line-height:22px;} .threeBox h2 {font-size:24px; line-height:28px;} } @media screen and (min-width: 1000px) and (max-width: 1170px) { /* #propertyPhotosContainer {width:700px; height:525px;} #propertyPhotos, #mainPhotos li img, .youtube-player {height:525px;} #propertyChecklist {width:calc(100% - 720px); margin-left:20px; min-height:525px;} #propertyDetailsContainer {width:calc(100% - 700px); min-height:525px;} */ #propertyPhotosContainer {width:700px; height:467px;} #propertyPhotos, #mainPhotos li img, .youtube-player {height:467px;} #propertyChecklist {width:calc(100% - 720px); margin-left:20px; min-height:467px;} #propertyDetailsContainer {width:calc(100% - 700px); min-height:467px;} #propertyNav a {font-size:14px;} .propFormRow {padding:5px 10px;} .propFormTitle {display:block;} .propFormLabel {display:none;} .propFormInputHalf {width:32.3333% !important;} .propertyContentL, .propertyContentDP, .propertyContentDP {width:700px;} .propertyContentR, .propertyContentDPR, .threeBox.rentalProperty {width:calc(100% - 700px);} .localDistanceTitleW, .mortgageTitleW, .mortgageValue {font-size:18px;} .localDistanceTitle, .localDistance {font-size:14px;} } @media screen and (min-width: 1000px) and (max-width: 1199px) { #refSearchContainer {margin-right:0;} #header .languages {margin-left:20px !important;} #mainMenu li { margin:0 7px;} .featPropImage, .featPropDetails, .similarDetails {height:140px;} .featPropPrice, .similarPrice {transform:translateY(-140px);} .propSearchSpecs li {font-size:12px;} .propSearchSpecs i {font-size:14px;} } @media screen and (min-width: 1000px) { #header, #mainContent, .container, #containerW, #pageGalleryOverlay, #footer, #footerBottom .container, #searchFilter.scrolling {width:90%; margin:0 5%;} #infoBar {width:calc(80% - 120px);} #refSearch {width:180px;} #mainMenu ul, #mainMenu li, #mainMenu a {height:36px; line-height:36px;} .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;} .sFormTitle {width:25%;} .sFormRow input, .sFormRow textarea, .sFormChecklist {width:450px;} .sFormRow .showPass {left:calc(25% + 420px);} .pGallery img {width:calc(25% - 4.5px);} .pGallery a:nth-child(4n) {margin:0 0 2px 0;} } @media screen and (min-width: 1100px) and (max-width: 1170px) { #epcRating th, #epcRating td {font-size:12px;} #propertyChecklist li {width:100%;} } @media screen and (min-width: 768px) and (max-width: 1099px) { #epcRating th, #epcRating td {font-size:10px;} #propertyChecklist li {width:100%;} } @media screen and (min-width: 768px) and (max-width: 1399px) { .formCheck {width:100%;} } @media screen and (min-width: 768px) and (max-width: 999px) { #header, #mainContent, .container, #containerW, #pageGalleryOverlay, #footer, #footerBottom .container, #searchFilter.scrolling {width:98%; margin:0 1%;} #infoBar {width:calc(95% - 120px);} #refSearch {width:140px;} #mainMenu ul, #mainMenu li, #mainMenu a {height:30px; line-height:30px;} #mainMenu li {margin:0 4px;} #mainMenu a {font-size:10px;} #pageGalleryOverlay h1, #propertyPrice {font-size:30px;} #pageGalleryOverlay h1 {line-height:30px;} .featPropImage, .featPropDetails, .similarDetails {height:110px;} .featPropPrice, .similarPrice {transform:translateY(-110px);} .halfColText {width:60%;} .halfColPic {width:40%; height:auto;} .pGallery img {width:calc(33.3334% - 4.5px);} .pGallery a:nth-child(3n) {margin:0 0 2px 0;} .searchPropContainer {width:50%;} .searchPropContainer:nth-child(1), .searchPropContainer:nth-child(3), .searchPropContainer:nth-child(5), .searchPropContainer:nth-child(7), .searchPropContainer:nth-child(9), .searchPropContainer:nth-child(11), .searchPropContainer:nth-child(13), .searchPropContainer:nth-child(15), .searchPropContainer:nth-child(17), .searchPropContainer:nth-child(19) {clear:left; border-left:none;} .searchPropContainer:nth-child(2), .searchPropContainer:nth-child(4), .searchPropContainer:nth-child(6), .searchPropContainer:nth-child(8), .searchPropContainer:nth-child(10), .searchPropContainer:nth-child(12), .searchPropContainer:nth-child(14), .searchPropContainer:nth-child(16), .searchPropContainer:nth-child(18), .searchPropContainer:nth-child(20) {border-right:none;} .searchPropPhoto {height:113px;} .propSearchSpecs li {font-size:12px;} .propSearchSpecs i {font-size:14px;} .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;} /* #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;} #propertyChecklist {width:calc(100% - 515px); margin-left:15px; min-height:375px;} */ #propertyPhotosContainer {width:500px; height:333px;} #mainPhotos .slick-slide {min-width:500px;} #propertyPhotos, #mainPhotos li img, .youtube-player {height:333px;} #propertyDetailsContainer {width:calc(100% - 500px); min-height:333px;} #propertyChecklist {width:calc(100% - 515px); margin-left:15px; min-height:333px;} #propertyButtons a {font-size:12px;} #propertyNav a {font-size:12px;} .propFormRow {padding:15px 0;} .propFormTitle {display:none;} .propFormInput {width:100%; border-top:none;} .propFormInputHalf {width:49% !important;} .propFormLabel {display:inline-flex;} .propFormSelect, .featuresAdd {width:100%; padding:0;} .propFormSelect .ui-selectmenu-button {border-top:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} .mortgageTitleW, .mortgageValue {font-size:16px;} .propertyContentL, .propertyContentDP, .propertyContentDP {width:500px;} .propertyContentR, .propertyContentDPR, .threeBox.rentalProperty {width:calc(100% - 500px);} .localDistanceTitleW, .mortgageTitleW, .mortgageValue {font-size:16px;} .localDistanceTitle, .localDistance {font-size:12px;} .weatherContainer h2 {font-size:18px; line-height:22px;} .sFormTitle {width:38%;} .sFormRow input, .sFormRow textarea, #newPasswordContainer, .sFormChecklist {width:60%;} .sFormRow .showPass {right:35px;} } @media screen and (min-width: 768px) { #header {height:70px;} .showMenu {display:none;} #infoBar {margin:2px 0 10px;} #header .languages {margin-left:30px;} nav {clear:right;} #mainMenu {float:right; position:relative;} #mainMenu ul {float:left; text-align:center; list-style:none; padding:0; margin:0;} #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:#FFF; text-align:center; margin:0; position:relative; text-shadow:1px 1px 1px rgba(0, 0, 0, 1);} #mainMenu a:before {content:""; background:#E9D635; 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:hover:before, a.selectedPage:before {visibility:visible !important; -webkit-transform:scaleX(1) !important; transform:scaleX(1) !important;} #mainMenu a:hover, #mainMenu a.selectedPage {color:#E9D635;} #mainMenu ul.ddMenu {height:auto;} .ddMenu {left:50%; width:250px; background:rgba(255, 255, 255, 0.7); margin:0 0 0 -125px !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);} #clientsMenuMenu {left:auto; right:100%; margin:0 -20px 0 0 !important;} .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;} #homeGalleryContainer {height:600px;} #fpSearch .ui-selectmenu-button.ui-button, #fpSearch .ui-multiselect, .ui-multiselect-menu {width:19% !important;} #fpSearchSubmit {width:12%;} #fpSearch .ui-selectmenu-button.ui-button, #fpSearch .ui-multiselect {margin-right:3%;} #pbBannerTop, #pbBannerBot {font-size:40px;} #pbBannerBot {line-height:25px; padding:10px 0 0;} #pbBannerBot span {font-size:20px; letter-spacing:3px;} #pageGalleryContainer, #pageGallery {height:400px;} #pageGalleryOverlay {top:210px; height:120px;} #pageGalleryOverlay.propertyListOverlay {top:175px;} #pageGalleryOverlay h1 {margin:0 0 10px;} #pageBreadcrumb li {font-size:14px;} #pageBreadcrumb li:not(:first-child)::before {padding:0 5px; margin:0;} .boxRow {display:flex; margin-top:30px;} .boxRow:nth-of-type(1) {margin-top:0;} .threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox {width:33.3333%;} .threeBox:first-child {border-left:none; border-right:30px solid transparent;} .threeBox:last-child {border-right:none; border-left:30px solid transparent;} .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox {width:25%;} .textPicLeft .halfColPic {margin:0 15px 5px 0;} .textPicRight .halfColPic {margin:0 0 5px 15px;} .tpBoxC {width:40%;} .tpBoxT {width:60%;} .tpBoxC.boxOne {margin-top:0;} .tpBoxC.boxTwo {margin:10% 0 0 -20%;} .tpBoxT.boxOne {margin-top:-5%;} #searchFilterContainer {position:absolute; bottom:0; left:0; width:100%; background:rgba(0, 0, 0, 0.4); border-top:1px solid #333; color:#FFF;} #searchFilter .container {position:relative;} /* #searchFilter {background:rgba(27, 102, 54, 0.9); border:1px solid #154725; color:#FFF;}*/ #searchFilterMain.sTSearch .ui-selectmenu-button.ui-button, #searchFilterMain.sTSearch .ui-button, #searchForm .ui-selectmenu-button, #searchFilterMain .ui-selectmenu-button {width:100%; margin-bottom:10px;} .filterSecondaryThird {width:33.3333%;} .pagination {width:100%;} .paginationBottom {margin:0 0 25px;} .mobilePage, .mobileSplitLeft, .mobileSplitRight {display:none !important;} #mainPhotos li img {width:auto; margin:0 auto;} #searchFilter.scrolling {top:10px;background:rgba(0, 0, 0, 0.6); color:#FFF; border:1px solid #333; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .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 #66B6E1 !important;} #priceBox, #bedsBox, #searchButtons {border-left:1px solid #00274F;} #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 {display:none;} #searchFilterMain .ui-selectmenu-button.ui-button, #searchFilterMain .ui-multiselect {width:19% !important; margin-right:1.25%;} #noBaths-button, #minAcc-button {margin-right:0 !important;} .filterSecondaryThird {width:33.3334%;} .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;} .pagination {width:100%;} .mobilePage, .mobileSplitLeft, .mobileSplitRight {display:none !important;} .propertyTitle {width:75%;} .propertyPrice {width:25%;} #mainPhotos li img {width:auto; margin:0 auto;} #propertyNav.withVideo li {width:25%;} #propertyNav li {width:25%;} #propertyNav li:first-child {padding:0 10px 0 0;} #propertyNav li:last-child {padding:0 0 0 10px;} .propertyContentR {border-left:18px solid transparent;} #printProperty {display:block;} .formInput50 {width:49%;} .formInput50:nth-child(2) {margin:0 2% 20px 0;} .contactCols {width:50%;} .contactCols:first-child {padding-right:30px;} input.captchaResponse {width:200px !important; margin:0 0 15px 10px !important;} #captchaVerification .formInput {width:calc(100% - 220px); margin-left:20px;} #whatsApp {right:-220px; top:calc(50vh - 30px); width:184px; height:66px; padding:5px 8px 5px 5px; border-right:none !important; border-radius:6px 0 0 6px; -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px;} #whatsApp.waLoaded {right:-115px;} #whatsApp.waOpened {right:0;} #whatsAppNos {width:115px;} #whatsAppNos a {height:27px; font-size:16px; line-height:27px; flex-direction:row; margin:0 10px;} #whatsAppNos img {margin-right:5px;} .footerThird {width:33.3334%;} #cookieUseContainer {right:15px; width:calc(100% - 30px);} .sFormRow .showPass {top:3px;} } @media only screen and (max-width: 767px) { #header, #mainContent, #container, .container, #containerW, #mainCol, .sideCol, #footer, #footerBottom .container {width:98%; margin:0 1%;} #infoBar {width:calc(100% - 120px); height:50px;} #refSearchContainer {margin-right:70px;} #refSearch {width:120px;} #headerContact {width:100%; height:50px; line-height:25px; text-align:center; padding-right:70px; overflow:hidden;} #headerContact a {display:block; margin:0;} #socialHeader {display:none;} nav {position:absolute; 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:-260px; width:260px; 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;} #mainMenu a:hover, #mainMenu a.selectedPage {color:#298732;} .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 !important; top:52px; right:4px; color:#FFF; z-index:9998;} #headerSignin, header h2 {display:none;} nav.is-active #mainMenu {transform:translateX(-260px);} 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; 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;} #homeGalleryContainer {height:420px;} #fpSearch .ui-selectmenu-button.ui-button, #fpSearch .ui-multiselect, .ui-multiselect-menu, #fpSearchSubmit {width:100% !important; margin-bottom:10px;} #pbBannerTop, #pbBannerBot {font-size:25px;} #pbBannerBot {line-height:16px; padding:6px 0 0;} #pbBannerBot span {font-size:14px; letter-spacing:1px;} #pageGalleryContainer, #pageGallery {height:300px;} #pageGalleryOverlay {top:140px; left:1%; width:98%; height:120px; margin:0;} #pageGalleryOverlay h1, #propertyPrice {font-size:20px;} #pageGalleryOverlay h1 {line-height:20px;} #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;} .threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox, .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox, .similarProperty {margin-bottom:5px;} .threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox, .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox, .similarProperty, .centredTextWide {width:100%;} .centredTextWide, .threeBox, .threeBox.rentalProperty, .fourBox, .halfColText, .halfColPic, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox, .propertyContentDP {width:100%;} .featPropImage img, .similarPropPhoto img {opacity:0.4;} .featPropPrice, .similarPrice, .featPropDetails, .similarDetails, .featPropRef {transform:translateY(0);} .featPropImage, .featPropDetails, .similarDetails {height:200px;} .halfColText {width:100%;} .halfColPic {width:100%; height:auto;} .textPicLeft .halfColPic, .textPicRight .halfColPic {margin:10px 0;} .weatherContainer h2 {font-size:24px; line-height:28px;} .tpBoxC {width:50%;} .tpBoxT {width:70%;} .boxOne {margin-top:0;} .tpBoxC.boxTwo {margin:12% 0 0 -25%;} .tpBoxT.boxTwo {margin-top:-15%;} #searchContainer {padding:20px 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:calc(100vh - 50px); color:#231F20; padding:40px 10px; border:none; border-top:1px solid #CCC; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; z-index:1;} .searchInput input {width:65%;} #closeByBox {float:left; width:100%; font-size:14px;} #closeByBox input {width:auto; height:20px; line-height:20px; margin:0 10px 0 0;} #searchButtons {position:absolute; bottom:5px; left:2%; width:96%;} #filterSearch {background:#1B6636; color:#FFF; border:1px solid #154725;} #filterSearch:hover {background:#154725; color:#E9D635; border:1px solid #154725;} #searchFilter {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .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;} .searchPropPhoto {height:150px;} .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;} .previousVideo, .nextVideo {display:block;} .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;} .searchFilterThird:nth-child(1) h3, .pageNumbers a, #listTypeSelContainer, #previousPhoto, #nextPhoto {display:none;} #searchFilterMain .ui-selectmenu-button.ui-button, #searchFilterMain .ui-multiselect, #priceSlider {width:100%; margin-bottom:10px;} #searchFilterSecondary {width:100%; display:block; padding-top:20px;} .filterSecondaryThird {width:100%; margin-bottom:10px;} .searchSelect {margin-bottom:10px;} #searchFilterMain .ui-selectmenu-button.ui-button, #searchFilterMain .ui-multiselect {width:96% !important; margin:0 2% 5px;} .ui-multiselect-menu {left:2% !important; width:96% !important; z-index:1042;} .propertyPrice {line-height:22px; font-size:20px;} .propertyPrice span#sterlingPrice {font-size:14px;} .propertyTitle, .propertyPrice, #propertyPhotosContainer, #propertyChecklist, .propertyContentL, .propertyContentR, #mainDirPhotos .slick-slide {width:100%;} #propertyChecklist {min-height:auto;} #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;} #propertyChecklist, .propertyContentR {width:100%; min-height:0; margin:0 0 20px;} #propertyChecklist li {width:50%;} #propertyNav li {width:100%; padding:0 10px;} #propertyNav a {font-size:16px;} #propertyChecklist {padding:0 5px 15px;} .propertyContentL, .propertyContentR {border-left:15px solid transparent; border-right:15px solid transparent;} .pFormRow {padding:15px 10px; margin-bottom:15px;} .pFormTitle {display:none;} .pFormInput {width:100%; border-top:none;} .pFormInputHalf {width:49% !important;} .pFormLabel {display:inline-flex;} .pFormSelect, .featuresAdd {width:100%; padding:0;} .pFormSelect .ui-selectmenu-button {width:100%; border-top:none; padding:15px 10px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} .formCheck {width:50%;} #previousPhoto, #nextPhoto {display:none;} .propertyHeadlines {font-size:14px;} .propertyHeadlines span {font-size:22px;} .localDistanceTitleW {font-size:20px;} .localDistanceTitle, .localDistance, .mortgageTitleW, .mortgageValue {font-size:16px;} .formInput50 {width:100%; margin:0 0 20px;} .contactCols {width:100%;} #captchaVerification iframe {left:50%; margin:0 0 20px -100px; position:relative;} input.captchaResponse {width:calc(80% - 2px) !important; margin:0 10% 15px !important;} .sFormTitle, .sFormRow input, .sFormRow textarea, #newPasswordContainer, .sFormChecklist {width:100%;} .sFormRow .showPass {top:44px; right:15px;} #whatsApp {left:10px; bottom:-200px; width:66px; height:170px; padding:5px 5px 8px; border-bottom:none !important; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;} #whatsApp.waLoaded {bottom:-101px;} #whatsApp.waOpened {bottom:0;} #whatsAppNos {width:54px; height:101px; margin:10px 0 0;} #whatsAppNos a {width:54px; font-size:11px; line-height:18px; flex-direction:column; margin:0 0 10px;} .footerThird {text-align:center; margin-bottom:30px;} .footerThird, #footerLeft, #footerRight {width:100%;} #footerLeft {padding-left:2%;} #footerRight {padding-right:2%;} #cookieUseContainer {right:5px; width:calc(100% - 10px);} } @media only screen and (min-width: 476px) and (max-width: 767px) { .searchPropContainer {width:50%;} .searchPropContainer:nth-child(1), .searchPropContainer:nth-child(3), .searchPropContainer:nth-child(5), .searchPropContainer:nth-child(7), .searchPropContainer:nth-child(9), .searchPropContainer:nth-child(11), .searchPropContainer:nth-child(13), .searchPropContainer:nth-child(15), .searchPropContainer:nth-child(17), .searchPropContainer:nth-child(19) {clear:left; border-left:none;} .searchPropContainer:nth-child(2), .searchPropContainer:nth-child(4), .searchPropContainer:nth-child(6), .searchPropContainer:nth-child(8), .searchPropContainer:nth-child(10), .searchPropContainer:nth-child(12), .searchPropContainer:nth-child(14), .searchPropContainer:nth-child(16), .searchPropContainer:nth-child(18), .searchPropContainer:nth-child(20) {border-right:none;} } @media only screen and (max-width: 475px) { .searchPropContainer {width:100%; border:none transparent; margin-bottom:15px;} .moreLocalPropsLink {font-size:12px;} } @media only screen and (min-width: 400px) and (max-width: 767px) { .pGallery img {width:calc(50% - 4.5px);} .pGallery a:nth-child(2n) {margin:0 0 2px 0;} } @media only screen and (max-width: 399px) { .pGallery img {width:100%;} .pGallery a {margin:0 0 2px;} } a {color:#1B6636; text-decoration:none; transition-duration:0.5s;} a:hover {color:#231F20; transition-duration:0.5s; text-decoration:none;}