body {background:#FFF; top:0 !important; margin:0 auto; font-family:"Roboto", Arial, Verdana, Helvetica; font-size:16px; color:#231F20; overflow-x:hidden;} @font-face{font-family:"AnticItalic"; src:url("/fonts/7403ec90e14eab424bc9912bf141a802.eot"); src:url("/fonts/7403ec90e14eab424bc9912bf141a802.eot?#iefix")format("embedded-opentype"), url("/fonts/7403ec90e14eab424bc9912bf141a802.woff")format("woff"), url("/fonts/7403ec90e14eab424bc9912bf141a802.woff2")format("woff2"), url("/fonts/7403ec90e14eab424bc9912bf141a802.ttf")format("truetype"); font-weight:normal; font-style:normal; font-display:swap;} *, *::before, *::after {box-sizing:border-box;} header, #header, #mainContent, .container, #footer, #footerBottom, #logo, #logo a, #logo img, #logo svg, .logoDG, .logoLG, #menuSLogo, #mainMenu, #mainMenu li, #mainMenu a, .socialLink, .slideSubtitle i, #grid1, #grid2, #grid3, .projectListC, .projectList, .projectListImg img, .projectListTitle, .projectListLocation, .projectListPrice, .projectListIcons, .submitButton, #contactInDiv i, #footerLogo, #footerLogo img, #footerLogo span, #footerLogo:after {transition-duration:0.5s;} .fixed {overflow:hidden;} header {position:fixed; top:0; left:0; width:100%; z-index:99;} 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 {float:left; width:100%; height:100px;} #logo {position:absolute; z-index:2;} #logo img, #logo svg {width:100%; height:100%;} .logoDG {fill:#FFF;} .slidingHeader .logoDG, #footerLogo:hover .logoDG {fill:#246A3F;} .logoLG, #footerLogo:hover .logoLG {fill:#1C9D54;} .is-active .logoDG {fill:#FFF !important;} .is-active .logoLG {fill:#E8E8E8 !important;} .logoDG, .logoLG {-webkit-filter:drop-shadow( -5px 5px 3px rgba(0, 0, 0, .7)); filter:drop-shadow( -5px 5px 3px rgba(0, 0, 0, .7));} .slidingHeader .logoDG, .slidingHeader .logoLG {-webkit-filter:drop-shadow( -3px 3px 2px rgba(136, 125, 125, .7)); filter:drop-shadow( -3px 3px 2px rgba(136, 125, 125, .7));} .showMenu {float:right; margin:0; border:0; overflow:visible; cursor:pointer; border-left:1px solid rgba(255, 255, 255, 0.25); border-right:1px solid rgba(255, 255, 255, 0.25); position:relative; z-index:2;} .slidingHeader .showMenu {height:50px;} .slidingHeader .showMenu, .is-active .showMenu {border-left:1px solid rgba(136, 125, 125, 0.25); border-right:1px solid rgba(136, 125, 125, 0.25);} .showMenuBox {width:40px; height:30px; display:inline-block; position:relative; margin-top:2px;} .showMenuContent {top:50%; display:block; margin-top:-2px;} .showMenuContent, .showMenuContent::before, .showMenuContent::after {position:absolute; width:40px; height:2px; background:#FFF; transition-duration:0.15s; transition-property:transform, -webkit-transform; transition-timing-function:ease;} .slidingHeader .showMenuContent, .slidingHeader .showMenuContent::before, .slidingHeader .showMenuContent::after {background:#246A3F;} .showMenuContent::before, .showMenuContent::after {content:""; display:block;} .showMenuContent::before {top:-10px;} #showMenu:hover {background:#246A3F;} #showMenu.is-active:hover {background:#F1F2F3; border-right:1px solid rgba(136, 125, 125, 0.25);} .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:-20px; 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:#231F20; 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:#231F20; 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:#231F20; 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;} #menuScreenC {position:fixed; top:0; right:0; width:100vw; height:100vh; opacity:0; visibility:hidden; overflow:hidden; transition-duration:0s; transition-delay:0.8s;} .is-active #menuScreenC {opacity:1; visibility:visible; transition-delay:0s;} #menuScreen {position:absolute; top:0; right:-100vw; width:100vw; height:100%; background:#FFF; z-index:-1; overflow:hidden; transition:transform 0.8s ease;} .is-active #menuScreen {transform:translateX(-100vw);} #menuSLogo {float:left; height:100vh; background:rgb(36,106,63); background:-moz-linear-gradient(90deg, rgba(36,106,63,1) 0%, rgba(28,157,84,1) 100%); background:-webkit-linear-gradient(90deg, rgba(36,106,63,1) 0%, rgba(28,157,84,1) 100%); background:linear-gradient(90deg, rgba(36,106,63,1) 0%, rgba(28,157,84,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#246a3f",endColorstr="#1c9d54",GradientType=1); position:relative; z-index:1;} #menuSLogo svg {position:absolute; left:33%; bottom:-22.5%; width:100vh; fill:#1F894C; transform:rotate(-90deg); transform-origin:top left;} #menuMail {position:absolute; bottom:0; left:0; width:100%; height:70px;} #menuMail a {width:100%; height:100%; color:#FFF; font-size:18px; display:flex; justify-content:center; align-items:center;} #menuMail a:hover {text-decoration:none; color:#231F20;} #mainMenu, #menuSocial {float:left;} #mainMenu ul {float:left; width:calc(100% - 80px); height:100%; list-style:none; display:flex; flex-direction:column; padding:0; margin:0 40px;} #mainMenu li {width:100%; container-type:size; display:flex; align-items:center; padding:8px 0; flex:1; border-top:1px solid #DCDCDC;} #mainMenu li a {width:100%; height:100%; color:#231F20; font-family:"Poppins"; font-size:50cqh; line-height:50cqh; padding:5px 10px; cursor:pointer; display:flex; align-items:center;} #mainMenu ul li:first-child {border-top:none;} #mainMenu li a:hover, #mainMenu li a.selectedPage {color:#1C9D54; text-decoration:none;} #menuSocial {height:70px; display:flex; align-items:center; font-family:"Poppins"; padding:0 40px;} #menuSocial a {line-height:30px; text-align:center; color:#231F20; display:inline-flex;} #menuSocial a:hover {color:#F68A1F; text-decoration:none;} #menuSocial a span {margin-right:5px;} #gridM1, #gridM2, #gridM3, #gridM4 {position:absolute; height:1px; width:100%; left:0;} #gridM5 {position:absolute; width:1px;} .slidingHeader #gridM1, .slidingHeader #gridM2 {top:50px;} #gridM3, #gridM4 {bottom:70px;} #gridM1, #gridM3 {background:rgba(255, 255, 255, 0.25);} #gridM2, #gridM4, #gridM5 {background:rgba(136, 125, 125, 0.25);} .languages {float:right; height:100%; display:flex; justify-content:center; align-items:center; padding:0 30px; z-index:2; cursor:pointer; position:relative;} .languages i {color:#FFF; margin-left:5px; transition-duration:0.5s;} .languages.is-active i, .slidingHeader .languages i {color:#231F20;} .languages:hover i {color:#1C9D54;} .languageMenu {position:absolute; background:rgba(255,255,255,0.9); top:100%; left:0; width:100%; 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; overflow:hidden; position:relative; z-index:2;} .languageRow {float:left; width:100%; font-size:12px; margin-bottom:5px;} .languageRow:last-child {margin-bottom:0;} .languageMenu .languageHolder {margin:4px 5px 6px 0;} .languageMenu .languageHolder img {opacity:0.6;} .languageMenu .languageHolder img:hover, .langSelected {opacity:1;} .languageRow a {float:left; display:flex; align-items:center; width:100%; color:#231F20; margin:0 !important;} .languageRow a:hover {color:#F68A1F; text-decoration:none;} .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;} #headerSocial {float:right; height:100%; text-align:center; display:flex; align-items:center; padding:0 40px; border-right:1px solid rgba(255, 255, 255, 0.25);} .slidingHeader #headerSocial {border-right:1px solid rgba(136, 125, 125, 0.25);} #homeGallery, #pageGallery {float:left; width:100%; position:relative; overflow:hidden;} #homeGallery {height:100vh;} #pageGallery {height:75vh;} #gallerySlides, .pageGallery {position:absolute; top:0; left:0; width:100%; height:100%;} .pageGallery {overflow:hidden;} .videoHolder {float:left; width:100%; height:100%; position:relative;} .pageGallery img, .pageGallery video {width:100%; height:100%; object-fit:cover;} #gridlines {position:absolute; top:0; left:0; width:100%; height:100%; z-index:11;} .grid1, #grid2, #grid3 {position:absolute; background:rgba(255, 255, 255, 0.25);} .grid1 {top:0;} .grid1, #grid2 {width:1px;} #grid3 {left:0; width:100%; height:1px;} header .grid1 {display:none;} header.slidingHeader .grid1 {display:block; background:rgba(136, 125, 125, 0.25);} #galleryCover {position:absolute; background:rgba(21, 21, 21, 0.5); top:0; left:0; width:100%; height:100%; z-index:10;} #galleryOverlay {position:absolute; top:0; left:0; width:100%; height:100%; z-index:12;} #galleryOverlaySlides {position:absolute;} .slideOverlay {position:absolute; top:0; left:0;} .slideOverlay h1 {float:left; margin:0; font-family:"Roboto"; color:#FFF;} .slideH1 {float:left; clear:both; font-family:"AnticItalic"; color:#F68A1F;} .slideSubtitle {float:right; clear:both; font-family:"Poppins"; color:#FFF;} .slideSubtitle a {color:#FFF;} .slideSubtitle a:hover {color:#F68A1F; text-decoration:none;} .slideSubtitle i {color:#F68A1F; margin-left:10px;} .slideSubtitle a:hover i {color:#FFF; animation: bounce 0.75s alternate infinite;} #pageGalleryOverlay {position:absolute; display:flex; align-items:center;} #pageGalleryOverlay.projectOverlay {flex-direction:row; justify-content:space-between;} #pageGalleryOverlay h1 {font-family:"Poppins"; font-weight:700; color:#FFF; margin:0 0 15px;} #pageGalleryOverlay.projectOverlay h1 {margin-bottom:5px;} #projectTitle address {color:#FFF; font-size:16px; text-shadow:2px 2px 2px rgba(0,0,0,1);} .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;} #menuSocial a:hover .socialLink, .socialLink:hover {background:#FFF;} .fbLink, .twLink {margin-right:15px;} .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;} main, footer {float:left; width:100%;} h1, h2, h3, h4, h5, h6 {font-family:"Poppins", Arial, Verdana, Helvetica; font-weight:700; font-variant:small-caps;} .mainContent h1, .mainContent h2, .mainContent h3, .mainContent h4, .mainContent h5, .mainContent h6, #cookieText h6, #shareProjectDiv h6 {font-size:32px; color:#246A3F; margin:5px 0 15px;} #pageBreadcrumb {float:left; width:100%; background:#1C9D54; 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;} #pageBreadcrumb li a {color:#FFF;} #pageBreadcrumb li a:hover {color:#F68A1F; text-decoration:underline;} .mainContent {float:left; width:100%; display:inline-block; margin-bottom:80px;} .mainContent.tb40 {margin:40px 0 !important;} #pageBreadcrumb + .mainContent, #homeGallery + .mainContent {margin:80px 0 !important;} .mainContent.tb60 {margin:60px 0 !important;} .mainContent.b20 {margin:0 0 20px !important;} .mainContent.t40b0 {margin:40px 0 0 !important;} .mainContent.t40b20 {margin:40px 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;} #homeGallery + .pageTitle.mainContent, #pageBreadcrumb + .pageTitle.mainContent {margin:0 0 20px !important;} .mainContent.grey {background:#F3F3F5; padding:20px 0;} .mainContent.green {background:#1C9D54; color:#FFF; padding:20px 0;} .mainContent.green h1, .mainContent.green h2, .mainContent.green h3, .mainContent.green h4, .mainContent.green h5, .mainContent.green h6 {color:#FFF !important;} .mainContent.green a {color:#231F20;} .mainContent.green a:hover {color:#F68A1F;} .mainWContainer {background:#FFF; padding:5px 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .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; font-size:14px;} 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;} .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 {border:1px solid #D1D3D4;} .projectList:hover {border-color:#B0B0B0; -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);} .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; text-decoration:none;} .projectListLocation, .projectListPrice, .projectListIcons {position:absolute; display:flex; white-space:nowrap; z-index:1;} .projectListLocation, .projectListPrice, .projectListIcon {background:rgba(35, 31, 32, 0.5); color:#FFF; font-size:14px; padding:5px 10px; border-radius:4px; border:1px solid rgba(35, 31, 32, 0.2);} .projectListLocation, .projectListPrice {font-size:16px; font-family:"Poppins";} .projectListLocation {bottom:10px; flex-direction:row; transition-delay:0s;} .projectListLocation i {line-height:25px; margin-right:5px;} .projectListPrice {left:10px;} .projectListIcons {top:10px; transition-delay:0s;} .projectListIcon {float:left; margin:0 5px;} #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;} #galleryNav {width:100%; max-width:1200px; margin:15px auto; display:flex; justify-content:center; align-items:stretch;} #galleryNav a {background:#FAFAFA; width:33.3333%; font-size:14px; text-align:center; color:#939597; border:1px solid rgba(0, 0, 0, 0.1); border-left:1px solid rgba(255, 255, 255, 0.1); display:flex; flex-wrap:wrap; justify-content:center; align-content:center; padding:5px 30px; cursor:pointer;} #galleryNav a:first-child {border-left:1px solid rgba(0, 0, 0, 0.1); border-radius:4px 0 0 4px;} #galleryNav a:last-child {border-right:1px solid rgba(0, 0, 0, 0.1); border-radius:0 4px 4px 0;} #galleryNav a:hover, #galleryNav a.cSelected {background:#246A3F; color:#FFF; text-decoration:none;} #galleryNav a i {margin-right:5px;} #projectGallery {width:100%; aspect-ratio:16/9; overflow:hidden; position:relative; margin:auto;} #mainGallery {float:left; width:100%; height:100%; margin:0 !important; padding:0;} #projectGallery img, #projectGallery iframe {width:100%; height:auto; margin:auto 0;} #projectGallery iframe, .fancybox-content iframe {aspect-ratio:16/9; display:block !important;} .fancybox-content iframe {width:90vw; max-width:calc(calc(100vh - 80px) * 1.777778); height:auto;} #mainGallery li.slick-slide a {height:100% !important; display:flex; justify-content:center; align-items:center; flex-direction:column;} #mainGallery li {overflow:hidden;} .slick-slide {position:relative; overflow:hidden;} #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(246, 138, 31, 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;} #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%; 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 #246A3F;} #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;} #projectContactColumn, #projectContactForm, #projectInfoForm, #projectContact, #projectContactContact, #contactInDiv {float:left;} #projectContactForm, #projectInfoForm {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);} #projectContactForm.stickyForm, #projectInfoForm.stickyForm {position:fixed; top:75px; width:350px;} #projectContactTitle, #projectContact {width:100%;} #projectContactTitle {background:#246A3F; color:#FFF; display:flex; flex-direction:row; align-items:center; padding:10px 15px;} #projectContact {background:#FFF; padding:20px 15px 10px} #projectContactTitle h2 {float:left; width:100%; min-height:36px; font-size:26px; margin:0; color:#FFF;} #projectContact, .projectContactInput {position:relative;} .projectContactInput {float:left; width:100%; border:1px solid #D1D2D4; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:15px;} #projectContact .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;} #projectContact .selectTA {height:100px; resize:none;} #sendContact {float:right; height:40px; line-height:40px; background:#F68A1F; font-family:"Poppins", Arial, Verdana, Helvetica; font-weight:400; text-align:center; color:#FFF; margin:0 0 15px; padding:0 10px; border:1px solid rgba(0, 0, 0, 0.1); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer;} #sendContact:hover {background:#1C9D54; text-decoration:none;} #enquiryResponse, #eFormError, #rFormError {float:left; width:100%; margin:0 0 15px; display:none;} #eFormError, #rFormError {color:#BB0003;} #projectContactContact, #projectInfoForm {background:#FFF; width:100%; display:flex; align-items:stretch; justify-content:center;} #projectContactContact {border-top:1px solid #E6E6E6;} #pbContactP, #pbContactShare, #pbContactWA, #pbContactCall {float:left; width:25%; color:#939597; text-align:center; font-size:10px; border-top:1px solid #FFF; transition-duration:0.5s;} #pbContactP {border-top:1px solid #F7BC83; border-right:1px solid #B76514;} #projectContactContact i {font-size:18px; margin-bottom:5px;} #projectContactContact a {width:100%; height:100%; background:#FAFAFA; color:#939597; padding:10px; display:flex; justify-content:center; align-content:center; flex-direction:column; cursor:pointer;} #pbContactP a {background:#F68A1F; color:#FFF;} #pbContactP:hover a, #pbContactShare:hover a, #pbContactWA:hover a, #pbContactCall:hover a {background:#1C9D54; color:#FFF; text-decoration:none;} #pbContactShare, #pbContactWA {border-right:1px solid #E6E6E6;} #pbContactShare, #pbContactWA, #pbContactCall {border-left:1px solid #FFF;} #projectContactContact #pbContactP, #projectContactContact #pbContactP:hover {border-left:none;} #pbContactP:hover, #pbContactShare:hover, #pbContactWA:hover, #pbContactCall:hover {border-top:1px solid #52EE96;} #pbContactP:hover, #pbContactShare:hover, #pbContactWA:hover {border-right:1px solid #246A3F;} #pbContactShare:hover, #pbContactWA:hover, #pbContactCall:hover {border-left:1px solid #52EE96;} #pbContactP 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;} #projectInfoForm {flex-direction:column;} #pbInfoP, #pbInfoShare, #pbInfoWA, #pbInfoCall {float:left; width:100%; line-height:20px; color:#939597; text-align:center; font-size:14px; border-top:1px solid #FFF; transition-duration:0.5s;} #projectInfoForm a {width:100%; height:100%; background:#FAFAFA; color:#939597; padding:15px 10px; display:flex; justify-content:center; align-content:center; flex-direction:row; cursor:pointer;} #projectInfoForm i {font-size:18px; margin-right:5px;} #pbInfoP:hover a, #pbInfoShare:hover a, #pbInfoWA:hover a, #pbInfoCall:hover a {background:#1C9D54; color:#FFF; text-decoration:none;} #pbInfoP, #pbInfoShare, #pbInfoWA {border-bottom:1px solid #E6E6E6;} #pbInfoShare, #pbInfoWA, #pbInfoCall {border-top:1px solid #FFF;} #pbInfoP:hover, #pbInfoShare:hover, #pbInfoWA:hover, #pbInfoCall:hover {border-top:1px solid #52EE96;} #pbInfoP:hover, #pbInfoShare:hover, #pbInfoWA:hover {border-bottom:1px solid #246A3F;} #pbInfoCall a {border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;} #contactInDiv {width:100%;} #contactInDiv a {float:left; text-align:center; color:#231F20; font-size:12px; padding:10px; display:block; cursor:pointer;} #contactInDiv a {width:25%;} #contactInDiv.wEnq a {width:20%;} #contactInDiv i {background:#F68A1F; 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:#1C9D54} #contactInDiv a:hover {color:#1C9D54; text-decoration:none;} #contactWaiting {position:absolute; background:rgba(255,255,255,0.6); top:0; left:0; width:100%; height:100%; z-index:9994; display:none;} #contactWaiting svg {position:absolute; top:50%; left:50%; width:128px; height:128px; margin:-64px 0 0 -64px; stroke:#246A3F; animation:spinner_MN 5s ease-in-out infinite;} #closeContactForm {position:absolute; background:#FFF; top:-40px; right:10px; width:55px; height:55px; line-height:57px; text-align:center; font-size:40px; color:#F68A1F; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:none; cursor:pointer;} #closeContactForm:hover {background:#F68A1F; color:#FFF;} .showContact #closeContactForm {display:block;} #projectCharacteristics, #projectCharacteristics ul {float:left; width:100%; margin:0 0 15px;} #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:1040; 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;} .formContainer {float:left; width:100%; padding:30px 0 0;} .formInput, .formSelect, .formRadio, .formRow {float:left; width:100%; position:relative; margin:0 0 15px;} .formInput {background:#FFF; border:1px solid #909090; padding:10px 0;} .propFormRow .formInput {margin:0 0 8px;} .formSelect {padding:0;} .formSelect select, .formSelect button.ui-multiselect {width:100% !important; background:#FFF; border:1px solid #909090; padding:16.5px 14px;} .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, .formSelect.formError select {border-color:#BB0003;} .formInput textarea {height:187px; font-family:"Open Sans", Arial, Verdana; resize:none;} textarea.projectAddress {height:112px;} .formSelect select {font-size:18px;} .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, .projectContactInput label {position:absolute; color:#909090; left:5px; text-align:left; padding:0 5px; pointer-events:none; transition-duration:0.5s;} .formInput label, .formSelect.emptyVal label {top:16px; font-size:18px;} .projectContactInput label {top:10px;} .formInput label, .projectContactInput label {background:transparent;} .formSelect.emptyVal label {background:#FFF; width:calc(100% - 30px);} .formSelect.fiDark.emptyVal label {background:#FFF;} .formInput input:focus ~ label, .formInput textarea:focus ~ label, .formInput input:not(:placeholder-shown) ~ label, .formInput textarea:valid ~ label, .formSelect select ~ label, .projectContactInput input:focus ~ label, .projectContactInput textarea:focus ~ label, .projectContactInput input:not(:placeholder-shown) ~ label, .projectContactInput textarea:valid ~ label, #pnSignupCityDisplay + label, #captchaVerification .formInput input:focus ~ label, #captchaVerification .formInput 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:-9px; 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;} input[type='number'] {-moz-appearance:textfield;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none;} .contactSubmit {float:left; width:100%; margin:15px 0; text-align:center;} .submitButton {background:#246A3F; height:40px; line-height:36px; font-family:"Poppins", Arial, Verdana; font-weight:600; text-align:center; color:#FFF; padding:0 10px; border:1px solid rgba(35, 31, 32, 0.3); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration:0.5s; cursor:pointer;} .submitButton:hover {background:#F68A1F; 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, .projectContactInput input:required ~ label:after {content:"*"; color:#BB0003; margin-left:3px;} .contactCols {float:left;} #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;} footer {background:#246A3F; min-height:100px; color:#FFF; border-top:1px solid #F68A1F; padding:70px 0 0;} #flContainer, #footerMenuContainer, .footerMenu {float:left;} #footerLogo {width:265px; height:55px;} #footerLogo .logoLG {fill:#FFF;} #footerLogo .logoDG {fill:#E6E7E8;} #flContainer {font-size:11px; text-align:center;} .footerMenu {padding:0 20px;} .footerMenu ul {float:left; width:100%; list-style:none; padding:0; margin:0 0 15px;} .footerMenu li {color:#FFF; margin:0 0 22px; font-size:16px; line-height:22px; padding:0;} .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; width:100%; margin-top:50px; position:relative;} #fbBorderT, #fbBorderB {position:absolute; left:0; width:100%; height:1px;} #fbBorderT {top:-2px; background:rgba(0, 0, 0, 0.75)} #fbBorderB {top:-1px; background:rgba(28, 157, 84, 0.75);} #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:#F68A1F; text-decoration:none;} #shareProjectBGContainer {position:fixed; display:table; height:100vh; width:100vw; top:0; left:0; transform:scale(0); z-index:1044;} #shareProjectBGContainer.unfold {transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #shareProjectBGContainer.unfold #shareProjectBG #shareProjectContainer {transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #shareProjectBGContainer.unfold.out {transform:scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #shareProjectBGContainer.unfold.out #shareProjectBG #shareProjectContainer {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #shareProjectBGContainer #shareProjectBG {display:table-cell; background:rgba(35,31,32,0.8); text-align:center; vertical-align:middle;} #shareProjectContainer {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);} #shareProjectContainer {max-width:500px;} #shareProjectContainer {display:inline-flex; flex-direction:row; justify-content:center; align-items:stretch; max-height:90vh;} #shareProjectDiv {float:left; width:100%; padding:5px 10px; overflow-x:hidden; overflow-y:auto;} #shareProjectDiv h6 {text-align:left; font-size:26px; margin:0 0 5px;} #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:#F68A1F; 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:#1C9D54;} #copyShareLink span.copyNow {display:inline-block;} #copyShareLink span.copiedNow {display:none;} .emLink {background:#888;} .rdLink {background:#FF4500;} .piLink {background:#CC0000;} #closeShareProject {position:absolute; background:#F68A1F; 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;} #closeShareProject {top:-27.5px; right:-27.5px;} #closeShareProject:hover {color:#F68A1F; background:#F1F2F3; text-decoration:none;} #cookieUseContainer {position:fixed; bottom:15px; background:rgba(255,255,255,0.95); text-align:center; border:2px solid #1C9D54; 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:#1C9D54;} #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:#1C9D54; width:65%; color:#FFF; font-size:16px; margin:20px 5%; border:2px solid rgba(35, 31, 32, 0.3);} #cookieContinue:hover {background:#246A3F; 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.6; padding:9px 0; position:fixed; right:10px; text-align:center; text-decoration:none; width:49px; z-index:1040; display:none; cursor:pointer; box-sizing:content-box;} #scrollToTop:hover {opacity:0.9;} .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} @keyframes bounce { 0%, 100% {transform:translateX(0px);} 40% {transform:translateX(6px);} 60% {transform:translateX(0px);} } @keyframes leftToRight { 0% {transform:translateX(60px);} 50% {transform:translateX(-60px);} 100% {transform:translateX(60px);} } @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:#246A3F;} 33.3333% {stroke:#1C9D54;} 66.6666% {stroke:#F68A1F;} } @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);} } @media screen and (min-width: 1600px) { #header {width:90%; margin:0 5%;} #mainContent, .container, #footer {width:75%; margin:0 12.5%;} #logo {left:5%;} .grid1, #gridM2 {left:calc(5% + 350px);} #grid2, #gridM5 {right:5%;} #menuSLogo {width:calc(5% + 350px);} #mainMenu, #menuSocial {width:calc(90% - 350px);} #galleryOverlaySlides, #pageGalleryOverlay {width:75%; left:12.5%;} #projectGallery, #thumbsContainer, .slick-slider{max-width:1200px;} #projectCharacteristics ul {columns:4;} } @media only screen and (min-width: 768px) and (max-width: 1599px) { #projectGallery, #thumbsContainer, .slick-slider{max-width:calc(calc(100vh - 80px) * 1.777778);} } @media screen and (min-width: 1320px) and (max-width: 1549px) { #projectCharacteristics ul {columns:3;} } @media only screen and (min-width: 1000px) and (max-width: 1599px) { #header {width:95%; margin:0 2.5%;} #mainContent, .container, #footer {width:90%; margin:0 5%;} #logo {left:2.5%;} .grid1 {left:calc(2.5% + 350px);} #grid2, #gridM5 {right:2.5%;} #menuSLogo {width:calc(2.5% + 350px);} #mainMenu, #menuSocial {width:calc(95% - 350px);} #galleryOverlaySlides, #pageGalleryOverlay {width:90%; left:5%;} } @media screen and (min-width: 768px) and (max-width: 1319px) { #projectCharacteristics ul {columns:2;} } @media only screen and (min-width: 1000px) { .container.projectContent {display:flex; flex-direction:row-reverse;} #projectContactColumn + #lProjectDetails, #projectInfoColumn + #lProjectDetails {width:calc(100% - 390px); margin-right:40px; min-height:500px;} #lProjectDetails {width:100%;} #projectContactColumn, #projectInfoColumn {width:350px;} #projectContactForm, #projectInfoForm {position:sticky; top:75px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #projectContactTitle {border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;} #contactDiv {display:none;} #projectContactContact {display:flex; border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;} #flContainer {width:265px;} #footerLogo {margin-bottom:70px;} #footerMenuContainer {width:500px; margin-left:calc(100% - 765px);} .footerMenu {width:250px; margin:0 0 20px;} .contactMenu li {position:relative; padding:0 0 0 20px;} .footerMenu i {position:absolute; top:3px; left:-10px; width:15px; text-align:center;} } @media only screen and (max-width: 999px) { #header {width:98%; margin:0 1%;} #mainContent, .container, #footer {width:96%; margin:0 2%;} #logo {left:1%;} .grid1 {left:calc(1% + 350px);} #grid2, #gridM5 {right:1%;} #menuSLogo {display:none;} #mainMenu, #menuSocial {width:98%; margin:0 1%;} #galleryOverlaySlides, #pageGalleryOverlay {width:96%; left:2%;} #lProjectDetails {float:left; width:100%;} #projectContactColumn {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;} #projectContactColumn.showContact {bottom:0;} #projectInfoColumn {display:none;} #projectContactTitle {background:#1C9D54; cursor:pointer;} #contactDiv {display:inline-block;} #projectContactContact {display:none;} #projectContactForm {height:calc(70vh - 56px);} #projectContact {height:100%; overflow-y:auto;} #flContainer, #footerMenuContainer, .footerMenu {width:100%;} #flContainer {display:flex; flex-direction:column; justify-content:center; align-items:center; margin-bottom:40px;} #footerLogo {margin-bottom:30px;} .footerMenu {text-align:center;} .footerMenu i {margin-right:10px;} #scrollToTop.projectAdjusted {bottom:56px;} } @media screen and (min-width: 768px) { header, #header {height:100px;} header.slidingHeader, .slidingHeader #header {height:50px;} #logo {top:26px; width:266px; height:56px;} .slidingHeader #logo {top:7px; width:190px; height:40px;} .showMenu {width:100px; height:100px; padding:30px;} .slidingHeader .showMenu {padding:5px 30px;} #mainMenu {height:calc(100% - 170px); margin-top:100px;} .slidingHeader #mainMenu {height:calc(100% - 120px); margin-top:50px;} .grid1 {height:100%;} #grid3, #gridM1, #gridM2 {top:100px;} #grid2, #gridM5 {top:100px; height:calc(100vh - 100px);} .slidingHeader #gridM5 {top:50px; height:calc(100vh - 50px);} #menuSocial a {width:20%;} #galleryOverlaySlides {top:40%;} .slideOverlay h1, .slideH1 {font-size:80px;} .slideH1 {margin-top:-40px;} .slideSubtitle {font-size:22px; margin-right:-10px;} #pageGalleryOverlay {top:100px; height:calc(100% - 100px);} #pageGalleryOverlay h1, #projectPrice {font-size:50px;} #euroPrice span {font-size:20px;} #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;} .projectListC {width:33.3333%;} .projectListLocation {left:100%;} .projectList:hover .projectListLocation {left:10px; transition-delay:0.5s;} .projectListPrice {top:100%;} .projectList:hover .projectListPrice {top:10px; transition-delay:0.3s;} .projectListIcons {right:100%;} .projectList:hover .projectListIcons {right:10px;} #mainGallery li.slick-slide a, .slick-list, .slick-track {height:100% !important;} #whatsApp {right:-100px; top:calc(75vh - 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;} .formInput50 {width:49%;} .formInput50:nth-child(2) {margin:0 2% 20px 0;} .contactCols {width:50%;} .contactCols:first-child, .popupForm .contactCols:nth-child(2) {padding-right:30px;} .contactCols textarea {height:179px} #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, #header {height:70px;} header.slidingHeader, .slidingHeader #header {height:50px;} #logo {top:17px; width:190px; height:40px;} .slidingHeader #logo {top:6px;} #headerSocial {display:none;} .showMenu {width:70px; height:70px; padding:15px;} .slidingHeader .showMenu {padding:5px 15px;} #mainMenu {height:calc(100% - 140px); margin-top:70px;} .slidingHeader #mainMenu {height:calc(100% - 120px); margin-top:50px;} #menuSLogo {width:calc(1% + 255px);} #menuSocial {flex-wrap:wrap; justify-content:center;} #menuSocial a {width:33.3333%; justify-content:center;} .socialTitle {display:none;} #mainMenu li a {font-size:10cqw;} .grid1 {left:calc(1% + 255px); height:70px;} .slidingHeader .grid1 {height:50px;} #grid3, #gridM1, #gridM2 {top:70px;} #grid2, #gridM5 {top:70px; height:calc(100vh - 70px);} .slidingHeader #gridM5 {top:50px; height:calc(100vh - 50px);} #galleryOverlaySlides {top:40%; min-height:20%;} .slideOverlay {float:left; width:98vw; container-type:size; display:flex; flex-direction:column;} .slideOverlay h1, .slideH1 {font-size:11cqw;} .slideH1 {margin-top:-0.5em;} .slideSubtitle {width:calc(100% - 10px); font-size:16px; text-align:right;} #pageGalleryOverlay {top:50px; height:calc(100% - 50px);} #pageGalleryOverlay h1 {font-size:40px;} #projectTitle h1, #projectPrice {font-size:20px;} #euroPrice span {font-size:14px;} #projectTitle address {font-size:14px;} #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;} .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;} #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.projectWA {bottom:56px;} #whatsApp.is-active {bottom:-200px;} .formInput50 {width:100%; margin:0 0 20px;} .contactCols {width:100%;} .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 only screen and (min-width:620px) and (max-width:766px) { .projectListC {width:50%;} } @media only screen and (max-width:619px) { .projectListC {width:100%;} } @media only screen and (max-width:499px) { .languages {padding:0;} .languageRow a {justify-content:center;} .grid1, .languageTitle {display:none;} } a {color:#246A3F; text-decoration:none; transition-duration:0.5s;} a:hover {color:#F68A1F; transition-duration:0.5s; text-decoration:underline;}