body {background:#FFF; top:0 !important; margin:0 auto; font-family:"Roboto", Arial, Verdana, Helvetica; font-size:16px; color:#231F20; overflow-x:hidden;} *, *::before, *::after {box-sizing:border-box;} @font-face { font-family: 'Memogram'; src: url("/fonts/0605c57975c07cbb1e3a8e0f9eb2e6b4.eot"); src: url("/fonts/0605c57975c07cbb1e3a8e0f9eb2e6b4.eot?#iefix")format("embedded-opentype"), url("/fonts/0605c57975c07cbb1e3a8e0f9eb2e6b4.woff")format("woff"), url("/fonts/0605c57975c07cbb1e3a8e0f9eb2e6b4.woff2")format("woff2"), url("/fonts/0605c57975c07cbb1e3a8e0f9eb2e6b4.ttf")format("truetype"), url("/fonts/0605c57975c07cbb1e3a8e0f9eb2e6b4.svg#TT Marxiana Trial")format("svg"); font-weight: normal; font-style: normal; font-display: swap; } header, #header, nav, #mainContent, #tlContainer, .container, #footer, #footerBottom, #logo, #logo a, #logo img, .showMenuBox, #menuTitle, #mainMenu, #mainMenu ul, #mainMenu li, #mainMenu a, .languages, .languageHolder, #homeGalleryOverlay, #pageGalleryOverlay, .homeSearchButton, .socialLink, #searchFilterContainer, #searchContainer, .filterList label, .filterPreList label, .propListContainer, #videoThumbLink, .propListSRContainer, .propListDetails, .propListIcon svg, .svgStroked, .projectListC, .projectList, .projectListImg img, .projectListTitle, .projectListLocation, .projectListPrice, .projectListIcons, #contactInDiv i, .submitButton, #footerLogo, #footerLogo img, #footerLogo span, #footerLogo:after {transition-duration:0.5s;} .fixed {overflow:hidden;} header {position:absolute; top:0; left:0; width:100%; height:110px; background:rgba(255, 255, 255, 0.9); z-index:99; transition-property:height, color; -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 {position:fixed; top:-30px; left:0; height:80px; background:rgba(255, 255, 255,0.7); backdrop-filter:blur(5px);} #header {float:left; position:relative;} .slidingHeader #header {height:50px;} #logo {position:absolute; left:0; z-index:2;} #logo img, #logo svg {width:100%; height:100%;} #logo .logoG {fill:#C2A242;} #logo .logoT {fill:#434952;} .slidingHeader #logo {top:5px; width:117px; height:40px;} #topLine {position:absolute; background:#434952; top:0; left:0; width:100%; height:30px; color:#FFF;} #headerContact {float:left; height:30px; line-height:30px; font-size:14px; position:relative; white-space:nowrap; overflow:hidden;} #headerContactCall {margin-right:40px;} #headerContact a i {margin-right:6px;} #headerContact a {color:#FFF;} #headerContact a:hover {color:#C2A242;} #headerSocial {float:right; height:30px; text-align:center; display:flex; align-items:center;} #headerPF {float:left; height:30px; line-height:30px;} #headerPF a {color:#FFF;} #headerPF a:hover {color:#C2A242;} .showMenu {position:absolute; background:rgba(67, 73, 82, 0.75); width:65px; height:65px; right:0; margin:0; border:0; display:inline-block; overflow:visible; cursor:pointer; z-index:100;} .slidingHeader .showMenu {width:50px; height:50px;} .showMenuBox {position:absolute; top:18px; left:20px; width:30px; height:24px;} .slidingHeader .showMenuBox {top:7px; left:10px;} #menuTitle {position:absolute; bottom:10px; left:0; width:100%; height:14px; line-height:14px; text-align:center; text-transform:uppercase; color:#FFF; font-size:10px;} .slidingHeader #menuTitle {bottom:0;} .showMenu.is-active #menuTitle {color:#231F20;} .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:rgba(194, 162, 66, 0.8);} .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:-16px; transition:top 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, opacity 0.1s linear 0s;} .menuCollapsed .showMenuContent::before {top:-8px; 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 {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, #homeSlider {float:left; width:100%; overflow:hidden; position:relative;} .homeGallery {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;} .homeGallery img, .homeGallery video, #propertyGallery img, #pageGallery img, .pageGallery img, #pageGallery video, .pageGallery video {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; width:auto; min-width:100%; min-height:100%; margin:auto; display:block;} .videoHolder {width:100%; height:100%; margin:0 auto; position:relative;} #pageGalleryContainer, #propertyGallery, #pageGallery {float:left; width:100%; position:relative; overflow:hidden;} .pageGallery {position:absolute; top:0; left:0; width:100%; height:100%;} #homeGalleryOverlay {position:absolute; z-index:98; display:flex; flex-direction:column; justify-content:center; align-items:center;} #homeSearch {background:rgba(67, 73, 82, 0.75); display:flex; flex-direction:column; justify-content:center; align-items:center; padding:5px 10px 15px; border:1px solid #434952; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; backdrop-filter:blur(5px); box-shadow:1px 1px 5px rgba(0, 0, 0, 0.5)} #homeGallery h1 {float:left; width:100%; color:#FFF; text-align:left; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.8); margin:0 0 5px;} #homeSearch .selectInput, .searchFilterMain select {float:left; background:#FFF; height:40px; font-size:16px; font-family:"Roboto", Arial, Verdana, Helvetica; padding:2px 10px; display:inline-block; position:relative;} #homeSearch .selectInput {width:100%;} #homeSearch .selectInput, .searchFilterMain select, .homeSearchButton {border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer;} #homeSearch form {float:left; width:100%;} .homeLabel {float:left; width:100%; color:#FFF; font-weight:600; margin-bottom:10px;} .homeSearchButton {float:left; background:#C2A242; color:#FFF; font-size:24px; width:60px; height:40px; line-height:38px; align-self:flex-end; border:1px solid rgba(67, 73, 82, 0.5);} .homeSearchButton:hover {background:#977E34; color:#FFF;} #homeGalleryCover {position:absolute; top:-10vh; left:-10vw; width:120vw; z-index:1; box-shadow:inset 0px -5px 20px 0px rgba(0,0,0,0.5)} #pageGalleryOverlay {position:absolute; display:table; z-index:1;} #pageGalleryTitle, #propertyPrice, #projectPrice {height:280px; display:table-cell; vertical-align:middle;} #euroPrice span {font-size:0.5em; line-height:0.5em; display:block;} #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, #pageGalleryCover {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;} #propertyGalleryCover {background:rgba(67, 73, 82, 0.35); backdrop-filter:blur(5px);} .socialLink {width:22px; height:22px; color:#FFF !important; font-size:12px; line-height:20px; display:inline-block; margin-right:8px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden;} .socialLink i {line-height:20px;} .socialWALink {line-height:20px; display:inline-block; margin-right:0;} .socialWALink img {width:auto; height:22px; vertical-align:middle;} .socialLink:last-child {margin-right:0;} #menuSocial a:hover .socialLink, .socialLink:hover {background:#FFF;} .fbLink {background:#3B5998; border:1px solid #3B5998;} #menuSocial a:hover .fbLink, .fbLink:hover, .fbLinkA:hover {color:#3B5998 !important;} .twLink {background:#0F1419; border:1px solid #0F1419;} #menuSocial a:hover .twLink, .twLink:hover, .twLinkA:hover {color:#0F1419 !important;} .gpLink {background:#E8574F; border:1px solid #E8574F;} #menuSocial a:hover .gpLink, .gpLink:hover, .gpLinkA: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;} #menuSocial a:hover .instaLink, .instaLink:hover, .instaLinkA:hover {color:#BC1888 !important;} .ytLink {background:#FF0000; border:1px solid #FF0000;} #menuSocial a:hover .ytLink, .ytLink:hover, .ytLinkA:hover {color:#FF0000 !important;} .liLink {background:#0073B1; border:1px solid #0073B1;} #menuSocial a:hover .liLink, .liLink:hover, .liLinkA:hover {color:#0073B1 !important;} .moreLangs {position:absolute; top:0; right:-10px; width:10px; display:inline-block; vertical-align:middle; z-index:2; transition-duration:0.5s;} .languages {float:right; height:60px; margin:0; display:flex; justify-content:center; align-items:center; z-index:2; cursor:pointer; position:relative;} .languageBG {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;} .languages i {color:#434952; margin-left:5px; transition-duration:0.5s;} .languages:hover i {color:#C2A242;} .languageMenu {position:absolute; background:rgba(255,255,255,0.9); 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); z-index:1045;} .languageHolder {float:left; width:24px; height:24px; margin:0; 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;} .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;} main, footer {float:left; width:100%;} main {min-height:110vh;} h1, h2, h3, h4, h5, h6 {font-size:28px; font-variant:small-caps; letter-spacing:-1px; font-weight:normal; font-family:"Memogram", Arial, Verdana, Helvetica; color:#C2A242; margin:5px 0 10px;} .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; 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;} #pageBreadcrumb {float:left; width:100%; background:#C2A242; 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 6 Free"; content:"\f30b"; display:inline-block; font-weight:900; font-size:12px; color:#F3F3F3; margin:0 3px 0 0;} #pageBreadcrumb li, #pageBreadcrumb li a {color:#FFF;} #pageBreadcrumb li a:hover {color:#424952; text-decoration:underline;} .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:#424952; 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:#C2A242; text-decoration:none;} .propertySlider .slick-list {float:left; width:100% !important;} .propertySlider .propertySliderContainer {margin:0 15px !important;} .propertySliderContainer {border-radius:6px; overflow:hidden;} .propertySliderContainer .propListOverTitle, .propertySliderContainer .propListOverPrice, .propertySliderContainer .propListOverlayD {position:absolute; background:rgba(67, 73, 82, 0.75); color:#FFF; border:1px solid #424952;} .propertySliderContainer .propListOverTitle {left:0; bottom:10px; color:#FFF; font-variant:small-caps; font-size:18px; line-height:20px; font-family:"Memogram", Arial, Verdana, Helvetica; padding:5px 10px; border-radius:0 3px 3px 0;} .propertySliderContainer .propListOverTitle.lTitle {font-size:16px; line-height:18px;} .propertySliderContainer .propListOverPrice span, .propertySliderContainer .propListOverTitle span {font-size:0.65em; display:block; margin:5px 0 0;} .propertySliderContainer .propListOverPrice {right:0; top:10px; min-width:30%; margin-left:27px; text-align:right; padding:10px 15px; border-radius:3px 0 0 3px;} .propertySliderContainer .propListOverlayD {top:10px; left:10px; font-size:14px; padding:10px 15px; border-radius:3px;} .propertySliderContainer .propListOverlayD i {margin-right:5px;} .iLM10 {margin-left:10px;} .textWBG {position:relative;} .textBG, .projectsContainer {float:left; width:100%; position:relative; padding:20px 10px;} .textBGCover {position:absolute; background:rgba(0,0,0,0.5); top:0; left:0; width:100%; height:100%;} .textWBG .container {max-width:1300px; color:#FFF; margin:0 auto; position:relative; z-index:1;} .textRow, .textWBGRow {float:left; width:100%; text-align:left;} .textRow, .centredText, .centredTextWide, .textPic, .textSearch {position:relative;} .textWBG .textRow {font-size:20px;} .textWBG .textRow h1, .textWBG .textRow h2, .textWBG .textRow h3, .textWBG .textRow h4, .textWBG .textRow h5, .textWBG .textRow h6 {color:#F68A1F !important; font-family:"Poppins", Arial, Verdana, Helvetica; font-variant:small-caps; font-size:32px !important;} .mainContent hr {width:100px; color:#C3C3C3; margin:0;} .textBG hr {color:#FFF !important;} .textWBGRow {background:#FFF; color:#231F20; margin-top:30px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.2); -moz-box-shadow:0 0 30px 0 rgba(0,0,0,0.2); box-shadow:0 0 30px 0 rgba(0,0,0,0.2);} .textWBGText, .textWBGPhoto {float:left; width:50%;} .textWBGText {font-size:18px; padding:10px 15px;} .textWBGPhoto img {float:left; width:100%; height:auto; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0;} .textWBGText h1, .textWBGText h2, .textWBGText h3, .textWBGText h4, .textWBGText h5, .textWBGText h6 {color:#F68A1F !important; text-align:left !important;} .boxRow {float:left; width:100%; vertical-align:top; position:relative; display:flex; flex-wrap:wrap; justify-content:center;} .twoBoxes, .threeBoxes, .fourBoxes, .featuredContainer, .latestContainer, .categoryContainer {float:left; width:100%; padding:25px 0 30px; margin:0 0 25px;} .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox {float:left; background-clip:padding-box;} .twoBox, .threeBox, .fourBox {display:flex; flex-direction:column;} p.photoTitle {margin:8px 0 15px;} .twoBox {width:calc(50% - 1px);} .threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox {width:33.3333%;} .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox {width:calc(25% - 1px);} .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox, .projectListC {background-clip:padding-box; border:15px solid transparent; position:relative; vertical-align:top;} .boxC {float:left; background:#FEFEFE; width:100%; padding:5px 10px; border:1px solid #FAFAFA;} .boxGallery {aspect-ratio:16/9; overflow:hidden;} .boxGallery img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;} .boxP {width:100%; aspect-ratio:16/9; overflow:hidden; display:flex; justify-content:center; align-items:center;} .twoBox.boxImage, .threeBox.boxImage, .fourBox.boxImage {background:none; padding:0; flex-direction:column;} .twoBox.boxImage img, .threeBox.boxImage img, .fourBox.boxImage img {float:left; width:100%; height:auto;} .boxC h1, .boxC h2, .boxC h3, .boxC h4, .boxC h5, .boxC h6 {color:#1C9D54;} .boxImageImgC {float:left; width:100%; border:1px solid #F2F2F2; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .boxImageImg {float:left; width:100%; border:1px solid #F2F2F2; border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; overflow:hidden;} .boxImageText {float:left; width:100%; padding:5px 10px; text-align:center;} .boxImageText h1, .boxImageText h2, .boxImageText h3, .boxImageText h4, .boxImageText h5, .boxImageText h6 {font-size:18px; margin:0 0 5px;} .boxImageText p {font-size:14px; margin:0 0 5px;} .boxBorder {float:left; width:80%; height:100%; background:#FFF; color:#231F20; text-align:center; border:1px solid #246A3F; margin:0 10%; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; overflow:hidden; webkit-box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.5); -moz-box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.5); box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.5);} .boxBorder h3, .boxBorder p {width:calc(100% - 20px) !important;} .boxBorder h3 {margin:5px 10px 10px !important; text-align:center !important;} .boxBorder p {margin:15px 10px;} .centredText {width:75%; padding:0 1%;} .centredTextWide {width:100%; padding:0 1%;} .centredText, .centredTextWide {margin:0 auto;} .halfColPic {width:40%; height:auto;} .textPicLeft .halfColPic {float:left; margin:0 15px 5px 0; position:relative; z-index:1;} .textPicRight .halfColPic {float:right; margin:0 0 5px 15px;} .halfColPic img {width:100%; height:auto; -webkit-box-shadow:3px 3px 8px 0px rgba(98,99,98,0.3); -moz-box-shadow:3px 3px 8px 0px rgba(98,99,98,0.3); box-shadow:3px 3px 8px 0px rgba(98,99,98,0.3);} .projectList, .projectListImg, .projectListTitle, .projectListTitle a {float:left; width:100%;} .projectList {background:#FCFCFC; border:1px solid #E5E5E5; border-top:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .projectListImg {overflow:hidden; position:relative; background:#231F20;} .projectListImg img {float:left; width:100%; height:auto;} .projectList:hover .projectListImg img {opacity:0.85;} .projectList:hover .projectListTitle {background:#FAFAFA;} .projectListTitle a {color:#231F20; padding:20px;} .projectListTitle a:hover {color:#246A3F;} .projectListIcons {position:absolute; top:10px; left:5px; display:flex; white-space:nowrap; z-index:1; transition-delay:0s;} .projectListIcon {float:left; background:rgba(67, 73, 82, 0.5); color:#FFF; font-size:18px; padding:5px 10px; margin:0 5px; border-radius:4px; border:1px solid rgba(67, 73, 82, 0.2);} #projectPrice {color:#F68A1F; font-family:"Poppins", Arial, Verdana, Helvetica; font-weight:700; text-shadow:2px 2px 2px rgba(0,0,0,1);} #projectGalleryContainer {float:left; width:100%; position:relative;} .propListSRContainer {float:left; background:#FCFCFC; border:1px solid #E5E5E5; border-top:none; margin:0 15px 30px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .propListSRContainer:hover, .projectList:hover {border:1px solid #434952; border-top:none;} #propListRow .propListSRContainer {align-self:stretch;} .propListPhoto {float:left; width:calc(100% + 2px); aspect-ratio:4/3; position:relative; overflow:hidden; margin-left:-1px; 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;} .propListVideo {position:absolute; top:10px; right:10px; color:#FFF; text-align:center; width:36px; height:36px; line-height:32px; border:2px solid #FFF; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.6); -moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.6); box-shadow:0 0 2px 0 rgba(0,0,0,0.6); text-shadow:0 0 2px rgba(0,0,0,0.6); transition-duration:0.5s;} .propListVideo i {line-height:32px;} .propListVideo:hover {border-color:#C2A242; color:#C2A242;} .propListOverlay { bottom:0; left:0; width:100%; height:30px; font-weight:600; display:flex; z-index:2;} .propListOverPrice, .favBtnContainer {position:absolute; top:10px; background:rgba(67, 73, 82, 0.75); color:#FFF; font-weight:600; display:flex; justify-content:center; flex-direction:column;} .favBtnContainer {left:0;} .favBtnContainer a {color:#FFF; cursor:pointer;} .propListOverPrice, .favBtnContainer a {padding:15px 20px;} .favBtnContainer a:hover {color:#C2A242;} .propListOverPrice {right:0; margin-left:27px; text-align:right;} .projectList .propListOverPrice {font-size:20px;} .propListOverPrice span {font-size:12px;} .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-family:"Raleway"; position:relative;} .propListOverTitle {float:left; background:#434952; color:#FFF; font-family:"Memogram", Arial, Verdana, Helvetica; font-variant:small-caps; font-size:24px; margin:-35px 0 0 -1px; padding:10px 15px;} .propListOverTitle.lTitle {font-size:20px; line-height:33px;} .propListOverTitle a, .propListOverPrice a {color:#FFF;} .propListOverTitle a:hover, .propListOverPrice a:hover {color:#C2A242;} .propListDetails i {font-size:18px;} .propListDetails.propertySlide {border:1px solid #C2A242; border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;} .propListLinks {float:left; background:#FFF; width:100%; display:flex; border:1px solid #E5E5E5; border-top:1px solid #E6E6E6; border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;} .propListLinks i {font-size:14px;} .propListDetails p {margin:5px 0 15px;} .propListDetailsF p {margin:15px 0;} .propListDetailsTitle {float:left; width:100%; min-height:40px; font-size:20px; display:flex; justify-content:center; align-items:center;} .projectList .propListDetailsTitle {margin-bottom:15px;} .propListDetailsTitle a {float:left; width:100%; color:#434952; text-align:center; margin:0; padding:5px 10px;} .propListDetailsTitle a:hover {color:#C2A242;} .propListIcons {float:left; width:100%; min-height:44px; line-height:22px; color:#5D5D5F; text-align:center; margin:5px 0; display:flex; justify-content:center; flex-wrap:nowrap;} .propListIcon {float:left; display:flex; flex-direction:column; flex:1 1 0; height:60px; font-size:20px; font-weight:600; padding:0 5px 35px; border-right:1px solid #DBDBDB; border-left:1px solid #FFF; position:relative; overflow:hidden; container-type:size;} .propListIcon:first-child {border-left:none;} .propListIcon:last-child {border-right:none;} .propListIcon span.iconSub {position:absolute; bottom:5px; left:0; width:100%; font-size:11.5cqw; line-height:16px; color:#231F20; font-weight:300; text-transform:uppercase; letter-spacing:2px; padding:0 5px; overflow:hidden;} .propListOverlayS {position:absolute; top:30px; left:-50px; width:290px; font-size:30px; line-height:120%; color:#FFF; font-weight:600; font-variant:small-caps; text-align:center; padding:3px 30px 3px 15px; transform:rotate(-35deg); border-top:1px solid rgba(35, 31, 32, 0.4); border-bottom:1px solid rgba(35, 31, 32, 0.4); z-index: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);} .searchFilterMain {float:left; width:100%; background:#434952; padding:20px 10px 10px; border:1px solid #1D2228; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} #searchContainer {float:left; width:100%;} #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:"Roboto", 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, .formSelect button.ui-multiselect {background:#FFF; 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:#C2A242;} .filterContainer, .filterList, .filterPreList {float:left; width:100%;} .searchFilterMain label {cursor:pointer;} .filterTitle, .registerTitle {float:left; width:100%; color:#C2A242; font-size:18px; font-weight:700;} .filterTitle {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; color:#FFF; margin:0 0 2px;} .filterList label:hover, .filterPreList label:hover {color:#434952;} .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:#C2A242; border-color:#977E34;} .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);} .emptyZone {display:none;} #showFilter {position:fixed; bottom:0; left:0; width:100%; height:80px; line-height:80px; background:rgba(194, 162, 66, 0.98); color:#FFF; font-size:22px; font-weight:600; text-align:center; border-top:1px solid #977E34; z-index:1041; cursor:pointer; transition-duration:0.5s;} #showFilter:hover {background:rgba(151, 126, 52, 0.98); color:#FFF; border-top:1px solid #554619;} #closeFilter {position:fixed; background:#434952; bottom:471px; right:calc(2% + 15px); height:30px; line-height:30px; text-align:center; color:#FFF; font-size:16px; font-weight:600; padding:0 5px; cursor:pointer; display:none; border:1px solid #1D2228; 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:#C2A242; color:#FFF; } #showMoreFilters {cursor:pointer;} #showMoreFilters:hover {color:#FFF; } .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; flex-wrap:wrap;} .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:#C2A242 !important; font-weight:700; border:1px solid #977E34 !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:#434952 !important; color:#FFF !important; border:1px solid #C49C0C !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, #projectPrice {text-align:right; color:#C2A242; font-family:"Memogram", Arial, Verdana, Helvetica; font-weight:normal; text-shadow:2px 2px 2px rgba(0,0,0,1);} .container.propertyContainer {display:flex;} #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:#C2A242; } .extraSmallPhoto {display:none;} .expandPhoto {position:absolute; top:10px; right:10px; background:rgba(67, 73, 82, 0.8); color:#FFF; font-size:24px; padding:12px 16px; border-radius:4px; opacity:0; transition-duration:0.5s;} .propertyPhotosWSmall .expandPhoto {font-size:18px; padding:8px 12px;} #plusPhotos .expandPhoto {padding:0 12px;} .expandPhoto:hover {background:#434952; color:#C2A242;} #propertyPhotosWMain:hover .expandPhoto, .propertyPhotosWSmall:hover .expandPhoto {opacity:1; animation-name:fadeInOpacity; animation-iteration-count:1; animation-duration:0.8s;} .fancybox-thumbs {background:rgba(30, 30, 30, 0.5);} .fancybox-thumbs__list a::before {border:6px solid #C2A242;} #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; left:0; color:#FFF; font-size:40px; font-weight:600; padding:10px 30px; border:1px solid rgba(35, 31, 32, 0.4); border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -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, .propReserved {font-variant:small-caps;} .propSold {background:rgba(176, 34, 42, 0.6);} .propReserved {background:rgba(194, 162, 66, 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;} #propertyFeatureLinks {float:left; background:#434952; width:100%; border:1px solid #1D2228; overflow:hidden; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #propertyFeatureLinks a {float:left; color:#FFF; text-align:center; cursor:pointer;} #propertyFeatureLinks span, #projectFeatureLinks span {font-size:12px; padding:5px 0; display:block;} #propertyFeatureLinks a:hover, #alreadyInPortfolio, #projectFeatureLinks a:hover, #projectFeatureLinks a.cSelected {background:#C2A242; } #propertyFeatureLinks a:hover, #projectFeatureLinks a:hover {color:#FFF;} #alreadyInPortfolio {color:#FFF !important;} #projectFeatureLinks {float:left; width:100%; display:flex; justify-content:center; align-items:center;} #projectFeatureLinks a {background:#434952; color:#FFF; text-align:center; border:1px solid #1D2228; cursor:pointer;} #projectFeatureLinks a:first-child {border-radius:4px 0 0 4px;} #projectFeatureLinks a:last-child {border-radius:0 4px 4px 0;} #propertyDescription, #propertyEnergy {float:right;} #propertyDescription {width:100%;} #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;} #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);} #propertyContactForm.stickyForm {position:fixed; top:75px; width:350px;} #propertyContactTitle, #propertyContact {width:100%;} #propertyContactTitle {padding:10px 15px;} #propertyContact {padding:20px 15px 10px} #propertyContactTitle {background:#C2A242; color:#FFF; display:flex; flex-direction:row; align-items:center;} #propertyContact {background:#FFF;} #propertyContactTitle h5 {float:left; width:100%; min-height:36px; margin:0; color:#FFF;} .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;} #propertyContact .selectInput {float:left; background:#FFF; width:100%; height:40px; font-size:14px; font-family:"Roboto", Arial, Verdana, Helvetica; padding:2px 10px; display:block; border:none; position:relative; cursor:pointer;} #propertyContact .selectTA {height:100px;} #sendContact:hover {background:#434952;} #enquiryResponse, #eFormError {float:left; width:100%; margin:0 0 15px; display:none;} #eFormError {color:#BB0003;} #sendContact {float:right; height:40px; line-height:40px; background:#C2A242; font-family:"Roboto", 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;} #propertyContactContact, #projectContactContact {background:#FFF; width:100%; border-top:1px solid #E6E6E6; display:flex; align-items:stretch; justify-content:center;} #propertyContactContact div, #projectContactContact div {float:left; width:33.3333%; color:#939597; text-align:center; font-size:10px; border-top:1px solid #FFF; transition-duration:0.5s;} #propertyContactContact i, #projectContactContact i {font-size:18px; margin-bottom:5px;} .propListLinks a, #propertyContactContact a, #projectContactContact a {background:#FAFAFA; height:100%; color:#939597; padding:10px; display:block; cursor:pointer;} .propListLinks a.savedProperty {background:#C2A242; color:#FFF;} .propListLinks a.removeProperty {background:#B0222A; color:#FFF;} .favBtnContainer:hover a, .linkBtnContainer:hover a, #propertyContactContact div:hover a, #projectContactContact div:hover a {background:#434952; color:#FFF; } #propertyContactContact div, #projectContactContact div {border-right:1px solid #E6E6E6;} #pbContactWA, #pbContactCall, #pbContactShare {border-left:1px solid #FFF;} #propertyContactContact div:first-child, #propertyContactContact div:first-child:hover, #projectContactContact div:first-child, #projectContactContact div:first-child:hover {border-left:none;} #propertyContactContact div:last-child, #propertyContactContact div:last-child:hover, #projectContactContact div:last-child, #projectContactContact div:last-child:hover {border-right:none;} #propertyContactContact div:hover, #projectContactContact div:hover {border-top:1px solid #777; border-right:1px solid #000; border-left:1px solid #777;} #propertyContactContact div:first-child a, #projectContactContact div:first-child a {border-radius:0 0 0 4px; -moz-border-radius:0 0 0 4px; -webkit-border-radius:0 0 0 4px;} #propertyContactContact div:last-child a, #projectContactContact div:last-child a {border-radius:0 0 4px 0; -moz-border-radius:0 0 4px 0; -webkit-border-radius:0 0 4px 0;} #contactInDiv {width:100%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;} #contactInDiv a {float:left; width:33.3333%; text-align:center; font-size:12px; padding:10px; display:block; cursor:pointer;} #contactInDiv i {background:#C2A242; 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:#434952} #contactInDiv a:hover {color:#434952; } .showEnquiryBtn {cursor:pointer;} .showEnquiryBtn:hover {background:#977E34 !important;} #closeContactForm {position:absolute; background:#FFF; top:-40px; right:10px; width:55px; height:55px; line-height:53px; text-align:center; font-size:40px; color:#C2A242; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:none; cursor:pointer;} #closeContactForm:hover {background:#434952; color:#FFF;} .showContact #closeContactForm {display:block;} #propertyCharacteristics {float:left; width:100%;} #propertyCharacteristics ul {float:left; width:100%; font-size:18px; margin:15px 0;} #propertyCharacteristics li {margin-bottom:5px;} #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;} #propertyMap, #propertyLocationMap {float:left; width:100%;} #propertyMap {margin-bottom:20px;} #propertyLocationMap {height:500px;} .similarPropertiesRow {float:left; width:100%; display:flex; justify-content:center; flex-wrap:wrap;} .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:"Roboto", 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); 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(255,255,255); border-radius:3px 3px 0 0;} .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, .bFormInpW input:focus, .bFormInpW textarea:focus {outline:none !important;} .formCheckbox {font-size:0.8em; text-align:left;} .contactSubmit {float:left; width:100%; margin:15px 0; text-align:center;} #loginContinue, .submitButton {background:#C2A242; height:40px; line-height:36px; font-family:"Roboto", Arial, Verdana; font-weight:600; text-align:center; color:#FFF; padding:0 10px; border:1px solid rgba(0, 0, 0, 0.2); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration:0.5s; cursor:pointer;} #loginContinue {display:inline-block;} #loginContinue:hover, .submitButton:hover {background:#977E34; 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;} .formInput input:focus, .reserveInput input:focus, .formInput textarea:focus, .reserveInput textarea:focus, #homeSearch input:focus, #homeSearch select:focus {outline:none !important;} .contactRow {display:flex;} .contactCols {display:flex; flex-direction:column; 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;} #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; backdrop-filter:blur(5px);} #whatsApp:hover {background:rgba(235, 235, 235, 0.95); border:1px solid #FFF;} #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;} footer {background:#434952; min-height:100px; color:#FFF; border-top:1px solid #2A2B2D;} #flContainer, #footerMenuContainer, .footerMenu {float:left;} #footerLogo {width:148px; height:150px;} .footerSocial {float:left; width:100%; height:30px; text-align:center; margin:15px 0 0;} .footerSocial .socialLink {margin-top:0;} .footerMenu {text-align:center; 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 5px;} .footerMenu p {color:#FFF; font-weight:600; margin:15px 0 5px;} .footerMenu li {color:#FFF; margin:0 0 5px; font-size:14px; font-weight:300; padding:0;} .footerMenu li.addressLI {margin-top:15px;} .footerMenu i {margin-right:8px;} .ddfMenu {float:left; width:100%; text-align:left; list-style:none; padding:0 0 0 25px !important;} .ddfMenu li {font-weight:400 !important; padding:0 !important; margin:5px 0 0 !important; display:block !important;} .telLang {width:18px; height:18px; margin-right:2px; overflow:hidden; position:relative; display:inline-block; vertical-align:middle;} .telLang img {width:auto; height:18px; position:absolute;} .telLang img.enLang {left:0;} .telLang img.esLang {left:-19px;} #footerMenuContainer a {color:#FFF; transition-duration:0.5s; cursor:pointer;} #footerBottom {float:left; background:#2A2B2D; width:100%;} #footerLeft, #footerRight {float:left; height:40px; line-height:40px; font-size:10px;} #footerRight {text-align:right;} #footerLeft a, #footerRight a {color:#FFF;} #footerMenuContainer a:hover, #footerLeft a:hover, #footerRight a:hover {color:#C2A242; } #cookieUseContainer {position:fixed; bottom:15px; background:rgba(255,255,255,0.95); text-align:center; border:2px solid #C2A242; 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:#C2A242;} #cookieText a:hover {color:#434952;} #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:#C2A242; width:65%; color:#FFF; font-size:16px; margin:20px 5%; border:2px solid rgba(35, 31, 32, 0.3);} #cookieContinue:hover {background:#434952; } #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; } #sharePropertyBGContainer {position:fixed; display:table; height:100vh; width:100vw; top:0; left:0; transform:scale(0); z-index:1044;} #sharePropertyBGContainer.unfold {transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #sharePropertyBGContainer.unfold #sharePropertyBG #sharePropertyContainer {transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #sharePropertyBGContainer.unfold.out {transform:scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #sharePropertyBGContainer.unfold.out #sharePropertyBG #sharePropertyContainer {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #sharePropertyBGContainer #sharePropertyBG {display:table-cell; background:rgba(35,31,32,0.8); text-align:center; vertical-align:middle;} #sharePropertyContainer {width:90vw; 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);} #sharePropertyContainer {max-width:500px;} #sharePropertyContainer {display:inline-flex; flex-direction:row; justify-content:center; align-items:stretch; max-height:90vh;} #sharePropertyDiv {float:left; width:100%; padding:5px 10px; overflow-x:hidden; overflow-y:auto;} #shareList {float:left; width:100%; display:flex; justify-content:center; align-items:center; margin-bottom:10px; overflow-x:auto;} .shareSocial {float:left; width:70px; display:flex; flex-direction:column; padding:3px 5px; border:5px solid transparent; margin:0 5px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration:0.5s;} .shareSocialIcon {width:50px; height:50px; line-height:50px; color:#FFF; font-size:28px; margin:0 0 10px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; transition-duration:0.5s;} .shareSocialIcon img {width:100%; height:auto;} .shareSocialIcon:hover {color:#FFF !important;} .shareSocial:hover {background:#F1F2F3;} .shareSocialText {float:left; width:100%; font-size:10px; color:#231F20 !important; text-align:center;} #shareURL {float:left; width:100%; height:50px; text-align:left; padding:5px 10px; border:1px solid #F1F2F3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; position:relative; margin-bottom:10px;} #propertyURL {float:left; width:calc(100% - 40px); height:40px; line-height:40px; overflow:hidden; text-overflow:ellipsis;} #copyShareLink {position:absolute; background:#C2A242; top:10px; right:5px; height:30px; line-height:30px; color:#FFF; font-size:14px; font-weight:600; padding:0 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;} #copyShareLink:hover {background:#434952;} #copyShareLink span.copyNow {display:inline-block;} #copyShareLink span.copiedNow {display:none;} .emLink {background:#888;} .rdLink {background:#FF4500;} .piLink {background:#CC0000;} #closeShareProperty {position:absolute; background:#C2A242; width:55px; height:55px; line-height:57px; color:#FFF; font-size:40px; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; z-index:9995;} #closeShareProperty {top:-27.5px; right:-27.5px;} #closeShareProperty:hover {color:#C2A242; background:#F1F2F3; text-decoration:none;} #scrollToTop {background:#231F20; border-radius:7px 7px 0 0; bottom:0; color:#FFF; font-size:36px; display:block; height:40px; line-height:40px; opacity:0.6; padding:9px 0; position:fixed; right:10px; text-align:center; width:58px; z-index:1040; display:none; cursor:pointer; box-sizing:content-box;} #scrollToTop:hover {opacity:0.9;} #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%; height:100%; z-index:97; display:none;} #searchLoadingBG svg, #contactWaiting svg {position:absolute; left:50%; width:128px; height:128px; margin:-64px 0 0 -64px;} #searchLoadingBG svg {top:50vh;} #contactWaiting svg {top:50%;} .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:#C2A242; 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:#C2A242;} 66.6666% {stroke:#434952;} } @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);} } @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);} } @keyframes fadeInOpacity { 0% {opacity:0;} 100% {opacity:1;} } @media screen and (min-width: 1600px) { #header, #tlContainer, #homeGalleryOverlay, #mainContent, .container, #footer, #pageGalleryOverlay, #propertyGalleryOverlay {width:75%;} #header, header.slidingHeader #header {margin:30px 12.5% 0;} #tlContainer, #mainContent, .container, #footer {margin:0 12.5%;} #homeGalleryOverlay, #pageGalleryOverlay, #propertyGalleryOverlay {left:12.5%;} } @media screen and (min-width: 1550px) { #propertyCharacteristics ul {columns:4;} } @media screen and (min-width: 1320px) and (max-width: 1549px) { #propertyCharacteristics ul {columns:3;} } @media screen and (min-width: 1320px) { #mainPhotoOverlay {font-size:60px;} #propertyEnergy {width:400px; margin:0 0 15px 30px;} } @media screen and (max-width: 1319px) { #propertyEnergy {width:100%; margin:0 0 15px;} } @media screen and (min-width: 1300px) { .propListContainer, .propListSRContainer {width:calc(33% - 30px);} } @media screen and (min-width: 1171px) { #pageGalleryOverlay h1, #propertyGalleryOverlay h1 {font-size:40px; line-height:40px;} #propertyPrice, #projectPrice {font-size:60px; line-height:60px;} } @media screen and (max-width: 1170px) { #pageGalleryOverlay h1, #propertyGalleryOverlay h1 {font-size:36px; line-height:36px;} #propertyPrice, #projectPrice {font-size:40px; line-height:40px;} } @media screen and (min-width: 768px) and (max-width: 1319px) { #propertyCharacteristics ul {columns:2;} #mainPhotoOverlay {font-size:40px;} } @media screen and (min-width: 768px) and (max-width: 1299px) { .propListContainer, .propListSRContainer {width:calc(50% - 30px);} } @media only screen and (min-width: 1000px) and (max-width: 1599px) { #homeGalleryOverlay, #pageGalleryOverlay, #propertyGalleryOverlay {width:90%; left:5%;} } @media only screen and (min-width: 768px) and (max-width: 999px) { #homeGalleryOverlay, #pageGalleryOverlay, #propertyGalleryOverlay {width:98%; left:1%;} .galleryPhoto {width:33.3333%;} #searchContainer {width:calc(100% - 240px);} #searchFilterContainer {width:200px;} .projectListC {width:50%;} } @media only screen and (min-width: 1000px) and (max-width: 1599px) { #header, #tlContainer, #homeGalleryOverlay, #mainContent, .container, #footer, #pageGalleryOverlay, #propertyGalleryOverlay {width:90%;} #header, header.slidingHeader #header {margin:30px 5% 0;} #tlContainer, #mainContent, .container, #footer {margin:0 5%;} #homeGalleryOverlay {left:5%;} } @media only screen and (min-width: 1000px) { .showMenu {display:none;} nav {float:right; width:calc(100% - 245px); height:60px; margin:10px 0 10px 40px;} .slidingHeader nav {height:40px; margin:4px 0 0 40px;} #mainMenu {float:right; min-height:60px; list-style:none; text-align:center; padding:0; margin:0 auto; position:relative;} #mainMenu ul {float:left; text-align:center; list-style:none; padding:0; margin:0;} #mainMenu li {float:left; height:60px; list-style:none; display:inline-block; position:relative; padding:0; margin:0 1px; cursor:pointer;} .slidingHeader #mainMenu, .slidingHeader #mainMenu li, .slidingHeader #mainMenu a {height:40px; min-height:40px;} #mainMenu li:last-child {margin-right:0 !important;} #mainMenu a {float:left; height:60px; line-height:58px; color:#434952; font-size:18px; text-align:center; margin:0 15px; position:relative;} .slidingHeader #mainMenu a {line-height:38px; font-size:16px;} #mainMenu a:hover, #mainMenu a.selectedPage {color:#C2A242; } #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:#434952 !important; margin:0 !important; text-shadow:none !important;} .ddMenu a:hover, .ddMenu a.selectedPage {color:#C2A242 !important; text-shadow:none !important;} .languages {margin-left:15px;} .moreLangs {height:60px; line-height:60px; right:-10px;} .moreLangs i {line-height:60px;} .languageMenu {top:50px;} .slidingHeader .languages, .slidingHeader .moreLangs, .slidingHeader .moreLangs i {height:40px; line-height:40px;} .galleryPhoto {width:25%;} #searchContainer {width:calc(100% - 340px);} #searchFilterContainer {width:300px;} .projectListC {width:33.3333%;} .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;} #propertyContactColumn {width:350px;} #propertyContactForm {position:sticky; top:75px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #propertyContactTitle {border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;} #contactDiv {display:none;} #propertyContactContact {display:flex; border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;} #flContainer {width:148px; margin-bottom:34px;} #footerMenuContainer {width:calc(100% - 188px); margin-left:40px; padding-left:15%;} .footerMenu {width:50%; margin:34px 0 20px;} #footerLogo {float:left; margin:34px 0 0;} } @media only screen and (max-width: 999px) { #header {width:98%; margin:30px 1% 0;} #tlContainer {width:98%; margin:0 1%;} #mainContent, #tlContainer, .container, #footer {width:96%; margin:0 2%;} .languages {padding:0 15px 0 5px;} .showMenu {bottom:0; right:0; display:inline-block;} nav {position:absolute; bottom:0; right:-1%; background:none; width:65px; height:65px; z-index:9997;} .slidingHeader nav {height:50px;} .slidingHeader .showMenuBox {top:11px;} #menuContainer {width:100vw; left:-100vw;} #mainMenu {position:fixed; top:0; right:-100%; width:100%; height:100vh; background:rgba(67, 73, 82, 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 #434952;} #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 a {width:100%; color:#FFF; text-align:center; padding:5px 10px; cursor:pointer; display:block;} #getAQuote {line-height:30px !important;} #mainMenu a:hover, #mainMenu a.selectedPage {color:#C2A242; } .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;} .slidingHeader .languages {top:35px;} .languageHolder {float:left; margin:0;} .languageMenu {top:35px;} .moreLangs {height:24px; line-height:24px; right:-5px;} .moreLangs i {color:#FFF;} #rPropertyDetails {width:100%;} #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;} #propertyContactColumn.showContact {bottom:0;} #propertyContactForm {height:calc(70vh - 56px);} #propertyContact {height:100%; overflow-y:auto;} #scrollToTop.filterAdjusted {bottom:80px;} #scrollToTop.bookingAdjusted {bottom:56px;} #contactDiv {display:inline-block;} #propertyContactContact {display:none;} #propertyContactTitle {cursor:pointer;} #flContainer, #footerMenuContainer, .footerMenu {width:100%;} #flContainer, .footerMenu {margin-bottom:30px;} .footerMenu, .ddfMenu {text-align:center;} #footerLogo {margin:30px auto 0;} #scrollToTop.scrollAdjusted {bottom:56px;} #scrollToTop.scrollLAdjusted {bottom:80px;} } @media screen and (min-width: 768px) { #header {height:82px;} #logo {top:6px; width:201px; height:70px;} #headerContact {width:calc(100% - 200px);} .showMenu {width:82px; height:82px;} .showMenuBox {top:26px; left:26px;} #pageGalleryOverlay {top:100px; height:calc(100% - 100px);} #pageGalleryOverlay h1, #projectPrice {font-size:50px;} #homeSearch, #homeGalleryOverlay h1 {max-width:820px;} #homeGallery, #homeSlider {height:650px;} #homeGalleryOverlay {bottom:40px;} #homeGalleryOverlay form {display:flex; justify-content:space-evenly; align-items:center;} #pageGalleryContainer, #pageGallery, #propertyGallery {height:475px;} #pageGalleryOverlay {top:121px; height:354px;} #pageGalleryOverlay h1 {margin:0 0 10px;} .selectInput25 {width:calc(25% - 15px); margin:0 15px; padding-top:15px;} .mainContentW {width:calc(70% - 40px); margin-top:60px;} .mainContentN {width:30%; margin:60px 40px 0 0;} .mainContentW + .mainContentN {margin:60px 0 0 40px;} .textPicLeft .halfColPic {margin:0 15px 5px 0;} .textPicRight .halfColPic {margin:0 0 5px 15px;} .projectListLocation {left:100%;} .projectList:hover .projectListLocation {left:10px; transition-delay:0.5s;} .projectListPrice {top:100%;} .projectList:hover .projectListPrice {top:10px; transition-delay:0.3s;} #searchFilterContainer {float:left; margin:0 40px 40px 0;} #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;} .input100 {width:100%;} .input50 {width:calc(50% - 7.5px);} .input50L {margin-right:15px;} #pTimeS, #dTimeS, .pTimeS, .dTimeS {bottom:18px;} #pTimeS, .pTimeS {right:calc(50% + 8.5px);} #dTimeS, .dTimeS {right:1px;} #pageBreadcrumb li {font-size:14px;} #pageBreadcrumb li:not(:first-child)::before {padding:0 5px;} .galleryPhotoTitle {opacity:0;} .galleryPhoto:hover .galleryPhotoTitle {opacity:1;} #propertyPhotosContainerN #propertyPhotosContainer {display:none;} #propertyPhotosContainerW {display:flex;} #propertyPhotosWMain {width:60%; margin-right:8px;} #propertyPhotosWSmallC {width:calc(40% - 8px);} #propertyCharacteristics li {padding-right:15px;} #propertyFeatureLinks a, #projectFeatureLinks a {font-size:32px; text-align:center; padding:10px 0; border-right:1px solid #000; border-left:1px solid #777;} #propertyFeatureLinks a {width:16.6667%;} #projectFeatureLinks a {width:33.3333%;} #propertyFeatureLinks a:first-child {border-left:none;} #propertyFeatureLinks a:last-child {border-right:none;} #propertyFeatureLinks a:hover {border-right-color:#BD8228;} #propertyFeatureLinks.noAvail a, #propertyFeatureLinks.noReviews a {width:20%;} #propertyFeatureLinks.noReviews.noAvail a {width:20%;} #enquiryForm {max-height:calc(100vh - 80px);} .formInput50 {width:49%;} .formInput50:nth-child(2) {margin:0 2% 20px 0;} .contactRow {flex-direction:row;} .contactCols {width:50%;} .contactCols:first-child, .popupForm .contactCols:nth-child(2) {padding-right:30px;} #whatsApp {right:-100px; top:calc(50vh - 33px); width:70px; 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:0;} #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:95px;} header.slidingHeader {height:80px;} #header {height:65px;} .slidingHeader #header {height:50px;} #logo {top:5px; width:158px; height:55px;} #headerContactE, .languageTitle {display:none;} #headerContact {font-size:12px; margin-right:30px;} #headerContactCall, #headerPF {margin-right:15px;} #headerSocial {float:left;} .socialLink {margin-right:14px;} #pageGalleryOverlay {top:50px; height:calc(100% - 50px);} #pageGalleryOverlay h1 {font-size:40px;} .mainContent {overflow-x:clip;} .mainContentW, .mainContentN {width:100%; margin:40px 0;} .input100, .input50 {width:100%;} #homeGallery, #homeSlider {height:100vh;} #homeGalleryOverlay {width:96%; top:80px; height:calc(100vh - 80px); margin:0 2%;} #homeSearch {padding:11px 10px;} #homeSearch h1 {font-size:20px;} .selectInput20 {float:left; width:100%; margin:0 0 10px;} .homeSearchButton {float:right;} #homeGalleryCover {height:110vh;} #pageGalleryContainer, #pageGallery, #propertyGallery {height:355px;} #pageGalleryOverlay {top:65px; left:1%; width:98%; height:290px; margin:0;} .selectInput25 {float:left; width:100%; padding:5px 0 0; margin:0 0 15px;} #pageBreadcrumb ol {overflow-x:auto; white-space:nowrap;} #pageBreadcrumb li {font-size:11px;} #pageBreadcrumb li:not(:first-child)::before {padding:0 2.5px; font-size:10px;} .twoBox, .threeBox, .fourBox {margin-bottom:5px;} .twoBox, .threeBox, .fourBox, .centredTextWide {width:100%;} .centredText {width:80%;} .threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox, .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox, .similarProperty {margin-bottom:5px;} .threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox, .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox, .similarProperty, .centredTextWide, .halfColText, .halfColPic, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox, .propertyContentDP, .colSixty, .colThirty, .subscribePhoto, .subscribeForm, .textWBGText, .textWBGPhoto {width:100%;} .subscribePhoto {border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;} .halfColPic {height:auto;} .textPicLeft .halfColPic, .textPicRight .halfColPic {margin:10px 0;} .textWBGText {padding:15px 30px;} .textWBGPhoto img {border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;} .projectListLocation {left:10px;} .projectListPrice {top:10px;} .projectListIcons {right:10px;} #previousPhoto, #nextPhoto {display:none;} #projectCharacteristics ul {columns:1;} #searchFilterContainer form {float:left; width:98%; min-height:472px; background:#434952; color:#FFF; padding:10px; border:1px solid #1D2228; 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;} .ui-multiselect-menu {width:calc(98% - 22px) !important;} .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; width:100%; 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;} #searchFilterContainer, .ui-multiselect-menu {z-index:99992;} .ui-multiselect-menu {width:calc(91% - 22px) !important;} #showFilter, #propertyContactColumn {z-index:99991;} .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;} .boxN, .boxW, .twoBox, .threeBox, .fourBox {width:100%;} .boxN {margin:0 0 15px;} .mPhotoL.twoPhotos .colPic, .mPhotoR.twoPhotos .colPic {margin:0 0 30px;} .centredText {width:80%;} .centredTextWide {width:100%;} .centredTextWide, .threeBox, .fourBox, .halfColText, .halfColPic, .discoveryArea, .colSixty, .colThirty, .subscribePhoto, .subscribeForm {width:100%;} #propertyPhotosContainerN #propertyPhotosContainer {display:block;} #propertyPhotosContainerW {display:none;} #mainPhotoOverlay {font-size:30px;} #propertyFeatureLinks a, #projectFeatureLinks a {width:100%; font-size:24px; padding:5px 0 0; border-bottom:1px solid #000; border-top:1px solid #777;} #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;} #videoThumbLink img {animation:colourImg 1s forwards;} .formInput50 {width:100%; margin:0 0 20px;} .contactRow {flex-direction:column;} .contactCols {width:100%;} .contactCols:first-of-type {margin-bottom:0;} #whatsApp {left:10px; bottom:-200px; width:66px; height:67px; 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:0;} #whatsApp.waLoaded.propertyWA {bottom:56px;} #whatsApp.waLoaded.propertyLWA {bottom:80px;} #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 only screen and (min-width: 606px) and (max-width: 767px) { .propListContainer, .propListSRContainer {width:calc(50% - 30px);} .projectListC {width:50%;} } @media only screen and (max-width: 605px) { .propListContainer, .propListSRContainer {width:calc(100% - 30px);} .projectListC {width:100%;} } a {color:#C2A242; text-decoration:none; transition-duration:0.5s;} a:hover {color:#434952; transition-duration:0.5s; text-decoration:none;}