body {background:#F7F8F8; top:0 !important; margin:0 auto; font-family:"Open Sans", Arial, Verdana, Helvetica; font-size:16px; color:#231F20; overflow-x:hidden;} *, *::before, *::after {box-sizing:border-box;} header, #header, #mainContent, .container, #footer, #footerBottom, #logo, #logo img, #logo span, #logo:after, nav, #mainMenu, #mainMenu li, #mainMenu a, #homeSearch, #homeSearchBox, #homeSearchTabs a, .homeSearchButton, .confirmDatePicker, .cancelDatePicker, #pageGalleryContainer, #searchFilterContainer, #searchContainer, .filterList label, .filterPreList label, .propListContainer, .propListSRContainer, .propListIcon svg, .svgStroked, #contactInDiv i, .showBookingBtn, .showEnquiryBtn, #closeBookingForm, .discoveryAreaBG img, .pGallery img, .submitButton, #footerLogo, #footerLogo img, #footerLogo span, #footerLogo:after {transition-duration:0.5s;} header {position:fixed; top:0; left:0; background:linear-gradient(to bottom, rgba(35,31,32,0.4) 0%,rgba(35,31,32,0) 100%); background:-moz-linear-gradient(top, rgba(35,31,32,0.4) 0%, rgba(35,31,32,0) 100%); background:-webkit-linear-gradient(top, rgba(35,31,32,0.4) 0%,rgba(35,31,32,0) 100%); background:linear-gradient(to bottom, rgba(35,31,32,0.4) 0%,rgba(35,31,32,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f2066', endColorstr='#00231f20',GradientType=0 ); width:100%; z-index:1044;} #logo, #logo img, span.logoR, span.logoB, #footerLogo img {float:left;} #logo span, #footerLogo span {font-family:"Montserrat", Arial, Verdana, Helvetica; color:#FFF;} #logo:hover span, .slidingHeader #logo:hover span {color:#065290;} #footerLogo:hover span {color:#F9AD38;} #logo, #footerLogo {position:relative;} #logo img, #footerLogo img {width:auto; height:100%; margin-right:5px;} #logo:after, #footerLogo:after {position:absolute; content:""; background:#F9AD38; border-radius:50%;} span.logoB, span.logoSubTitle {font-weight:700;} span.logoSubTitle {position:absolute; bottom:0; text-align:right;} #footerLogo {padding-right:20px;} #footerLogo:after {bottom:10px; right:0; width:15px; height:15px;} header.slidingHeader {background:rgba(255,255,255,0.8); backdrop-filter:blur(5px); -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);} header.slidingHeader {height:50px;} .slidingHeader #logo span {color:#0B82C2;} .slidingHeader #header, .slidingHeader #logo {height:44px;} .slidingHeader #logo {padding-right:15px;} .slidingHeader #logo::after {width:11px; height:11px; bottom:7px;} .slidingHeader span.logoR, .slidingHeader span.logoB {font-size:19px; margin-top:12px;} .slidingHeader span.logoSubTitle {font-size:7px; width:calc(100% - 81px);} .fixed {overflow:hidden;} .moreLangs {position:absolute; top:0; right:-5px; color:#FFF; width:10px; height:50px; line-height:50px; display:inline-block; vertical-align:middle; z-index:2; transition-duration:0.5s;} .slidingHeader .moreLangs {color:#231F20; height:44px; line-height:44px;} .languageBG {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;} .languages {width:46px; height:50px; padding:0 6px 0 0; z-index:998; cursor:pointer;} .slidingHeader .languages {height:44px;} header .languages {float:right; margin:0; position:relative;} .languages:hover .moreLangs {color:#F9AD38;} .languageMenu {position:absolute; background:rgba(255,255,255,0.4); top:50px; left:0; 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);} .languageHolder {float:left; width:24px; height:24px; margin:13px; overflow:hidden; position:relative; z-index:2;} .languageMenu .languageHolder {margin:4px 0 6px;} .languageMenu .languageHolder img {opacity:0.6;} .languageMenu .languageHolder img:hover, .langSelected {opacity:1;} .languageHolder a {margin:0 !important;} .languageHolder img {position:absolute; top:0; cursor:pointer; transition-duration:0.5s;} .enLang, .Lang, .gTransImg {left:0;} .esLang {left:-25px;} .deLang {left:-50px;} .frLang {left:-75px;} .nlLang {left:-100px;} .ruLang {left:-125px;} #gLanguage {position:absolute; top:50px; left:0;} .slidingHeader .languageMenu, .slidingHeader #gLanguage {top:44px;} .skiptranslate iframe, iframe.goog-te-banner-frame, iframe.goog-te-menu-frame {display:none !important;} #google_translate_element {line-height:20px !important; margin:7px 0;} .showMenu {background:rgba(255, 255, 255, 0.4); width:65px; height:65px; margin:0; border:0; overflow:visible; cursor:pointer; padding:17.5px;} .showMenuBox {width:30px; 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:#231F20; 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:#0B82C2;} .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:#F9AD38; 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:#F9AD38; 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:#F9AD38; top:0; transform:rotate(-90deg); transition:top 0.12s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.18s, transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s, -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s;} #mainMenu a {font-family:"Montserrat", Arial, Verdana, Helvetica; white-space:nowrap;} .ddMenu {position:absolute; 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;} .menuShow i {transform:rotate(-180deg);} #homeGallery {float:left; width:100%; height:100vh; position:relative; overflow:hidden;} #homeSlider {width:100%; height:100vh; display:block; overflow:hidden; position:relative;} .homeGallery {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;} .videoHolder {width:100%; height:100%; margin:0 auto; position:relative;} #pageGalleryContainer, #propertyGallery {float:left; width:100%; position:relative; overflow:hidden;} .pageGallery {position:absolute; top:0; left:0; width:100%; height:100%;} .homeGallery img, .homeGallery video {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; width:auto; height:auto; min-width:100%; margin:auto; display:block;} .homeGallery img {width:auto;} .homeGallery video {width:100%;} #propertyGallery img, #pageGallery img, .pageGallery img, #pageGallery video, .pageGallery video {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; width:auto; margin:auto; display:block;} #propertyGallery img {min-width:100vw;} #homeGalleryOverlay {position:absolute; display:flex; flex-direction:column; justify-content:center; align-items:center; z-index:98;} #homeGallery h1 {color:#FFF; text-align:center; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.8); margin:0 0 15px;} #pageGalleryOverlay {position:absolute; display:table; z-index:1;} #pageGalleryTitle, #propertyPrice {height:280px; 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);} #propertyGalleryCover {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(35, 31, 32, 0.35); backdrop-filter:blur(5px); z-index:0;} #homeSearchTabs {float:left; width:100%; height:40px; display:flex; justify-content:center; align-items:center; margin-bottom:3px;} #homeSearchTabs a {background:rgba(11,130,194,0.25); backdrop-filter:blur(10px); width:33.3333%; height:100%; text-align:center; color:#FFF; font-size:14px; padding:0 5px; display:flex; justify-content:center; align-items:center; cursor:pointer;} #homeSearchTabs a:hover {background:rgba(11,130,194,0.6);} #homeSearchTabs a:first-of-type {border-radius:4px 0 0 0; -moz-border-radius:4px 0 0 0; -webkit-border-radius:4px 0 0 0;} #homeSearchTabs a:nth-of-type(3) {border-radius:0 4px 0 0; -moz-border-radius:0 4px 0 0; -webkit-border-radius:0 4px 0 0;} #homeSearchTabs a.currentSearch {background:rgba(11,130,194,0.65); font-weight:700; -webkit-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.4); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.4);} #sRentTab {margin:0 5px;} #homeSearch {width:100%; max-width:768px;} #homeSearchBox {float:left; width:100%; background:rgba(11,130,194,0.65); backdrop-filter:blur(10px); color:#FFF; padding:20px; border:1px solid rgba(6,82,144,0.3); border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -webkit-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.4);} .homeSearch {float:left; width:100%; display:none;} #salesTabSearch {display:block;} select, option {-webkit-appearance:none;} #homeSearchBox .selectInput, .searchFilterMain select {float:left; background:#FFF; height:40px; font-size:14px; font-family:"Open Sans", Arial, Verdana, Helvetica; padding:2px 10px; display:inline-block; border:none; position:relative; cursor:pointer;} .datesIcon {float:left; display:inline-block; position:relative;} .datesIcon:after {position:absolute; top:10px; right:5px; content:"\f073"; font-family:"Font Awesome 5 Free"; color:#939597;} .homeSearchButton {float:left; background:#F9AD38; color:#FFF; font-size:16px; height:40px; line-height:40px; border:none; cursor:pointer;} .homeSearchButton:hover {background:#BD8228;} .selectInput100W {width:100%;} .confirmDatePicker, .cancelDatePicker {cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .confirmDatePicker {background:#F9AD38; color:#FFF; border:1px solid #BD8228;} .confirmDatePicker:hover {background:#BD8228;} .cancelDatePicker {background:#F1F2F3; color:#231F20; border:1px solid #CCC;} .cancelDatePicker:hover {background:#CCC;} #homeSearchBox input:focus, #homeSearchBox select:focus, .formInput input:focus, .formInput textarea:focus, #propertyBooking input:focus, #propertyBooking select:focus {outline:none !important;} #homeGalleryCover {position:absolute; top:-10vh; left:-10vw; width:120vw; height:110vh; z-index:1; box-shadow:inset 0px -5px 20px 0px rgba(0,0,0,0.5)} main, footer {float:left; width:100%;} main {min-height:calc(100vh - 220px);} h1, h2, h3, h4, h5, h6 {font-family:"Montserrat", Arial, Verdana, Helvetica; font-weight:700;} .mainContent h1, .mainContent h2, .mainContent h3, .mainContent h4, .mainContent h5, .mainContent h6, #cookieText h6, #returnQ h6, #enquiryContainer h6, #bookingForm h2, #bookingOverview h3 {font-size:26px; color:#0B82C2; margin:5px 0 15px;} .mainContent {float:left; width:100%; display:inline-block; margin-bottom:60px;} .mainContent.tb40, #pageBreadcrumb + .mainContent, #homeGallery + .mainContent {margin:40px 0 !important;} .mainContent.tb60 {margin:60px 0 !important;} .mainContent.b20 {margin:0 0 20px !important;} .mainContent.b40 {margin:0 0 40px !important;} .mainContent.b60 {margin:0 0 60px !important;} .mainContent.noMargin {margin:0 !important;} .mainContent::before, .mainContent::after {content:" "; display:table;} .mainContent p strong {font-weight:600;} #pageBreadcrumb + .mainContent.propertyContent {background:#FFF; margin:0 !important; padding:40px 0;} .mainContent.grey {background:#F3F3F5; padding:20px 0;} .mainWContainer {background:#FFF; padding:5px 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .inlineForm {position:relative;} #pageBreadcrumb {float:left; width:100%; background: rgb(6,82,144); background:-moz-linear-gradient(90deg, rgba(6,82,144,1) 0%, rgba(11,130,194,1) 100%); background:-webkit-linear-gradient(90deg, rgba(6,82,144,1) 0%, rgba(11,130,194,1) 100%); background:linear-gradient(90deg, rgba(6,82,144,1) 0%, rgba(11,130,194,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#065290",endColorstr="#0b82c2",GradientType=1); 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 {font-family:"Font Awesome 5 Free"; content:"\f30b"; display:inline-block; font-weight:900; font-size:12px; color:#F3F3F3;} #pageBreadcrumb li a {color:#FFF;} #pageBreadcrumb li a:hover {color:#F9AD38; text-decoration:underline;} .boxRow {float:left; width:100%; text-align:center; vertical-align:top; display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; position:relative;} .twoBoxes, .threeBoxes, fourBoxes, .featuredContainer, .latestContainer, .categoryContainer {float:left; width:100%; text-align:center; padding:25px 0 30px; margin:0 0 25px;} .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox {float:left; background:#F1F2F3; background-clip:padding-box !important; text-align:justify;} .twoBox, .threeBox, .fourBox {padding:15px;} .twoBox {width:50%;} .threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox {width:33.3333%;} .threeBox {min-height:300px;} .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox {width:25%;} .twoBox, .fourBox {min-height:200px;} .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox {background-clip:padding-box; text-align:left; display:flex; border:15px solid transparent; position:relative; flex-direction:column; justify-content:center;} .boxImage h1, .boxImage h2, .boxImage h3, .boxImage h4, .boxImage h5, .boxImage h6 {float:left; width:100%;} .twoBox.boxImage, .threeBox.boxImage, .fourBox.boxImage {background:none; padding:0;} .twoBox.boxImage img, .threeBox.boxImage img, .fourBox.boxImage img {float:left; width:100%; height:auto;} .textWBG {color:#FFF;} .textWBG h1, .textWBG h2, .textWBG h3, .textWBG h4, .textWBG h5, .textWBG h6 {color:#F9AD38;} .textWBG .container {position:relative; z-index:1;} .textBG {position:relative; padding:30px 0;} .textBGCover {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);} .textRow, .centredText, .centredTextWide, .textPic, .textSearch {position:relative;} .centredText, .centredTextWide, .textPic, .textSearch {min-height:220px;} .centredText, .centredTextWide {float:left; text-align:center;} .centredText.justifyLeft {clear:both; text-align:justify;} .centredText {width:75%; padding:0 1%; margin:0 12.5% 40px;} .centredTextWide {width:100%; padding:0 1%; margin:0 0 40px;} .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 iframe {width:100%;} .propertySlider {float:left; width:calc(100% - 60px); margin:0 30px 10px; display:flex; position:relative;} .propertySlideP, .propertySlideN {position:absolute; top:0; width:30px; height:100%; font-size:24px; color:#231F20; display:flex; justify-content:center; align-items:center; cursor:pointer;} .propertySlideP {left:-30px;} .propertySlideN {right:-30px;} .propertySlideP:hover, .propertySlideN:hover {background:rgba(0,0,0,0.05); color:#F9AD38; text-decoration:none;} .propertySlider .slick-list {float:left; width:100% !important;} .propertySlider .propListSRContainer {margin:0 15px !important;} .mainContent.contactDiv #contactWaiting {position:fixed; z-index:1043;} .btn {height:36px; line-height:34px; display:block; color:#FFF; font-family:"Open Sans", Arial, Verdana; padding:0 15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; transition-duration:0.5s;} .btnL {float:left;} .btnR {float:right;} .buttonB {background:#0B82C2; color:#FFF; border:1px solid #065290;} .buttonB:hover {background:#065290; color:#FFF; border:1px solid #065290;} .buttonW {background:#FBFBFB; color:#231F20; border:1px solid #E6E6E6; text-decoration:none;} .searchFilterMain {float:left; width:100%; background:#FFF; padding:20px 10px 10px; border:1px solid #F1F2F3; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} #sortResults {float:left; width:100%; margin-bottom:20px; text-align:right;} #resultsCount {float:left; text-align:left; font-weight:600;} #sortSelect {background:#FFF; height:40px; font-size:14px; font-family:"Open Sans", Arial, Verdana, Helvetica; padding:2px 10px; display:inline-block; border:1px solid #D1D2D4; position:relative; cursor:pointer; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .searchFilterMain select {width:100%; height:57px; padding:15px;} .searchFilterMain select, .searchFilterMain .formInput {background:#FDFDFD; border:1px solid #D1D2D4 !important; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .searchFilterMain .formSelect, .searchFilterMain .formInput, .filterList, .filterPreList {margin-bottom:15px;} #searchForRef {position:absolute; top:15px; right:5px; font-size:20px; color:#909090; cursor:pointer; display:none;} #searchForRef:hover {color:#0B82C2;} .filterContainer, .filterList, .filterPreList {float:left; width:100%;} .searchFilterMain label {cursor:pointer;} .filterTitle {float:left; width:100%; color:#0B82C2; font-size:18px; font-weight:700; padding:2px 10px 4px;} .filterList input, .filterList label, .filterPreList input, .filterPreList label {float:left; cursor:pointer;} .filterList input, .filterPreList input {height:22px; margin:0 10px 0 20px; clear:left;} .filterList label, .filterPreList label {width:calc(100% - 49px); height:24px; line-height:24px; margin:0 0 2px;} .filterList label:hover, .filterPreList label:hover {color:#F9AD38;} .filterListCheck {float:left; width:24px; margin:0 5px 7px 20px; clear:both;} .filterListCheck input {position:absolute; height:0; width:0; opacity:0; cursor:pointer;} .checkboxCheck {float:left; width:24px; height:24px; background:#FFF; cursor:pointer; border:1px solid #EEE; position:relative; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; transition-duration:0.5s;} .filterListCheck:hover input ~ .checkboxCheck {background:#FCFCFC;} .filterListCheck input:checked ~ .checkboxCheck {background:#F9AD38; border-color:#BD8228;} .checkboxCheck:after {content:""; position:absolute; display:none;} .filterListCheck input:checked ~ .checkboxCheck:after {display:block;} .filterListCheck .checkboxCheck:after {left:7px; top:2.5px; width:8px; height:15px; border:solid white; border-width:0 4px 4px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} #clearDates, #aOInp {display:none;} #clearDates {background:#BB0003 !important; height:26px; line-height:24px; padding:0 8px; font-size:12px; margin-bottom:10px; border:1px solid #862025 !important; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #clearDates:hover {background:#862025 !important; color:#FFF;} #showFilter {position:fixed; bottom:0; left:0; width:100%; height:80px; line-height:80px; background:rgba(249, 173, 56, 0.9); color:#FFF; font-size:22px; font-weight:600; text-align:center; border-top:1px solid #F9AD38; z-index:1041; cursor:pointer; transition-duration:0.5s;} #showFilter:hover {background:rgba(11, 130, 194, 0.9); color:#FFF; border-top:1px solid #1A77B9;} #closeFilter {position:fixed; background:#F1F2F3; bottom:471px; right:calc(2% + 15px); height:30px; line-height:30px; text-align:center; color:#231F20; font-size:16px; font-weight:600; padding:0 5px; cursor:pointer; display:none; border:1px solid #CCC; border-bottom:none; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;} #closeFilter i {font-size:24px; line-height:30px; margin-right:7px;} #closeFilter:hover {background:#FFF; color:#0B82C2;} .filtersHidden .moreFiltersHidden, .filtersShowing .moreFiltersShow {display:block;} .filtersShowing .moreFiltersHidden, .filtersHidden .moreFiltersShow {display:none;} #searchContainer, #propList, #propListRow {float:left; width:100%;} #propListRow {display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap;} .propListContainer {float:left; background:#FFF; border:1px solid #F1F2F3; margin:0 15px 30px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .propListContainer:hover, .propListSRContainer:hover, .similarProperty:hover {-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,0.5); -moz-box-shadow:0 0 7px 0 rgba(0,0,0,0.5); box-shadow:0 0 7px 0 rgba(0,0,0,0.5);} .propListSRContainer {float:left; margin:0 15px 30px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; overflow:hidden;} .propListPhoto {float:left; width:100%; aspect-ratio:16/9; position:relative; overflow:hidden; border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0;} .propListPhoto img {width:100%; position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;} .propListOverlay {position:absolute; bottom:0; left:0; width:100%; height:50px; display:flex; z-index:2;} .propListOverTitle, .propListOverPrice {float:left; padding:5px 10px; display:flex; justify-content:center; flex-direction:column; position:relative;} .propListOverTitle a {color:#FFF;} .propListOverTitle a:hover {color:#F9AD38;} .propListOverTitle:after {position:absolute; left:100%; top:0; content:""; border-left:27px solid rgba(6, 82, 144, 0.6); border-bottom:50px solid transparent;} .propListOverTitle span, .propListOverPrice span, #propertyBookingPrice span {position:relative; z-index:1;} .propListOverTitle span.propertyTitle {width:100%; text-overflow:ellipsis; white-space:nowrap; display:inline-block; overflow:hidden; font-size:1em;} .propListOverTitle span {float:left; font-size:0.8em;} .propListOverTitle {background:rgba(6, 82, 144, 0.6); max-width:calc(70% - 27px); color:#FFF; font-size:15px; flex:1;} .propListOverPrice {min-width:30%; background:rgb(90,195,193); background:-moz-linear-gradient(90deg, rgba(90,195,193,0.9) 0%, rgba(99,201,225,0.9) 50%, rgba(130,206,240,0.9) 100%); background:-webkit-linear-gradient(90deg, rgba(90,195,193,0.9) 0%, rgba(99,201,225,0.9) 50%, rgba(130,206,240,0.9) 100%); background:linear-gradient(90deg, rgba(90,195,193,0.9) 0%, rgba(99,201,225,0.9) 50%, rgba(130,206,240,0.9) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5ac3c1",endColorstr="#82cef0",GradientType=1); color:#065290; font-weight:600; margin-left:27px;} .propListOverPrice:before {position:absolute; right:100%; top:0; content:""; border-right:27px solid rgba(90,195,193, 0.9); border-top:50px solid transparent;} .propListOverPriceF, .propListOverPriceA {font-size:10px; font-weight:400; line-height:10px;} .propListOverPriceF {text-align:left;} .propListOverPriceD {text-align:center; font-size:20px; line-height:20px; margin-top:3px;} .propListOverPriceS {font-size:12px;} .propListOverPriceA {text-align:right; margin-top:-3px;} .propListDetails {float:left; width:100%; font-size:14px; padding:0 10px; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;} .propListDetails p {margin:5px 0 15px;} .propListDetailsF p {margin:15px 0;} .propListOverlayD {position:absolute; top:15px; right:15px; background:rgba(35, 31, 32, 0.5); color:#FFF; font-size:14px; padding:2px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; z-index:2;} .propListOverlayD i {margin-right:5px;} .iLM10 {margin-left:10px;} .propListOverlayS {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;} .propertyBanner {position:absolute; top:20px; left:-35px; 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:0 2px 10px rgba(0,0,0,.5); -moz-box-shadow:0 2px 10px rgba(0,0,0,.5); box-shadow:0 2px 10px rgba(0,0,0,.5);} .oL {width:200px;font-size:20px; line-height:120%;} .twL {width:185px;font-size:14px; line-height:130%;} .thL {width:210px; font-size:14px; line-height:120%; white-space:nowrap;} .redBanner, .orangeBanner, .blueBanner {color:#FFF; border-top:1px solid #FFF; border-bottom:1px solid #FFF;} .redBanner {background:#B0222A;} .orangeBanner {background:#F9AD38;} .blueBanner {background:#0B82C2;} .whiteRBanner, .whiteOBanner, .whiteBBanner {background:#FFF;} .whiteRBanner {color:#B0222A; border-top:1px solid #B0222A; border-bottom:1px solid #B0222A;} .whiteOBanner {color:#F9AD38; border-top:1px solid #F9AD38; border-bottom:1px solid #F9AD38;} .whiteBBanner {color:#0B82C2; border-top:1px solid #0B82C2; border-bottom:1px solid #0B82C2;} .propListIcons {float:left; width:100%; display:flex; justify-content:center; align-items:center; padding:10px 0;} .propListIcon {width:45px; height:30px; border-width:4px 8px; border-style:solid; border-color:transparent; position:relative;} .propListIcon svg {width:100%; height:100%; fill:#777;} .svgStroked {stroke:#777;} .svgBG {opacity:0.5;} .svgPop {position:absolute; top:calc(100% + 9px); left:-43.5px; width:115px; background:rgba(0, 0, 0, 0.7); color:#FFF; font-size:12px; text-align:center; padding:5px 10px; display:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .svgPop::before {position:absolute; top:-7px; left:50.5px; width:0; height:0; content:""; border-style:solid; border-width:0 7px 7px 7px; border-color:transparent transparent rgba(0, 0, 0, 0.7) transparent;} .propertySlider .svgPop {top:unset; bottom:calc(100% + 9px); z-index:99;} .propertySlider .svgPop::before {top:unset; bottom:-7px; left:50.5px; border-width:7px 7px 0 7px !important; border-color:rgba(0, 0, 0, 0.7) transparent transparent transparent !important;} .propListIcon:hover svg {fill:#0B82C2;} .propListIcon:hover .svgStroked {stroke:#BB0003;} .propListIcon:hover .svgPop {display:block;} .searchPropAvail {float:left; width:100%; text-align:center;} .searchPropAvail.notAvailable {color:#BB0003; font-weight:700;} .searchPropAvail.available {color:#0AB21B;} .pagination {float:left; width:100%; text-align:center; margin:0 0 40px; 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:#0B82C2 !important; font-weight:700; border:1px solid #065290 !important;} .prevLink, .nextLink {color:#FFF !important;} .pagination span.currentPage, .pagination span.currentPage, .yearPagination span.currentPage {color:#FFF !important;} .prevLink {float:left;} .nextLink {float:right;} a.prevLink:hover, a.nextLink:hover, .pagination a:hover, .yearPagination a:hover {background:#F9AD38 !important; color:#FFF !important; border:1px solid #BD8228 !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:700; color:#231F20 !important;} .priceBand {display:none;} .priceBandCurrent, .pageNumbers a:hover > .priceBand {display:block;} .container.propertyContainer {display:flex;} #rPropertyDetails, #propertyBookingForm, #propertyBookingTitle, #propertyBooking, #propertyBookingColumn, #propertyBookingContact, #propertyContactColumn, #propertyContactForm, #propertyContact, #propertyContactContact, #contactInDiv {float:left;} #propertyPrice {text-align:right; color:#F9AD38; font-family:"Montserrat", Arial, Verdana, Helvetica; font-weight:normal; text-shadow:2px 2px 2px rgba(0,0,0,1);} #propertyPhotosContainer, #propertyPhotosContainerW {float:left; width:100%; position:relative;} #propertyPhotosContainerW {display:flex; flex-direction:row; margin-bottom:60px; border-radius:12px; overflow:hidden;} #propertyPhotos {width:100%; max-width:1200px; aspect-ratio:3/2;/* height:500px;*/ overflow:hidden; position:relative; margin:auto;} #mainPhotos {float:left; width:100%; height:100%; margin:0 !important; padding:0;} #propertyPhotos img, #propertyPhotos iframe {width:100%; height:auto; margin:auto 0;} #propertyPhotos iframe {aspect-ratio:3/2;} #mainPhotos li.slick-slide a {height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;} #mainPhotos li {overflow:hidden;} .slick-slide {position:relative; overflow:hidden;} #propertyPhotosWMain, #propertyPhotosWSmallC {float:left; height:auto; overflow:hidden;} #propertyPhotosWMain {aspect-ratio:16/9;} #propertyPhotosWMain, .propertyPhotosWSmall {background:#000; position:relative; overflow:hidden;} .propertyPhotosWSmall {float:left; width:calc(50% - 4px); height:50%; margin:0 8px 8px 0;} .propertyPhotosWSmall:nth-child(even) {margin:0 0 8px 0;} #propertyPhotosWMain img, .propertyPhotosWSmall img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto; transition-duration:0.5s;} #propertyPhotosWMain img, .propertyPhotosWSmall img.smallP {width:100%; height:auto;} .propertyPhotosWSmall img.smallL {width:auto; height:100%;} #propertyPhotosWMain img:hover, .propertyPhotosWSmall img:hover {opacity:0.85;} #plusPhotos {position:absolute; background:rgba(35, 31, 32, 0.75); top:0; left:0; width:100%; height:100%; color:#FFF; display:block; container-type:size; transition-duration:0.5s;} #plusPhotos:hover {background:rgba(35, 31, 32, 0.95);} #plusPhotos a {width:100%; height:100%; font-size:18cqh; line-height:100%; color:#FFF; display:flex; justify-content:center; align-items:center;} #plusPhotos a:hover {color:#F9AD38;} .fancybox-thumbs {background:rgba(30, 30, 30, 0.5);} .fancybox-thumbs__list a::before {border:6px solid #F9AD38;} #slideCount {position:absolute; top:15px; left:15px; background:rgba(35, 31, 32, 0.6); color:#FFF; padding:2px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #previousPhoto, #nextPhoto {position:absolute; top:0; width:60px; height:calc(100% - 60px); display:block; cursor:pointer; z-index:90;} #previousPhoto i, #nextPhoto i {position:absolute; top:calc(58% - 27px); width:54px; height:54px; line-height:54px; background:rgba(249, 173, 56, 0.7); color:#FFF; font-size:56px; 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 {left:0;} #nextPhoto {right:0;} #previousPhoto i {left:5px;} #nextPhoto i {right:5px;} #mainPhotoOverlay, #mainPhotoOverlayW {position:absolute; top:15px; right:0; color:#FFF; font-weight:600; padding:10px 30px; border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -webkit-box-shadow:-2px 2px 3px 0px rgba(35,31,32,0.4); -moz-box-shadow:-2px 2px 3px 0px rgba(35,31,32,0.4); box-shadow:-2px 2px 3px 0px rgba(35,31,32,0.4);} .propSold {background:rgba(187, 0, 3, 0.6);} .propReserved {background:rgba(11, 130, 194, 0.6);} .propRented {background:rgba(249, 173, 56, 0.6);} #swipeInstr {position:absolute; background:rgba(255, 255, 255, 0.4); top:calc(50% - 65px); left:0; width:100%; height:130px; text-align:center; padding:10px 0; display:none; z-index:999;} #swipeInstr img {width:100px !important; animation:leftToRight 1.5s ease-in-out infinite;} #thumbsContainer {width:100%; max-width:1200px; height:123px; margin:2px auto 0;} #thumbsCarousel, #imageThumbs {float:left; width:100%; height:123px; position:relative; z-index:1; overflow:hidden;} #thumbCarousel {float:left; height:113px;overflow:hidden;position:relative;margin:0;padding:0;} .imgThumbContainer, .imgThumb {float:left; clear:none; width:160px !important; height:123px; display:block; cursor:pointer; overflow:hidden;} #thumbsContainer .slick-slide {border:5px solid #FFF; transition-duration:0.5s;} #thumbsContainer .slick-slide.slick-current {border:5px solid #0B82C2;} #thumbsContainer .slick-list {padding:0 calc(50% - 80px) !important;} .imgThumb img {position:absolute; width:auto; height:100%; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;} #propertyFeatureLinks {float:left; background:#FAFAFA; width:100%; border:1px solid #F2F2F2; overflow:hidden; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #propertyFeatureLinks a {float:left; color:#939597; text-align:center; cursor:pointer;} #propertyFeatureLinks span {font-size:12px; padding:5px 0; display:block;} #propertyFeatureLinks a:hover {background:#F9AD38; color:#FFF;} #propertyDescription, .propertySpecialText {float:left; width:100%;} #propertyEnergy {float:right;} #propertyEnergy .propertySpecialText {text-align:center; font-weight:600;} #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:700; 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;} #propertyAvailability, #availabilityCalendar {float:left; width:100%;} #availabilityCalendar .ui-datepicker-inline {margin:0 auto;} #propertyBookingForm, #propertyContactForm {width:100%; -webkit-box-shadow:0 0 30px 0px rgba(0,0,0,0.15); -moz-box-shadow:0 0 30px 0px rgba(0,0,0,0.15); box-shadow:0 0 30px 0px rgba(0,0,0,0.15);} #propertyBookingForm.stickyForm, #propertyContactForm.stickyForm {position:fixed; top:75px; width:350px;} #propertyBookingTitle, #propertyBooking, #propertyContactTitle, #propertyContact {width:100%;} #propertyBookingTitle, #propertyContactTitle {padding:10px 15px;} #propertyBooking, #propertyContact {padding:20px 15px 10px} #propertyBookingTitle, #propertyContactTitle {background:#0B82C2; color:#FFF; display:flex; flex-direction:row; align-items:center;} #propertyBooking, #propertyContact {background:#FFF;} #propertyBookingTitle h5, #propertyContactTitle h5 {float:left; margin:0; color:#FFF;} #propertyBookingTitle h5 {width:calc(100% - 100px);} #propertyContactTitle h5 {width:100%; min-height:36px;} #propertyBookingPrice {float:right; width:100px; display:flex; justify-content:center; flex-direction:column; font-weight:600; color:#FFF; position:relative;} #propertyBookingPrice .propListOverPriceD {text-align:right;} .propertyBookingInput, .propertyContactInput {float:left; width:100%; border:1px solid #D1D2D4; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:15px;} #propertyContact, .propertyContactInput {position:relative;} #propertyBooking .selectInput, #propertyContact .selectInput {float:left; background:#FFF; width:100%; height:40px; font-size:14px; font-family:"Open Sans", Arial, Verdana, Helvetica; padding:2px 10px; display:block; border:none; position:relative; cursor:pointer;} #propertyContact .selectTA {height:100px;} #propertyBookingButton {float:left; width:100%; height:40px; line-height:40px; background:#F9AD38; font-family:"Montserrat", Arial, Verdana, Helvetica; font-weight:normal; font-size:20px; text-align:center; color:#FFF; margin-bottom:5px; border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; display:none; transition:background-color 0.5s;} .propertyBookingButtonDS {display:block;} .propertyBookingButtonDSB {opacity:0.25;} #propertyBookingButton:hover, #sendContact:hover {background:#BD8228;} #propertyBookingResponse, #enquiryResponse, #eFormError, #rFormError {float:left; width:100%; margin:0 0 15px; display:none;} #eFormError, #rFormError {color:#BB0003;} #reserveForm {display:none;} #bookingPriceFor {float:left; width:33.3333%; font-size:20px;} #bookingPriceFor span {float:left; width:100%; font-size:12px;} #bookingPrice {float:left; width:66.6667%; font-size:30px; font-weight:700; text-align:right;} #bookingPriceWarning {float:left; width:calc(100% - 30px); color:#BB0003; padding:5px 10px; margin:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:0 0 5px 0px rgba(187, 0, 3,0.85); -moz-box-shadow:0 0 5px 0px rgba(187, 0, 3,0.85); box-shadow:0 0 5px 0px rgba(187, 0, 3,0.85);} #propertyBookingContact, #propertyContactContact {background:#FFF; width:100%; border-top:1px solid #E6E6E6;} #pbContactEnq, #pbContactWA, #pbContactCall {float:left; width:33.3333%; color:#939597; text-align:center; font-size:10px; border-top:1px solid #FFF; transition-duration:0.5s;} #propertyContactContact #pbContactWA, #propertyContactContact #pbContactCall {width:50%;} #propertyBookingContact i, #propertyContactContact i {font-size:18px; margin-bottom:5px;} #propertyBookingContact a, #propertyContactContact a {background:#FAFAFA; color:#939597; padding:10px; display:block; cursor:pointer;} #pbContactEnq:hover a, #pbContactWA:hover a, #pbContactCall:hover a {background:#F9AD38; color:#FFF; text-decoration:none;} #pbContactEnq, #pbContactWA {border-right:1px solid #E6E6E6;} #pbContactWA, #pbContactCall {border-left:1px solid #FFF;} #propertyContactContact #pbContactWA, #propertyContactContact #pbContactWA:hover {border-left:none;} #pbContactEnq:hover, #pbContactWA:hover, #pbContactCall:hover {border-top:1px solid #FFE3B8;} #pbContactEnq:hover, #pbContactWA:hover {border-right:1px solid #BD8228;} #pbContactWA:hover, #pbContactCall:hover {border-left:1px solid #FFE3B8;} #pbContactEnq a, #propertyContactContact #pbContactWA a {border-radius:0 0 0 4px; -moz-border-radius:0 0 0 4px; -webkit-border-radius:0 0 0 4px;} #pbContactCall a {border-radius:0 0 4px 0; -moz-border-radius:0 0 4px 0; -webkit-border-radius:0 0 4px 0;} #contactInDiv {width:100%;} #contactInDiv a {float:left; width:33.3333%; text-align:center; font-size:12px; padding:10px; display:block; cursor:pointer;} #contactInDiv i {background:#F9AD38; width:50px; height:50px; line-height:50px; font-size:20px; color:#FFF; margin-bottom:5px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #contactInDiv a:hover i {background:#0B82C2} #contactInDiv a:hover {color:#0B82C2; text-decoration:none;} .showBookingBtn, .showEnquiryBtn {cursor:pointer;} .showBookingBtn:hover, .showEnquiryBtn:hover {background:#065290 !important;} #closeBookingForm, #closeContactForm {position:absolute; background:#FFF; top:-40px; right:10px; width:55px; height:55px; line-height:53px; text-align:center; font-size:40px; color:#F9AD38; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:none; cursor:pointer;} #closeBookingForm:hover, #closeContactForm:hover {background:#F9AD38; color:#FFF;} .showBooking #closeBookingForm, .showContact #closeContactForm {display:block;} #propertyCharacteristics, #seasonalPricing {float:left; width:100%;} #propertyCharacteristics ul, .seasonalList {float:left; width:100%; margin:15px 0;} #propertyCharacteristics ul#licenceLI {columns:1 !important; margin-bottom:0;} #propertyCharacteristics li.gLinkCheck, #propertyChecklist li.gLinkCheck:before {color:#B0222A; cursor:pointer; transition-duration:0.5s;} #propertyCharacteristics li.gLinkCheck:hover, #propertyChecklist li.gLinkCheck:hover:before {color:#F9AD38;} #moreFeatures {display:none;} #showMoreFeatures {float:left; width:100%; height:40px; line-height:40px; font-weight:600; display:block; cursor:pointer;} h5.seasonalL, h5.seasonalM, h5.seasonalH, h5.seasonalP {float:left; width:100%; margin:0;} .seasonalListC {float:left; width:100%; background:#FAFAFA; padding:5px 10px; margin-bottom:15px; border:1px solid #C5C5C5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .seasonalL {color:#1A77B9 !important;} .seasonalM {color:#FAAD3A !important;} .seasonalH {color:#FFA3A3 !important;} .seasonalP {color:#B0222A !important;} .seasonalList {float:left; width:100%; padding:0; margin:8px 0; list-style:none;} .seasonalList span {float:right; font-weight:600;} .seasonalList strong {margin-left:10px;} #propertyMap, #propertyLocationMap, #propertyDiscover {float:left; width:100%;} #propertyMap {margin-bottom:20px;} #propertyLocationMap {height:500px;} #propertyDiscover ul {float:left; width:100%; list-style:none; padding:0;} #propertyDiscover li {float:left; margin:0 0 5px;} #propertyDiscover li a {float:left; width:100%; color:#231F20; padding:2px 5px;} #propertyDiscover li a:hover {color:#F9AD38;} .propertyDiscoverDistance {float:right; color:#6B6B6B;} .ui-datepicker-inline {width:100% !important;} .discoveryAreas, .pGallery {float:left; width:100%; flex-wrap:wrap;} .discoveryAreas, .discoveryArea, .discoveryArea a, .pGallery {display:flex; justify-content:center; align-items:center;} .discoveryArea {background:#231F20; aspect-ratio:16/9; position:relative;} .discoveryArea a {width:100%; height:100%; color:#FFF; text-shadow:1px 1px 1px rgba(0,0,0,1); padding:20px; position:relative; z-index:1;} .discoveryArea h3 {color:#FFF; text-align:center; margin:0;} .discoveryAreaBG {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; overflow:hidden;} .discoveryAreaBG img {position:absolute; top:-9999px; left:0; bottom:-9999px; width:100%; height:auto; margin:auto; opacity:1;} .discoveryArea:hover .discoveryAreaBG img {opacity:0.3;} .pGallery a {float:left; margin:4px; background:#231F20; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; overflow:hidden;} .pGallery img {float:left; width:400px;} .pGallery a:hover img {opacity:0.8;} footer {background:#0B82C2; min-height:100px; color:#FFF; border-top:1px solid #065290;} #flContainer, #footerMenuContainer, .footerMenu, #aippLogo5Container {float:left;} #aippLogo5Container {text-align:center;} #footerLogo {width:344px; height:65px;} #footerLogo span.logoR, #footerLogo span.logoB {font-size:28px !important; margin-top:17px !important;} #footerLogo span.logoSubTitle {left:66px !important; width:calc(100% - 86px) !important; font-size:11px !important;} .footerSocial {float:left; width:100%; height:30px; text-align:center; margin:15px 0 0;} .socialLink {width:30px; height:30px; color:#FFF !important; font-size:16px; line-height:28px; display:inline-block; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; margin-right:15px;} .socialLink:last-child {margin-right:0;} .socialLink:hover {background:#FFF;} .fbLink, .twLink {margin-right: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;} .instaLink {background:#BC1888; background:-moz-linear-gradient(45deg, #F09433 0%, #E6683C 25%, #DC2743 50%, #CC2366 75%, #BC1888 100%); background: -webkit-linear-gradient(45deg, #F09433 0%,#E6683C 25%,#DC2743 50%,#CC2366 75%,#BC1888 100%); background: linear-gradient(45deg, #F09433 0%, #E6683C 25%, #DC2743 50%, #CC2366 75%, #BC1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F09433', endColorstr='#BC1888',GradientType=1 ); border:1px solid #BC1888;} .instaLink:hover {color:#BC1888 !important;} .ytLink {background:#FF0000; border:1px solid #FF0000;} .ytLink:hover {color:#FF0000 !important;} .footerMenu {padding:0 20px;} .footerMenu h6 {color:#FFF; font-size:24px; margin:0 0 10px;} .footerMenu ul {float:left; width:100%; list-style:none; padding:0; margin:0 0 15px;} .footerMenu li {color:#FFF; margin:0 0 2px; font-size:14px; font-weight:300; padding:0;} .footerMenu li.addressLI {margin-top:15px;} .ddfMenu {float:left; width:100%; text-align:center; list-style:none; padding:0; margin:5px 0 0;} .ddfMenu li {font-size:12px !important; font-weight:400 !important; padding:0 !important; margin:0 0 5px !important; display:block !important;} #footerMenuContainer a {color:#FFF; transition-duration:0.5s; cursor:pointer;} #footerBottom {float:left; background:rgb(6,82,144); background:-moz-linear-gradient(0deg, rgba(6,82,144,1) 0%, rgba(11,130,194,1) 100%); background:-webkit-linear-gradient(0deg, rgba(6,82,144,1) 0%, rgba(11,130,194,1) 100%); background:linear-gradient(0deg, rgba(6,82,144,1) 0%, rgba(11,130,194,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#065290",endColorstr="#0b82c2",GradientType=1); width:100%;} #footerLeft, #footerRight {float:left; height:40px; line-height:40px; font-size:10px;} #footerRight {text-align:right;} #footerLeft a, #footerRight a {color:#FAFAFA;} #footerMenuContainer a:hover, #footerLeft a:hover, #footerRight a:hover {color:#F9AD38; text-decoration:none;} #aippLogoContainer {float:left; width:100%; height:75px; display:flex; justify-content:center; align-items:center; margin:15px 0 0;} #aippLogo {position:relative; aspect-ratio:275/138; width:auto; height:75px; overflow:hidden;} #aippLogo iframe {border:0px; margin:0px; padding:0px; backgroundcolor:transparent; top:0px; left:0px; width:100%; height:100%; position:absolute;} .formInput, .formSelect, .formRadio, .formInputW, .formCheckbox {float:left; width:100%; position:relative; margin:0 0 20px;} .formInput {background:#FFF; border:1px solid #909090; 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 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;} 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;} .formInput label, .formSelect label, .propertyContactInput label {position:absolute; color:#909090; left:5px; padding:0 5px; pointer-events:none; transition-duration:0.5s;} .formInput label, .formSelect.emptyVal label {top:16px; font-size:18px;} #bookingForm label {font-size:14px;} .propertyContactInput label {top:9px;} .formInput label, .propertyContactInput label {background:transparent;} .formSelect.emptyVal label {background:#FFF; width:calc(100% - 30px);} .formSelect.fiDark.emptyVal label {background:#FDFDFD;} .formInput input:focus ~ label, .formInput textarea:focus ~ label, .formInput input:not(:placeholder-shown) ~ label, .formInput textarea:valid ~ label, .formSelect select ~ label, .propertyContactInput input:focus ~ label, .propertyContactInput textarea:focus ~ label, .propertyContactInput input:not(:placeholder-shown) ~ label, .propertyContactInput textarea:valid ~ label, #bookingForm input:focus ~ label, #bookingForm input:not(:placeholder-shown) ~ label {background: rgb(255,255,255); background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 45%, rgba(247,248,248,0) 45%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 45%, rgba(247,248,248,0) 45%); background: linear-gradient(0deg, rgba(255,255,255,1) 45%, rgba(247,248,248,0) 45%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f7f8f8",GradientType=1); top:-10px; font-size:12px;} .formInput.fiDark input:focus ~ label, .formInput.fiDark textarea:focus ~ label, .formInput.fiDark input:not(:placeholder-shown) ~ label, .formInput.fiDark textarea:valid ~ label, .formSelect.fiDark select ~ label {background: rgb(253,253,253); background: -moz-linear-gradient(0deg, rgba(253,253,253,1) 45%, rgba(255,255,255,0) 45%); background: -webkit-linear-gradient(0deg, rgba(253,253,253,1) 45%, rgba(255,255,255,0) 45%); background: linear-gradient(0deg, rgba(253,253,253,1) 45%, rgba(255,255,255,0) 45%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdfdfd",endColorstr="#ffffff",GradientType=1); } .formLabel label {position:relative; top:-8px; color:#909090; padding:0 5px;} .formLabel label span {color:#BB0003; margin-left:5px;} .formInput input:focus, .formInput textarea:focus, #subEmail:focus, .selectInput:focus {outline:none !important;} .formCheckbox {font-size:0.8em; text-align:left;} .contactSubmit {float:left; width:100%; margin:15px 0; text-align:center;} .submitButton {background:#F9AD38; height:40px; line-height:36px; font-family:"Open Sans", Arial, Verdana; font-weight:600; text-align:center; color:#FFF; padding:0 10px; border:1px solid #BD8228; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration:0.5s; cursor:pointer;} .submitButton:hover {background:#BD8228; color:#FFF;} .submitButton:disabled {opacity:0.4; cursor:default !important;} .formInput input:required ~ label:after, .formInput textarea:required ~ label:after, .formInputFull textarea:required ~ label:after, .propertyContactInput input:required ~ label:after {content:"*"; color:#BB0003; margin-left:3px;} .contactCols {float:left; padding-top:5px;} #captchaVerification {float:left; background:#FFF; width:calc(100% - 2px); border:1px solid #A6A6A6; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .imgCaptcha {background:none; width:200px; font-size:14px; margin:0 !important;} .imgCaptcha h1 {margin:0 !important;} #captchaVerification iframe {float:left;} input.captchaResponse {clear:none !important;} #searchLoadingBG {position:fixed; height:100vh;} #contactWaiting, #reservationWaiting {position:absolute; height:100%;} #searchLoadingBG, #contactWaiting, #reservationWaiting {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, #reservationWaiting svg {position:absolute; left:50%; width:128px; height:128px; margin:-64px 0 0 -64px;} #searchLoadingBG img, #searchLoadingBG svg {top:50vh;} #contactWaiting img, #contactWaiting svg, #reservationWaiting svg {top:50%;} #extPageFrame {position:absolute; top:0; left:0; width:100vw; height:100vh; border:0;} .date-picker-wrapper {z-index:1043;} .bookedDate {background:#F08C8E; color:#FFF !important; cursor:not-allowed !important;} .datePickerLT, .datePickerChangeover {opacity:1 !important; border-color:#BB0003 !important;} .datePickerLT span, .datePickerChangeover span {background:#F08C8E !important; color:#FFF !important;} .bookedDateStart, .bookedDateEnd, .datePickerAMAvailable a, .datePickerPMAvailable a {color:#333; position:relative; z-index:1;} .bookedDateStart:after, .bookedDateEnd:before, .datePickerAMAvailable a:after, .datePickerPMAvailable a:before {position:absolute; top:0; width:0; height:0; content:""; border-style:solid; z-index:-1;} .bookedDateStart:after, .datePickerAMAvailable a:after {right:0; border-color:transparent transparent #F08C8E transparent;} .bookedDateStart:after {border-width: 0 0 25px 37px;} .datePickerAMAvailable a:after {border-width: 0 0 23px 37px;} .bookedDateEnd:before, .datePickerPMAvailable a:before {left:0; border-color:#F08C8E transparent transparent transparent;} .bookedDateEnd:before {border-width:25px 37px 0 0;} .datePickerPMAvailable a:before {border-width:23px 37px 0 0;} #enquiryBGContainer, #bookingBGContainer {position:fixed; display:table; height:100vh; width:100vw; top:0; left:0; transform:scale(0);} #enquiryBGContainer, #bookingBGContainer {z-index:1042;} #enquiryBGContainer.unfold, #bookingBGContainer.unfold {transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #enquiryBGContainer.unfold #enquiryBG #enquiryContainer, #bookingBGContainer.unfold #bookingBG #bookingContainer {transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #enquiryBGContainer.unfold.out, #bookingBGContainer.unfold.out {transform:scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #enquiryBGContainer.unfold.out #enquiryBG #enquiryContainer, #bookingBGContainer.unfold.out #bookingBG #bookingContainer {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #enquiryBGContainer #enquiryBG, #bookingBGContainer #bookingBG {display:table-cell; background:rgba(35,31,32,0.8); text-align:center; vertical-align:middle;} #enquiryContainer, #bookingContainer {width:90%; background:#FFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); transition-duration:0.5s; cursor:default; transform:scale(0);} #enquiryContainer {max-width:768px;} #bookingContainer {max-width:1200px;} #enquiryContainer , #bookingContainer{display:inline-flex; flex-direction:row; justify-content:center; align-items:stretch} #enquiryFormInput {float:left; width:100%;} #enquiryForm {float:left; width:100%; padding:10px 20px; position:relative; overflow-x:hidden; overflow-y:auto;} #bookingIFContainer {float:left; width:100%; max-height:calc(100vh - 160px); display:flex; overflow-x:hidden; overflow-y:auto;} #bookingIFContainer iframe {border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #bookingForm, #bookingOverview {padding:10px 15px 30px 15px;} #bookingOverview {background:#FAFAFB;} .bookingOverviewI, .bookingOverviewD {float:left; width:50%; margin-bottom:10px;} .bookingOverviewI {text-align:left; clear:both;} .bookingOverviewD {text-align:right;} .bookingOverviewB, .bookingOverviewD {font-weight:700;} .bookingOverviewB {font-size:1.4em; margin:15px 0; padding:10px 0; border-top:1px solid #231F20; border-bottom:1px solid #231F20;} #termsBtn {float:left; width:100%; height:28px; line-height:28px; background:#F2F3F4; color:#231F20; text-align:center; font-size:14px; font-weight:600; display:block; text-decoration:none; cursor:pointer; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #termsBtn:hover {background:#CECECE;} #termsBtn.termsAccepted {background:#56A14A; color:#FFF;} #termsBtn.termsAccepted:hover {background:#3B7332 !important; color:#FFF !important;} #termsBtn .termsA, #termsBtn.termsAccepted .termsNA {display:none;} #termsBtn .termsNA, #termsBtn.termsAccepted .termsA {display:inline-block;} .formError #termsBtn {background:#B0222A; color:#FFF;} .formError #termsBtn:hover {background:#7B181D;} .formSubmitRow {margin:15px 0 0;} #reservationSubmit {float:left; width:100%; height:34px !important; line-height:34px; background:#0B82C2; color:#FFF; text-align:center; font-weight:700; font-family:"Montserrat", Arial, Verdana, Helvetica; display:block; border:none; text-decoration:none; cursor:pointer; transition-duration:0.5s; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #reservationSubmit:hover {background:#F9AD38; color:#FFF;} #sendContact {float:right; height:40px; line-height:40px; background:#F9AD38; font-family:"Montserrat", Arial, Verdana, Helvetica; font-weight:normal; text-align:center; color:#FFF; margin:0 0 15px; padding:0 10px; border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer;} #closeEnquiry, #closeBooking {position:absolute; background:#F9AD38; width:55px; height:55px; color:#FFF; font-size:40px; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; z-index:9995;} #closeEnquiry, #closeBooking {top:-27.5px; right:-27.5px;} #closeEnquiry:hover, #closeBooking:hover {color:#F9AD38; background:#F1F2F3; text-decoration:none;} #cookieUseContainer {position:fixed; bottom:15px; background:rgba(255,255,255,0.95); text-align:center; border:2px solid #065290; 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:#065290;} #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:#0B82C2; width:65%; color:#FFF; font-size:16px; margin:20px 5%; border:2px solid #065290;} #cookieContinue:hover {background:#065290; 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, #reservationWaiting svg {stroke:#0B82C2; 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:#0B82C2;} 33.3333% {stroke:#F9AD38;} 66.6666% {stroke:#5AC3C1;} } @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 leftToRight { 0% {transform:translateX(60px);} 50% {transform:translateX(-60px);} 100% {transform:translateX(60px);} } @media screen and (min-width: 1600px) { #mainMenu a {font-size:16px;} } @media screen and (min-width: 1550px) { #propertyCharacteristics ul {columns:4;} #propertyDiscover li {width:25%; padding-left:60px;} #propertyDiscover li:nth-child(4n+1) {padding-left:0;} } @media screen and (min-width: 1000px) { #header, #mainContent, .container, #footer, #pageGalleryOverlay {width:90%;} #header {margin:5px 5%;} .slidingHeader #header {margin:3px 5%;} #mainMenu {min-height:50px;} #mainMenu a {height:50px; line-height:48px;} #mainContent, .container, #footer, #pageGalleryOverlay {margin:0 5%;} #homeGalleryOverlay {left:5%; width:90%;} #searchContainer {width:calc(100% - 340px);} #searchFilterContainer {width:300px;} .searchFilterMain {font-size:14px;} .propListContainer, .propListSRContainer {width:385px;} .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;} #rPropertyDetails {width:calc(100% - 390px); margin-right:40px;} #propertyBookingColumn, #propertyContactColumn {width:350px;} #propertyBookingForm, #propertyContactForm {position:sticky; top:75px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #propertyBookingTitle, #propertyContactTitle {border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;} #contactDiv {display:none;} #propertyBookingContact, #propertyContactContact {display:flex; border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;} .discoveryArea {width:33.3333%;} #flContainer {width:344px; margin-bottom:34px;} #aippLogo5Container {width:15%; margin:34px 0 20px;} #footerMenuContainer {width:calc(85% - 384px); margin-left:40px;} .footerMenu {width:50%; margin:34px 0 20px;} .contactMenu li {position:relative; padding:0 0 0 20px;} .footerMenu i {position:absolute; top:3px; left:0; width:15px; text-align:center;} #footerLogo {float:left; margin:34px 0 0;} } @media only screen and (max-width: 999px) { #header, #mainContent, .container, #footer, #pageGalleryOverlay {width:98%;} #header {margin:5px 1%;} .slidingHeader #header {margin:3px 1%;} #mainContent, .container, #footer, #pageGalleryOverlay {margin:0 1%;} #homeGalleryOverlay {left:1%; width:98%;} #rPropertyDetails {width:100%;} #propertyBookingColumn, #propertyContactColumn {position:fixed; background:#FFF; bottom:calc(-70vh + 56px); left:0; width:100%; height:70vh; -webkit-box-shadow:0 0 30px 0px rgba(0,0,0,0.15); -moz-box-shadow:0 0 30px 0px rgba(0,0,0,0.15); box-shadow:0 0 30px 0px rgba(0,0,0,0.15); z-index:1041; transition-duration:0.8s;} #propertyBookingColumn.showBooking, #propertyContactColumn.showContact {bottom:0;} #propertyBookingForm, #propertyContactForm {height:calc(70vh - 56px);} #propertyBooking, #propertyContact {height:100%; overflow-y:auto;} .date-picker-wrapper {max-width:85vw;} #scrollToTop.filterAdjusted {bottom:80px;} #scrollToTop.bookingAdjusted {bottom:56px;} #contactDiv {display:inline-block;} #propertyBookingContact, #propertyContactContact {display:none;} #flContainer, #footerMenuContainer, .footerMenu, #aippLogo5Container {width:100%;} #flContainer, .footerMenu, #aippLogo5Container {margin-bottom:30px;} .footerMenu {text-align:center;} .footerMenu i {margin-right:5px;} #footerLogo {margin:30px auto 0;} } @media screen and (min-width: 1320px) and (max-width: 1599px) { #mainMenu a {font-size:11px;} } @media screen and (min-width: 1320px) and (max-width: 1549px) { #propertyCharacteristics ul {columns:3;} } @media screen and (min-width: 1320px) { .showMenu {display:none;} nav {float:right; width:calc(100% - 384px); height:50px; margin:10px 0 5px 40px;} .slidingHeader nav {height:44px; margin:0 0 0 40px;} #mainMenu {float:right; position:relative;} #mainMenu ul {float:left; text-align:center; list-style:none; padding:0; margin:0;} #mainMenu li {float:left; height:50px; list-style:none; display:inline-block; position:relative; padding:0; margin:0 1px; cursor:pointer;} .slidingHeader #mainMenu li, .slidingHeader #mainMenu a {height:44px;} #mainMenu li:last-child {margin-right:0 !important;} #mainMenu {min-height:50px; list-style:none; text-align:center; padding:0; margin:0 auto; position:relative; z-index:597;} #mainMenu a {float:left; height:50px; line-height:48px; color:#FFF; text-align:center; margin:0 10px; position:relative; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.8);} #mainMenu a:before {content:""; background:#F9AD38; position:absolute; width:100%; height:2px; left:1px; 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:#F9AD38; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);} .slidingHeader #mainMenu a:hover, .slidingHeader #mainMenu a.selectedPage {color:#0B82C2; text-shadow:none;} .slidingHeader #mainMenu a {color:#231F20; text-shadow:none;} .slidingHeader #mainMenu a:before {background:#0B82C2;} #mainMenu ul.ddMenu {height:auto;} .ddMenu {left:50%; top:calc(100% + 8px); min-width:250px; background:rgba(255, 255, 255, 0.95); 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); transition-duration:0.5s; transition-property:top;} .ddMenu a {width:calc(100% - 2px) !important; color:#231F20 !important; margin:0 !important; text-shadow:none !important;} .ddMenu a:hover, .ddMenu a.selectedPage {color:#0B82C2 !important; text-shadow:none !important;} #mainPhotoOverlay, #mainPhotoOverlayW {font-size:60px;} #propertyEnergy {width:400px; margin:0 0 15px 30px;} } @media only screen and (max-width: 1319px) { nav {position:absolute; top:0; right:0; background:none; width:65px; height:65px; z-index:9997;} .showMenu {position:absolute; top:0; right:0; display:inline-block;} .slidingHeader nav {height:50px;} #showMenu.is-active {background:none;} .slidingHeader .showMenu {width:50px; height:50px; padding:10px 10px 16px 10px;} #mainMenu {position:fixed; top:0; right:-100%; width:100%; height:100vh; background:rgba(255,255,255,0.95); 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:75px 0 70px; list-style:none; padding:0;} #mainMenu li {text-align:center; padding:0; border-bottom:1px solid #FFF;} #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 #FFF;} #mainMenu li a {width:100%; color:#231F20; text-align:center; padding:5px 10px; cursor:pointer; display:block;} #getAQuote {line-height:30px !important;} #mainMenu a:hover, #mainMenu a.selectedPage {color:#0B82C2;} .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;} #languagesContainer {display:none;} #headerSignin, header h2 {display:none;} nav.is-active #mainMenu {transform:translateX(-100%);} 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; min-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 .languages, nav #google_translate_element, #mLangs {position:absolute; background:none; left:25px; top:25px; margin:0; display:block;} .propListContainer, .propListSRContainer {width:385px;} #propertyEnergy {width:100%; margin:40px 0;} } @media screen and (min-width: 1171px) { #pageGalleryOverlay h1, #propertyPrice {font-size:40px;} #pageGalleryOverlay h1 {line-height:40px;} } @media screen and (max-width: 1170px) { #pageGalleryOverlay h1, #propertyPrice {font-size:36px;} #pageGalleryOverlay h1 {line-height:36px;} } @media screen and (min-width: 768px) and (max-width: 1319px) { .propListContainer, .propListSRContainer {width:calc(50% - 30px);} #propertyCharacteristics ul {columns:2;} #mainPhotoOverlay, #mainPhotoOverlayW {font-size:40px;} } @media screen and (min-width: 1171px) and (max-width: 1549px) { #propertyDiscover li {width:33.3333%; padding-left:60px;} #propertyDiscover li:nth-child(3n+1) {padding-left:0;} } @media screen and (min-width: 500px) and (max-width: 1170px) { #propertyDiscover li {width:50%; padding-left:60px;} #propertyDiscover li:nth-child(odd) {padding-left:0;} } @media screen and (min-width: 1400px) { .halfColText {width:70%;} .halfColPic {width:30%; height:auto;} } @media screen and (min-width: 1000px) and (max-width: 1399px) { .halfColText {width:65%;} .halfColPic {width:35%; height:auto;} } @media screen and (min-width: 768px) and (max-width: 999px) { .halfColText {width:60%;} .halfColPic {width:40%; height:auto;} #searchFilterContainer {width:200px;} #searchContainer {width:calc(100% - 240px);} .searchFilterMain {font-size:12px;} .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;} .discoveryArea {width:50%;} } @media only screen and (min-width: 768px) { header {height:90px;} #header, #logo {height:65px;} #logo {padding-right:20px;} #logo:after {bottom:10px; right:0; width:15px; height:15px;} span.logoR, span.logoB {font-size:28px; margin-top:17px;} span.logoSubTitle {left:66px; width:calc(100% - 86px); font-size:11px;} #mLangs {display:none;} #homeGalleryOverlay {top:75px; height:calc(100vh - 75px);} #homeGalleryOverlay h1 {font-size:40px;} .selectInput20 {width:calc(20% - 20px);} .selectInput25 {width:calc(25% - 25px);} .selectInput33 {width:calc(33.3333% - 33.3333px);} .selectInput50 {width:calc(50% - 50px);} .selectInput100 {width:calc(100% - 100px);} .selectInputL, .selectInputM {border-right:1px solid #D1D2D4 !important;} .selectInputL {border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px;} .homeSearchButton {width:100px; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0;} #pageGalleryContainer, #pageGallery, #propertyGallery {height:475px;} #pageGalleryOverlay {top:75px; height:400px;} #pageGalleryOverlay h1 {margin:0 0 10px;} #pageBreadcrumb li {font-size:14px;} #pageBreadcrumb li:not(:first-child)::before {padding:0 5px; margin:0;} .textPicLeft .halfColPic {margin:0 15px 5px 0;} .textPicRight .halfColPic {margin:0 0 5px 15px;} #showFilter, #closeFilter, #showMoreFilters {display:none;} #searchFilterContainer {float:left; margin:0 40px 40px 0;} .searchFilterMain {margin-bottom:30px;} .pagination {width:100%;} .paginationBottom {margin:0 0 25px;} .mobilePage, .mobileSplitLeft, .mobileSplitRight {display:none !important;} #previousPhoto, #nextPhoto {display:block;} #propertyFeatureLinks a {width:16.6667%; font-size:32px; text-align:center; border-right:1px solid #E6E6E6; border-left:1px solid #FFF;} #propertyFeatureLinks a:first-child {border-left:none;} #propertyFeatureLinks a:last-child {border-right:none;} #propertyFeatureLinks a:hover {border-right-color:#BD8228;} #propertyFeatureLinks.noReviews a {width:20%;} #propertyFeatureLinks.noReviews.noAvail a {width:25%;} #enquiryForm {max-height:calc(100vh - 80px);} #propertyPhotosContainerN #propertyPhotosContainer {display:none;} #propertyPhotosContainerW {display:flex;} #propertyPhotosWMain {width:60%; margin-right:8px;} #propertyPhotosWSmallC {width:calc(40% - 8px);} #bookingIFContainer {flex-direction:row;} #bookingForm, #bookingOverview {width:50%;} #bookingForm {border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px;} #bookingOverview {border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0;} .formInput50 {width:49%;} .formInput50:nth-child(2) {margin:0 2% 20px 0;} .contactCols {width:50%; padding-top:30px; margin:0 0 20px;} .contactCols:first-child, .popupForm .contactCols:nth-child(2) {padding-right:30px;} .contactCols textarea {height:189px} #captchaVerification {margin:0 0 20px;} input.captchaResponse {width:200px !important; margin:0 0 15px 10px !important;} #captchaVerification .formInput {width:calc(100% - 220px); margin-left:20px;} #footerLeft, #footerRight {width:50%;} #cookieUseContainer {right:15px; width:calc(100% - 30px);} } @media only screen and (max-width: 767px) { header {height:80px;} #header, #logo {height:49px;} #logo {padding-right:20px;} #logo:after {bottom:10px; right:0; width:14px; height:14px;} span.logoR, span.logoB {font-size:20px; margin-top:14px;} span.logoSubTitle {left:56px; width:calc(100% - 76px); font-size:7.5px;} .slidingHeader span.logoSubTitle {left:66px;} .moreLangs {height:40px; line-height:40px; color:#231F20 !important;} #homeGalleryOverlay {top:65px; height:calc(100vh - 65px);} #homeGalleryOverlay h1 {font-size:30px;} .selectInput20, .selectInput25, .selectInput33, .selectInput50, .selectInput100 {width:100%;} .selectInputL, .selectInputM {border-bottom:1px solid #D1D2D4 !important;} .selectInputL {border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;} .homeSearchButton {width:100%; border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;} #pageGalleryContainer, #pageGallery, #propertyGallery {height:355px;} #pageGalleryOverlay {top:55px; left:1%; width:98%; height:300px; 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%;} .halfColText {width:100%;} .halfColPic {width:100%; height:auto;} .textPicLeft .halfColPic, .textPicRight .halfColPic {margin:10px 0;} #searchFilterContainer form {float:left; width:98%; min-height:472px; background:#F1F2F3; color:#231F20; padding:10px; border:1px solid #CCC; border-bottom:none; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; margin:0 1%; z-index:1;} .searchFilterMain {margin-bottom:15px;} #showFilter, #showMoreFilters {display:block;} .slideUp #closeFilter {display:flex; justify-content:center; align-items:center;} #searchFilterContainer {position:fixed; bottom:-100%; left:0; height:472px; z-index:9995; transition-duration:0.8s; overflow-y:auto;} #searchFilterContainer.slideUp {top:unset; bottom:0;} #searchFilterContainer h3 {float:left; width:100%;} #searchFilterContainer h3, .searchFilters {display:none;} .filterContainer {float:left; width:50%; margin-bottom:10px;} .filterContainer:nth-child(odd) {clear:left;} .filterTitle {font-size:14px;} .filterList, .filterPreList {font-size:12px; margin-bottom:5px;} .filterList input {height:18px;} .filterList label {line-height:12px; display:flex; align-items:center;} .propListContainer, .propListSRContainer {width:100%;} .pagination {height:28px; line-height:28px; margin:10px 0 40px;} .pagination a, .pagination span.currentPage {min-width:28px; height:28px; line-height:28px; font-size:14px; padding:0 3px;} .priceBand, .priceBandCurrent {bottom:-28px;} .fullPage, .pageSplitLeft, .pageSplitRight, #showFilters {display:none !important;} .pageNumbers a.mobilePage, .nextLink, .prevLink, .mobileSplitRight, .mobileSplitLeft {display:inline-block !important;} #propertyPhotosContainerN #propertyPhotosContainer {display:block;} #propertyPhotosContainerW {display:none;} #previousPhoto, #nextPhoto {display:none;} #mainPhotoOverlay, #mainPhotoOverlayW {font-size:30px;} #propertyFeatureLinks a {width:100%; font-size:24px; padding:5px 0 0; border-bottom:1px solid #E6E6E6; border-top:1px solid #FFF;} #propertyFeatureLinks a:first-child {border-top:none;} #propertyFeatureLinks a:last-child {border-bottom:none;} #propertyFeatureLinks a:hover {border-bottom-color:#BD8228;} #propertyCharacteristics ul {columns:1;} .ui-datepicker-group {width:100%;} #enquiryContainer {margin-top:50px;} #enquiryForm {max-height:calc(100vh - 120px);} .discoveryArea {width:100%;} #bookingIFContainer {flex-direction:column-reverse;} #bookingForm, #bookingOverview {width:100%;} #bookingForm {border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;} #bookingOverview {border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;} .formInput50 {width:100%; margin:0 0 20px;} .contactCols {width:100%; padding-top:20px; margin-bottom:20px;} .contactCols:first-of-type {margin-bottom:0;} #captchaVerification {margin:20px 0;} #captchaVerification iframe {left:50%; margin:0 0 20px -100px; position:relative;} input.captchaResponse {width:calc(80% - 2px) !important; margin:0 10% 15px !important;} #footerLeft, #footerRight {width:100%;} #footerLeft {padding-left:2%;} #footerRight {padding-right:2%;} #cookieUseContainer {right:5px; width:calc(100% - 10px);} } @media (min-width:564px){ .daterangepicker {width:auto;direction:ltr;text-align:left} .daterangepicker .ranges ul {width:140px} .daterangepicker.single .ranges ul {width:100%} .daterangepicker.single .drp-calendar.left {clear:none} .daterangepicker .drp-calendar,.daterangepicker .ranges,.daterangepicker.single .drp-calendar,.daterangepicker.single .ranges {float:left} .daterangepicker .drp-calendar.left {clear:left;margin-right:0} .daterangepicker .drp-calendar.left .calendar-table {border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;padding-right:8px} .daterangepicker .drp-calendar.right {margin-left:0} .daterangepicker .drp-calendar.right .calendar-table {border-left:none;border-top-left-radius:0;border-bottom-left-radius:0} } @media (min-width:730px){ .daterangepicker .ranges{width:auto;float:left} .daterangepicker.rtl .ranges {float:right} .daterangepicker .drp-calendar.left {clear:none!important} } @media (max-width:499px) { #propertyDiscover li {width:100%; padding:0 5px;} } a {color:#F9AD38; text-decoration:none; transition-duration:0.5s;} a:hover {color:#0B82C2; transition-duration:0.5s; text-decoration:none;}