body {background:#FFF; margin:0 auto; width:100%; height:100%; font-family:"Roboto", Arial, Verdana, Helvetica; font-size:16px; font-weight:400; color:#231F20;} body.fixed {overflow:hidden;} *, *::before, *::after {box-sizing:border-box;} select, input, textarea {font-family:"Roboto", Arial, Verdana, Helvetica;} select {cursor:pointer;} input:focus, textarea:focus {outline:none !important;} header, #headerContainer, #topGalleryContainer, main, #searchContainer, footer, #socialFooter {float:left; clear:left; width:100%;} header {background:#FFF; margin:0; position:relative;} #headerContainer {margin:40px 0 0; padding:10px 0; webkit-box-shadow:0px 0px 5px 0px rgba(35,31,32,0.5); -moz-box-shadow:0px 0px 5px 0px rgba(35,31,32,0.5); box-shadow:0px 0px 5px 0px rgba(35,31,32,0.5);} .container {display:inline-block; transition-duration:0.5s;} header .container {position:relative;} #logo {float:left; width:275px; height:81px; margin:4.5px 0; position:relative;} header h2 {position:absolute; color:#231F20; margin:0; transition-duration:0.5s;} #container {padding:20px 0;} #headerContainer {position:relative; z-index:99;} #headerContact {float:right; width:275px; height:48px; line-height:24px; text-align:right; margin:21px 0;} #headerContact a {color:#231F20;} #headerContact a:hover {color:#E4DA00; text-decoration:none;} #headerContact i {color:#126E2D; margin-right:3px;} #topLine {position:absolute; top:0; left:0; background:#F4F4F4; width:100%; height:40px; padding:5px 0;} #languagesContainer {float:right; margin:2px 0; height:26px; position:relative; z-index:1;} .languageHolder {float:left; width:26px; height:26px; margin-left:5px; position:relative; overflow:hidden;} .languageHolder img {position:absolute; top:0; cursor:pointer; opacity:0.5; transition-duration:0.5s;} .languageHolder img.languageSelected, .languageHolder img:hover {opacity:1;} #enLang {left:0;} #esLang {left:-27px;} #deLang {left:-54px;} #frLang {left:-81px;} #nlLang {left:-108px;} #ruLang {left:-135px;} #socialIcons {float:left; height:24px; margin:3px 0; position:relative; z-index:1;} #socialFIcons {float:left; width:100%; height:26px; text-align:center; margin:0 0 15px;} .socialLink {text-align:center; display:inline-block; border-radius:17px; -moz-border-radius:17px; -webkit-border-radius:17px; overflow:hidden;} #socialIcons .socialLink {float:left; background:#126E2D; color:#FFF; width:24px; height:24px; font-size:15px; line-height:24px; margin-right:8px;} #socialIcons .socialLink:last-child {margin-right:0;} #socialIcons .socialLink i {height:24px; line-height:24px;} #socialFIcons .socialLink {background:#FFF; color:#126E2D; width:26px; height:26px; font-size:16px; line-height:26px;} #socialFIcons .socialLink i {height:26px; line-height:26px;} .socialLink:hover {color:#FFF !important;} .fbLink:hover {background:#3B5998 !important;} .ytLink:hover {background:#F00 !important;} .rssLink:hover {background:#EE802F !important;} .liLink:hover {background:#0073B1 !important;} .twitterLink:hover {background:#1DA1F2 !important;} .instaLink:hover {background:#f09433 !important; background:-moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important; background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ) !important;} #siteSearch {position:absolute; transition-duration:0.5s;} #siteSearchKeywords {float:left; background:#FCFCFC; color:#818181; font-family:Arial, Verdana, Helvetica; border:1px solid #BBB; transition-duration:0.5s; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #siteSearchKeywords::placeholder {font-style:italic;} #siteSearchKeywords:focus {color:#231F20; border:1px solid #126E2D;} #siteSearchSubmit {float:left; width:32px; background:none; font-size:24px; border:none; margin:3px 0; padding:0 5px; cursor:pointer; transition-duration:0.5s;} #siteSearchKeywords:focus + #siteSearchSubmit:hover {color:#E4DA00;} #affiliateLogos {float:left; width:calc(50% - 180px); height:30px; text-align:center; margin:0;} #affiliateLogos img {width:auto; height:30px;} #affiliateFooterLogos {float:left; width:100%; height:50px; margin:5px 0;} .aippLogoContainer {margin-right:10px;} header .aippLogoContainer {width:59px; height:30px;} #footerContainer .aippLogoContainer {width:100px; height:50px;} .aippLogoContainer, #affiliateLogos img {display:inline-block;} .aippLogo {position:relative; padding-bottom:50.3%; height:auto; overflow:hidden;} .aippLogo iframe {border:0px; margin:0px; padding:0px; backgroundcolor:transparent; top:0px; left:0px; width:100%; height:100%; position:absolute;} #portfolioLink, #clientLoginLink {float:left; height:30px; line-height:30px; display:block; color:#126E2D; font-weight:700; text-decoration:none;} #portfolioLink i, #clientLoginLink i, #alreadyInPortfolio i {color:#E4DA00; transition-duration:0.5s;} #portfolioLink:hover, #clientLoginLink:hover {text-decoration:underline;} #portfolioLink:hover i, #clientLoginLink:hover i {color:#126E2D;} nav {float:left; width:100%; min-height:40px;} #menuSlide {float:left; width:100%; background:rgb(39,157,74); background:-moz-linear-gradient(top, rgba(39,157,74,1) 0%, rgba(37,137,66,1) 50%, rgba(18,110,45,1) 50%, rgba(53,176,89,1) 100%); background:-webkit-linear-gradient(top, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); background:linear-gradient(to bottom, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#279d4a', endColorstr='#35b059',GradientType=0 ); position:relative; min-height:40px; z-index:9997;} #menuSlide .container {display:block;} #mainMenu {min-height:40px; margin:0 auto; position:relative; z-index:597;} #mainMenu.tabletMenu {} ul#mainMenu {width:100%; list-style:none; text-align:center; padding:0;} ul.subMenu {width:100%;} #mainMenu li{float:left; list-style:none; position:relative; margin:0; padding:0; cursor:pointer;} ul.subMenu {position:absolute; left:0; top:40px; display:none; display:none; margin:0; padding:0;} ul.subMenu li{float:left; height:40px; list-style:none; overflow:hidden;} #mainMenu a {height:40px; line-height:40px; color:#FFF; font-weight:700; font-size:14px; text-align:center; margin:0; padding:0; text-decoration:none; overflow:hidden;} ul.subMenu a{width:298px !important; background:#35B059; font-size:12px; text-decoration:none; text-align:center; display:block; border-bottom:1px solid #126E2D;} #mainMenu a:hover, #mainMenu a.selectedPage, a.selectedSub, ul.subMenu a:hover,ul.subMenu a.selected {color:#E4DA00 !important; text-decoration:none;} #subMenusContainer {float:left; background:#282828; width:100%; display:none;} #subMenus {width:1170px; margin:0 auto 15px; padding:0;} #mainMenu a span {display:inline-block; color:#FFF; vertical-align:middle; position:relative; overflow:hidden; transition-duration:0.5s;} #mainMenu li:hover > a span, #mainMenu a.selectedPage span {color:#E4DA00;} #showMenu {float:left; width:30px; height:30px; line-height:30px; display:block; color:#FFF; font-size:24px; margin:5px 0 5px 5px; text-align:center; border:1px solid #FFF; position:relative; overflow:hidden; z-index:598; cursor:pointer; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} #showMenu i {padding:2.5px 0 0;} #showMenu:hover {color:#E4DA00; border-color:#E4DA00; text-decoration:none;} h1, h2, h3, h4, h5, h6 {font-size:24px; font-weight:700; color:#126E2D; margin:5px 0 10px;} #homeGalleryContainer, #pageGalleryContainer, #propertyGalleryContainer {float:left; width:100%; position:relative;} #pageGalleryContainer, #pageGallery, #pageGalleryOverlay, #pageGalleryTitle, #propertyPrice {height:350px;} #propertyGalleryContainer, #propertyGallery, #propertyGalleryOverlay, #propertyGalleryTitle, #propertyGalleryOverlay #propertyPrice {height:400px;} #homeGallery, #pageGallery, #propertyGallery {float:left; width:100%; height:100%; position:relative; overflow:hidden;} .homeGallery, .pageGallery, .localGallery {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;} .homeGallery img, #pageGallery img, #propertyGallery img, .pageGallery img, .homeGallery video, #pageGallery video, .pageGallery video {position:absolute; bottom:0; left:-9999px; right:-9999px; width:auto; margin:auto; display:block;} #pageGallery img, #propertyGallery img, #pageGallery video {min-height:calc(100% + 120px);} #pageGalleryOverlay, #propertyGalleryOverlay {position:absolute; display:table;} #pgO {position:absolute; top:0; left:0; width:100%; height:100%; z-index:990;} #pageGalleryOverlay, #propertyGalleryOverlay {position:absolute; display:table; z-index:991; transition-duration:0.5s;} #pageGalleryTitle, #propertyGalleryTitle, #propertyPrice {display:table-cell; vertical-align:middle;} #pageGalleryTitle h1, #propertyGalleryTitle h1 {float:left; width:100%; color:#FFF; font-size:40px; text-shadow:2px 2px 2px rgba(0,0,0,1); transition-duration:0.5s;} #pageGalleryTitle time {color:#FFF; font-size:14px; font-style:italic;} #pageGalleryTitle address, #propertyGalleryTitle address {float:left; width:100%; color:#FFF; font-size:16px; text-shadow:2px 2px 2px rgba(0,0,0,1);} #homeGallery h1 {position:absolute; bottom:4px; color:#FFF; font-size:16px; text-align:right; margin:0; text-shadow:2px 2px 2px rgba(0, 0, 0, 1); z-index:2;} main {min-height:394px;} #homeSearchContainer {position:absolute; background:rgba(39,157,74,0.9); background:-moz-linear-gradient(top, rgba(39,157,74,0.9) 0%, rgba(37,137,66,0.9) 50%, rgba(18,110,45,0.9) 50%, rgba(53,176,89,0.9) 100%); background:-webkit-linear-gradient(top, rgba(39,157,74,0.9) 0%,rgba(37,137,66,0.9) 50%,rgba(18,110,45,0.9) 50%,rgba(53,176,89,0.9) 100%); background:linear-gradient(to bottom, rgba(39,157,74,0.9) 0%,rgba(37,137,66,0.9) 50%,rgba(18,110,45,0.9) 50%,rgba(53,176,89,0.9) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6279d4a', endColorstr='#e635b059',GradientType=0 ); padding:0 5px; top:10px; border:1px solid #FFF; border-radius:0 8px 0 8px; -moz-border-radius:0 8px 0 8px; -webkit-border-radius:0 8px 0 8px; box-shadow: 1px 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5); z-index:3; transition-duration:0.5s;} #homeSearchForm {float:left; width:100%; height:328px;} .formX {float:left; width:50%; margin-bottom:12px;} .searchFormTitle {float:left; width:45%; font-size:16px; font-weight:700; color:#FFF; line-height:20px; height:20px; clear:left; transition-duration:0.5s;} #homeSearchContainer h2 {float:left; width:100%; margin:5px 0 10px; font-size:18px; color:#FFF; text-align:center;} #propertyRef, #homeSearchForm select {float:left; background:#FFF; width:50%; font-family:Arial, Verdana, Helvetica; font-size:15px; padding:4px 8px; margin:0 2.5% 7px; border:1px solid #C5C5C5; border-radius:0 4px 0 4px; -moz-border-radius:0 4px 0 4px; -webkit-border-radius:0 4px 0 4px;} .rightSelect {margin-right:0 !important;} .searchTitleRight {margin-left:2.5%; clear:none !important;} #searchCount {float:left; background:url(https://www.vipalmeria.com/images/searchCountBG.png) center no-repeat; width:90%; height:30px; line-height:24px; font-size:14px; padding:3px 0; text-align:center; color:#E4DA00; font-weight:700; margin:5px 5% 10px;} #searchButton {position:absolute; bottom:6px; right:6px; background:rgb(39,157,74); background:-moz-linear-gradient(top, rgba(39,157,74,1) 0%, rgba(37,137,66,1) 50%, rgba(18,110,45,1) 50%, rgba(53,176,89,1) 100%); background:-webkit-linear-gradient(top, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); background:linear-gradient(to bottom, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#279d4a', endColorstr='#35b059',GradientType=0 ); width:135px !important; height:30px !important; line-height:22px !important; color:#FFF !important; font-weight:normal; font-size:18px; text-align:center; border:2px solid #FFF; padding:0 5px !important; margin:0 !important; z-index:2; cursor:pointer; -webkit-box-shadow:0px 0px 3px 0px rgba(51,51,51,1); -moz-box-shadow:0px 0px 3px 0px rgba(51,51,51,1); box-shadow:0px 0px 3px 0px rgba(51,51,51,1); border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; transition-duration:0.5s;} #searchButton:hover, #searchRefNo:hover, #getMortgage:hover, #hideMortgageResults:hover, #sendContact:hover, #sendContactM:hover, #showFilter:hover, #showSearchMap:hover, #propertyNav a:hover, .submitButton:hover, #sendExContact:hover, #sendExContactM:hover {background:rgb(50,126,72); background:-moz-linear-gradient(top, rgba(50,126,72,1) 0%, rgba(26,115,52,1) 50%, rgba(18,110,45,1) 50%, rgba(63,137,85,1) 100%); background:-webkit-linear-gradient(top, rgba(50,126,72,1) 0%,rgba(26,115,52,1) 50%,rgba(18,110,45,1) 50%,rgba(63,137,85,1) 100%); background:linear-gradient(to bottom, rgba(50,126,72,1) 0%,rgba(26,115,52,1) 50%,rgba(18,110,45,1) 50%,rgba(63,137,85,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#327e48', endColorstr='#3f8955',GradientType=0 ); color:#FFF; border:2px solid #F1F2F3; -webkit-box-shadow:0px 0px 1.5px 0px rgba(51,51,51,1); -moz-box-shadow:0px 0px 1.5px 0px rgba(51,51,51,1); box-shadow:0px 0px 1.5px 0px rgba(51,51,51,1); text-decoration:none;} #homeSelect {float:left; width:100%; margin:40px 0;} #homeSelectContainer {float:left; width:100%; padding:0; margin:0; list-style:none;} .fpSelectC {float:left;} .fpSelect {float:left; background:#F1F2F3; width:100%; aspect-ratio:477/268; overflow:hidden; border:1px solid #CCC; border-radius:0 8px 0 8px; -moz-border-radius:0 8px 0 8px; -webkit-border-radius:0 8px 0 8px; position:relative; transition-duration:0.5s;} .fpSelect:hover {border:1px solid #F1F2F3; box-shadow:0px 0px 2px 1px rgba(0,0,0,.5); -webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,.5); -moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,.5);} .fpSelect img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto; min-width:100%; height:auto; min-height:100%; transition-duration:0.5s;} .fpSelectCaption {position:absolute; background:-moz-linear-gradient(top, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.5) 100%); background:-webkit-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.5) 100%); background:linear-gradient(to bottom, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.5) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#80ffffff',GradientType=0 ); left:0; bottom:0; width:100%; min-height:70px; padding-top:6px; border-top:1px solid #FFF; -webkit-box-shadow:0px 0px 5px 0px rgba(35,31,32,0.7); -moz-box-shadow:0px 0px 5px 0px rgba(35,31,32,0.7); box-shadow:0px 0px 5px 0px rgba(35,31,32,0.7);} .fpSelectCaption h2 { font-family:"Roboto", Arial, Verdana, Helvetica; font-size:18px !important; padding:5px !important; margin:0 !important;} .fpSelectCaption p {float:left; width:100%; font-family:"Roboto", Arial, Verdana, Helvetica; color:#231F20; font-size:14px; margin:0 0 5px; padding:0 5px 5px;} #pageBreadcrumb {float:left; width:100%; background:#F1F2F3; 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;} #pageBreadcrumb li a {color:#231F20;} #pageBreadcrumb li a:hover {color:#126E2D; text-decoration:underline;} .mainContent {width:100%; display:inline-block; margin-bottom:40px;} /*.mainContent:nth-of-type(even) {background:#FAFAFA; padding:20px 0;}*/ .featuredContainer, .latestContainer, .darkerContainer, .mainContent.grey {background:#FAFAFA; padding:20px 0;} .mainContent p {line-height:20px; text-align:justify;} .gm-style-moc p {text-align:center !important;} .mainContent p a {font-weight:500;} .mainContent p strong {font-weight:700;} #pageBreadcrumb + .mainContent {margin-top:40px;} .mainContentW, .mainContentN {float:left;} .mainContent iframe {max-width:100%;} .textWBG {position:relative;} .textBG, .latestNewsC {width:100%; position:relative; padding:20px 0;} .textBG {overflow:hidden;} .textBGCover {position:absolute; background:rgba(35, 31, 32, 0.5); top:0; left:0; width:100%; height:100%;} .textWBG .container {color:#FFF; position:relative; z-index:1;} .textRow {float:left; width:100%; text-align:justify;} .textRow, .centredText, .centredTextWide, .textPic, .textSearch {position:relative;} .centredText, .centredTextWide, .textPic, .textSearch {min-height:220px;} .textRow img {max-width:100%; height:auto !important;} .centredText p, .centredTextWide p {text-align:justify;} .centredText, .centredTextWide {float:left; text-align:center;} .centredText.justifyLeft {clear:both; text-align:left;} .centredText img, .centredTextWide img {max-width:100%; height:auto;} .textPicContainer.mainContent:first-child {margin:40px auto 20px !important;} .halfColText {float:left; text-align:justify; padding:0 2%; position:relative;} .halfColPic, .weatherContainer {overflow:hidden;} .textPicLeft .halfColPic, .textPicLeft .weatherContainer, .textPicLeft .facebookContainer {float:left; clear:left;} .textPicRight .halfColPic, .textPicRight .weatherContainer, .textPicRight .facebookContainer {float:right; clear:right; transition-duration:0.5s;} .halfColPic img, .halfColPic iframe {width:100%; height:auto;} .halfColPic img {width:calc(100% - 15px); height:auto; margin:5px 10px 5px 5px; -webkit-box-shadow:3px 3px 8px 0px rgba(98,99,98,1); -moz-box-shadow:3px 3px 8px 0px rgba(98,99,98,1); box-shadow:3px 3px 8px 0px rgba(98,99,98,1);} .halfColPic iframe {width:100%; min-height:450px; transition-duration:0.5s;} .reviewsContainer {float:left; width:100%; margin:30px 0 0;} .reviewsContainer .slick-slide {overflow:visible !important;} .mainContentW li, .textRow li {margin-bottom:4px;} .boxRow {display:flex; flex-wrap:wrap;} .oneBoxes, twoBoxes, .threeBoxes, fourBoxes, .featuredContainer, .latestContainer, .categoryContainer, .similarProperties {float:left; width:100%; padding:25px 0; margin:0 0 25px;} .oneBoxes, twoBoxes, .threeBoxes, fourBoxes {text-align:center;} .featuredContainer, .latestContainer, .categoryContainer, .similarProperties {text-align:justify;} .oneBox, .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox, .beachList {float:left; background-clip:padding-box; text-align:justify;} .oneBox img, .twoBox img, .threeBox img, .fourBox img {width:100%; height:auto;} .fourBox {min-height:150px;} .oneBox, .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox, .similarProperty, .beachList {background-clip:padding-box; text-align:left; display:inline-block; position:relative; align-items:center;} .oneBox, .twoBox, .threeBox, .fourBox {border-left:15px solid transparent; border-right:15px solid transparent;} .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .similarProperty {border-left:11px solid transparent; border-right:11px solid transparent;} .oneBox, .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox, .beachList {vertical-align:central;} .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox {overflow:hidden;} .similarProperty {vertical-align:top;} .oneBox {width:80%; margin:0 10% 40px;} .twoBox {width:50%;} .similarPropertyRow {float:left; width:100%; display:table-cell; vertical-align:top;} .similarProperty {margin-bottom:20px;} .newsContainer .threeBox {position:relative;} .latestNewsMain .threeBox {border-left:15px solid transparent !important; border-right:15px solid transparent !important; border-bottom:30px solid transparent;} .newsBoxImage {float:left; width:100%; aspect-ratio:16/9; overflow:hidden; position:relative; border-radius:0 8px 0 8px; -moz-border-radius:0 8px 0 8px; -webkit-border-radius:0 8px 0 8px; overflow:hidden;} .newsBoxImage img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;} .newsBoxTitle {position:absolute; bottom:0; left:0; width:100%; background:rgba(21, 67, 114, 0.65); color:#FFF; padding:5px 10px; backdrop-filter:blur(10px);} .newsBoxIntro {float:left; width:100%; padding:10px 0;} .mainContentW .newsBoxIntro {font-size:14px;} .latestNewsMain .newsBoxTitle h2, .latestNewsMain .newsBoxTitle h3, .latestNewsMain .newsBoxTitle h4, .latestNewsMain .newsBoxTitle h5, .latestNewsMain .newsBoxTitle h6 {font-size:20px;} .newsBoxTitle h2, .newsBoxTitle h3, .newsBoxTitle h4, .newsBoxTitle h5, .newsBoxTitle h6, .newsBoxTitle h2 a, .newsBoxTitle h3 a, .newsBoxTitle h4 a, .newsBoxTitle h5 a, .newsBoxTitle h6 a {color:#FFF !important; text-align:center; margin:0 !important;} .newsBoxTitle h2 a:hover, .newsBoxTitle h3 a:hover, .newsBoxTitle h4 a:hover, .newsBoxTitle h5 a:hover, .newsBoxTitle h6 a:hover {color:#E4DA00 !important; text-decoration:none;} p.newsBoxDate {font-size:12px; margin:5px 0;} .postEntry {float:left; background:#FCFCFC; width:100%; margin-bottom:60px; border:1px solid #F0F0F0; padding:5px 10px; border-radius:0 6px 0 6px; -moz-border-radius:0 6px 0 6px; -webkit-border-radius:0 6px 0 6px;} .postDate {float:left; width:100%; font-size:12px; font-style:italic;} .postEntry p {float:left; width:100%;} a.postEntryLink {float:right; height:40px; line-height:20px; background:#126E2D; color:#FFF !important; text-align:center; text-decoration:none; display:inline-block; border:1px solid #135889; padding:10px 20px; margin:15px auto; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;} a.postEntryLink:hover {background:#E4DA00; color:#231F20 !important; text-decoration:none;} a.latestNewsBack {position:absolute; top:-30px; left:0;} .latestNewsC img {border-radius:0 8px 0 8px; -moz-border-radius:0 8px 0 8px; -webkit-border-radius:0 8px 0 8px;} .latestNewsC img[style*="float:right"], .latestNewsC img[style*="float: right"] {margin:0 0 10px 10px;} .latestNewsC img[style*="float:left"], .latestNewsC img[style*="float: left"] {margin:0 10px 10px 0;} .postArchive {padding:0; margin:0 15px 40px; list-style:none;} .postArchive, .postArchive li, .postArchive a, .monthArchive, .monthArchive li {float:left; width:100%;} .postArchive li {padding:0; margin:0 0 5px;} .yearArchive {font-size:18px; font-weight:600; margin:0 0 5px; cursor:pointer;} .selArchive {color:#2E99D1 !important; text-decoration:none;} .monthArchive {margin:0 0 0 30px !important; padding:0; display:none; list-style:none;} .monthArchive li {font-size:16px !important;} .selArchiveYear {display:block;} .mainContent hr {width:100%; height:1px; background:rgb(220,220,220); background:linear-gradient(90deg, rgba(220,220,220,0) 0%, rgba(220,220,220,1) 25%, rgba(220,220,220,1) 75%, rgba(220,220,220,0) 100%); border:none; margin:40px 0;} .boxImage {float:left; width:100%; height:150px; overflow:hidden; position:relative;} .boxImage img, .featPropImage img {position:absolute; width:100%; height:auto; min-height:100%; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;} .boxImage img {transform:scale(1); transition:transform 0.2s ease 0s;} .boxImage img:hover {transform:scale(1.2);} .boxTitle {float:left; width:100%;} .boxTitle h2, .boxTitle h3, .boxTitle h4, .boxTitle h5, .boxTitle h6 {font-size:18px; margin:5px;} .boxTitle a {float:left; width:100%; height:30px; line-height:30px; background:#0E76BC; text-align:center; color:#FFF !important; text-decoration:none; transition-duration:0.5s;} .boxTitle a:hover {background:#0C5281; color:#FFF; text-decoration:none;} .tpBoxC {width:40%; display:inline-block; position:relative; overflow:hidden; -webkit-box-shadow:0px 0px 10px 0px rgba(86,86,86,1); -moz-box-shadow:0px 0px 10px 0px rgba(86,86,86,1); box-shadow:0px 0px 10px 0px rgba(86,86,86,1);} .tpBoxC:after, .tpBoxT:after {content:""; padding-top:56.25%; display:block;} .tpBoxT {width:60%; display:inline-block; position:relative; overflow:hidden; -webkit-box-shadow:0px 0px 10px 0px rgba(86,86,86,1); -moz-box-shadow:0px 0px 10px 0px rgba(86,86,86,1); box-shadow:0px 0px 10px 0px rgba(86,86,86,1);} .tPBox {position:absolute; top:0; bottom:0; right:0; left:0;} .tpBoxC.boxOne {float:right; margin-top:0;} .tpBoxC.boxTwo {float:left; left:50%; margin:10% 0 0 -25%; position:relative;} .tpBoxC.boxThree {float:left; clear:both; margin-top:-10%;} .tpBoxT.boxOne {float:right; margin-top:-5%;} .tpBoxT.boxTwo {float:left; clear:both; margin-top:-15%;} .tPBox img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto; display:block; width:100%; min-width:100%; height:auto; min-height:100%;} #floorLinks {float:left; width:100%; margin-bottom:10px;} #floorLinks a {float:left; height:40px; line-height:40px; color:#FFF; font-weight:700; padding:0 10px; margin:0 10px 10px 0; background: -moz-linear-gradient(top, #289ad1 0%, #006290 50%, #0f4972 50%, #40a2d7 100%); background: -webkit-linear-gradient(top, #289ad1 0%,#006290 50%,#0f4972 50%,#40a2d7 100%); background: linear-gradient(to bottom, #289ad1 0%,#006290 50%,#0f4972 50%,#40a2d7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#289ad1', endColorstr='#40a2d7',GradientType=0 ); border:1px solid #126E2D; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer; z-index:100;} #floorLinks a:last-of-type {margin:0;} #floorLinks a.selectedFloor, #floorLinks a:hover {color:#E4DA00; text-decoration:none; background: -moz-linear-gradient(top, #40a2d7 0%, #0f4972 50%, #006290 50%, #289ad1 100%); background: -webkit-linear-gradient(top, #40a2d7 0%, #0f4972 50%, #006290 50%, #289ad1 100%); background: linear-gradient(to bottom, #40a2d7 0%, #0f4972 50%, #006290 50%, #289ad1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a2d7', endColorstr='#289ad1',GradientType=0 );} #floorPlan {float:left; width:100%; position:relative; transition-duration:0.5s;} #floorPlanPL {float:left; display:none;} #mapster_wrap_0, #mapster_wrap_1, #mapster_wrap_2, #mapster_wrap_3, #mapster_wrap_4, #mapster_wrap_5, #mapster_wrap_6 {height:auto !important; transition-duration:0.5s;} .featPropImage {float:left; width:calc(100% - 8px); margin:4px 4px 10px; position:relative; border:2px solid #FFF; border-radius:0 8px 0 8px; -moz-border-radius:0 8px 0 8px; -webkit-border-radius:0 8px 0 8px; overflow:hidden; transition-duration:0.5s;} .featuredThreeBox:hover .featPropImage, .featuredFourBox:hover .featPropImage, .latestThreeBox:hover .featPropImage, .latestFourBox:hover .featPropImage {-webkit-box-shadow:0px 0px 4px 0px rgba(35,31,32,0.6); -moz-box-shadow:0px 0px 4px 0px rgba(35,31,32,0.6); box-shadow:0px 0px 4px 0px rgba(35,31,32,0.6);} .featPropTitle {float:left; width:calc(100% - 8px); margin:0 4px;} .featPropTitleT, .featPropRef {float:left;} .featPropTitleT {width:100%; font-weight:500; margin-bottom:5px;} .featPropPrice {float:right; font-weight:500;} .similarPropOverlay {position:absolute; top:0; left:0; width:100%; height:auto;} .similarPropOverlay img {width:auto !important; height:100% !important;} .centredText {width:75%; padding:0 1%; margin:0 12.5%;} .centredTextWide {width:100%; padding:0 1%; margin:0;} .weatherContainer {max-height:311px; padding-bottom:35px; position:relative; overflow:hidden; border:1px solid #126E2D; border-radius:0 8px 0 8px; -moz-border-radius:0 8px 0 8px; -webkit-border-radius:0 8px 0 8px; transition-duration:0.5s;} .weatherContainer, .facebookContainer {max-width:500px;} .weatherMainTitle {float:left; width:100%; height:25px; line-height:25px; background:#126E2D; color:#FFF; padding:0 10px; position:relative; z-index:1;} .weatherMainTitle h3 {font-size:16px; color:#FFF; margin:0;} .weatherNow, .weatherNext {float:left; width:96%; border:1px solid #FFF; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; position:relative; z-index:1;} .weatherNow {margin:20px 2% 30px;} .weatherNext {margin:10px 2%;} .weatherNowC, .weatherNextC {float:left; width:calc(100% - 4px); height:calc(100% - 4px); background:-moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(0,0,0,0.5) 50%, rgba(255,255,255,0.4) 100%); background:-webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(0,0,0,0.5) 50%,rgba(255,255,255,0.4) 100%); background:linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(0,0,0,0.5) 50%,rgba(255,255,255,0.4) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#66ffffff',GradientType=0 ); margin:2px; padding:0 10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; text-shadow:1px 1px 1px rgba(0, 0, 0, 1);} .weatherTitle {float:left; width:100%; font-size:16px; font-weight:700; text-align:center !important; color:#FFF; margin:5px 0;} .weatherTemp {float:left; width:calc(66.6666% - 65px); height:55px; color:#FFF;} .weatherContentTempMinMax {float:left; width:50%; height:60px; line-height:60px; font-size:12px; font-weight:700;} .weatherContentTempMinMax span {display:inline-block; vertical-align:middle; line-height:16px;} .weatherContentTemp {float:left; width:50%; height:60px; line-height:60px; font-size:32px; font-weight:700; text-align:center;} .weatherImage {float:left; width:55px; height:60px; margin:0 0 0 10px;} .weatherImage img {margin:2.5px 0;} .weatherContentSmall {float:left; width:33.3334%; line-height:20px; font-size:14px; color:#FFF; text-align:right !important; margin:0;} .weatherNextDay {float:left; width:33.3334%; color:#FFF; font-weight:700; padding:0 5px;} .smallWeatherTitle {float:left; width:100%; font-size:14px; text-align:center !important; margin:5px 0 0;} .smallWeatherTitle span {font-size:12px;} .smallWeatherImage {float:left; width:38px; height:38px; margin:0 10px 0 0;} .smallWeatherMinMaxTemp {float:left; width:calc(100% - 48px); height:38px; line-height:38px; font-size:14px; color:#FFF;} .smallWeatherMinMaxTemp span {display:inline-block; vertical-align:middle; line-height:18px;} .weatherBG {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;} .weatherBG img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; width:auto; margin:auto; display:block;} .weatherCredits {position:absolute; left:0; bottom:0; background:#126E2D; width:100%; height:25px; line-height:25px; font-size:9px; color:#FFF; text-align:center; z-index:1;} .weatherCredits span {display:inline-block; vertical-align:middle; line-height:12px;} .weatherCredits a {color:#E4DA00;} .weatherCredits a:hover {color:#FFF;} .mapContainer {float:left; width:100%; height:700px; margin-bottom:40px; display:block; position:relative; z-index:2; transition-duration:0.5s;} #officeMap, #pano {position:absolute; width:calc(60% - 30px); height:470px; transition-duration:0.5s;} #officeMap {border:none; left:15px; top:15px; z-index:9 !important;} #pano {left:calc(40% + 15px); top:215px; z-index:10 !important;} #mapBg, #mapBgOver, #panoBg {background:#FFF; position:absolute; transition-duration:0.5s;} #mapBgOver {width:calc(60% - 2px); height:498px;} #mapBg, #panoBg {width:60%; height:500px; border:1px solid #CCC; z-index:5;} #mapBg {left:0; top:0;} #mapBgOver {left:1px; top:1px; z-index:6;} #panoBg {left:40%; top:200px;} .testimonial, .testimonialSlide {color:#FFF; text-align:justify; padding:15px 30px; border:1px solid; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; position:relative; transition-duration:0.5s;} .testimonialSlideC {float:left; width:100%; margin-bottom:50px; display:flex !important; justify-content:center; align-items:center;} .testimonial {clear:both; max-width:90%;} .testimonialSlide {margin:0 auto;} #searchFilterContainer .testimonialSlide {max-width:96% !important;} .testimonial:nth-of-type(odd), .testimonialSlideC:nth-of-type(odd) .testimonialSlide {background:#279D4A; border-color:#126E2D; -webkit-box-shadow:1px 1px 4px 0px rgba(35,31,32,0.6); -moz-box-shadow:1px 1px 4px 0px rgba(35,31,32,0.6); box-shadow:1px 1px 4px 0px rgba(35,31,32,0.6);} .testimonial:nth-of-type(odd) {float:left; margin:0 10% 70px 0;} .testimonial:nth-of-type(even), .testimonialSlideC:nth-of-type(even) .testimonialSlide {background:#126E2D; border-color:#0E5824; -webkit-box-shadow:-1px 1px 4px 0px rgba(35,31,32,0.6); -moz-box-shadow:-1px 1px 4px 0px rgba(35,31,32,0.6); box-shadow:-1px 1px 4px 0px rgba(35,31,32,0.6);} .testimonial:nth-of-type(even) {float:right; margin:0 0 70px 10%;} .testimonial::after, .testimonialSlide::after {content:''; position:absolute; width:0; height:0; top:100%; border:.75rem solid transparent;} .testimonial:nth-of-type(odd)::after, .testimonialSlideC:nth-of-type(odd) .testimonialSlide::after {left:1.5em; border-top-color:#279D4A;} .testimonial:nth-of-type(even)::after, .testimonialSlideC:nth-of-type(even) .testimonialSlide::after {right:1.5em; border-top-color:#126E2D;} .testimonial blockquote, .testimonialSlide blockquote {padding:0; margin:0;} .testimonial blockquote::before, .testimonial blockquote::after, .testimonialSlide blockquote::before, .testimonialSlide blockquote::after {font-size:60px; font-family:Arial, Verdana, Helvetica; line-height:0; text-shadow:2px 2px 2px rgba(34, 31, 32, 0.7);} .testimonial blockquote::before, .testimonialSlide blockquote::before {content:'“'; position:absolute; top:34px; left:5px;} .testimonial blockquote::after, .testimonialSlide blockquote::after {content:'”'; margin-left:2px; vertical-align:bottom;} .testimonial p, .testimonialSlide p {display:inline; line-height:22px; margin:0;} .testimonialName {position:absolute; bottom:-40px; color:#231F20; font-size:22px; font-weight:700;} .testimonial:nth-of-type(odd) .testimonialName, .testimonialSlideC:nth-of-type(odd) .testimonialName {left:1em; text-align:left;} .testimonial:nth-of-type(even) .testimonialName, .testimonialSlideC:nth-of-type(even) .testimonialName {right:1em; text-align:right;} .pageSection {float:left; width:100%; margin-bottom:40px; position:relative;} .pageSection iframe {position:absolute; top:0; left:0; width:100%; height:100%;} .oasisGalleryC {float:left; width:100%;} .oasisGallery {float:left; width:100%; height:100%; position:relative; overflow:hidden; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .galleryNav {float:right;} .galleryNav .slick-dots {float:left; line-height:40px; text-align:center; padding:0; margin:0; z-index:1001;} .galleryNav .slick-dots li {display:inline-block; position:relative; margin:12px 5px;} .galleryNav .slick-dots li:first-child {margin-left:0;} .galleryNav .slick-dots li:last-child {margin-right:0;} .galleryNav .slick-dots li button {background:rgba(21, 67, 114, 0.05); width:16px; height:16px; font-size:0; line-height:0; display:block; padding:5px; cursor:pointer; color:transparent; border:1px solid #126E2D; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; transition-duration:0.5s;} .galleryNav .slick-dots li.slick-active button {background:#126E2D;} .galleryNav .slick-dots li button:hover {background:rgba(21, 67, 114, 0.8);} .oasis50 .galleryNav .slick-dots li button {background:rgba(255, 255, 255, 0.05); border:1px solid #FFF;} .oasis50 .galleryNav .slick-dots li.slick-active button {background:#FFF;} .oasis50 .galleryNav .slick-dots li button:hover {background:rgba(255, 255, 255, 0.8);} #oasisPrev, #panoramaDots, #oasisNext, .oasisPrev, .oasisNext, .oasisGalleryDots, #pGalleryPrev, #pGalleryNext, #pGalleryDots {float:left; background:none !important; height:40px; line-height:40px;} #oasisPrev, .oasisPrev, #panoramaDots, .oasisGalleryDots, #pGalleryPrev, #pGalleryDots {margin-right:30px;} #oasisPrev, #oasisNext, .oasisPrev, .oasisNext, #pGalleryPrev, #pGalleryNext {font-size:34px !important; cursor:pointer;} #oasisPrev:hover, #oasisNext:hover, .oasisPrev:hover, .oasisNext:hover, #oasisLPrev:hover, #oasisLNext:hover, .oasisLPrev:hover, .oasisLNext:hover, #pGalleryPrev:hover, #pGalleryNext:hover {text-decoration:none;} .galleryLNav {position:absolute; top:0; left:0; width:100%; height:calc(100% - 40px);} #oasisLPrev, #oasisLNext, .oasisLPrev, .oasisLNext {float:none; position:absolute !important; background:none !important; top:0; width:50% !important; height:100% !important; display:block; cursor:pointer;} #oasisLPrev, .oasisLPrev {left:0;} #oasisLNext, .oasisLNext {right:0;} .oasis50 {float:left; background:#147EB1; color:#FFF; font-size:16px; line-height:20px; border:1px solid #126E2D; padding:30px 40px; display:flex; align-items:center; flex:1; overflow:hidden;} .oasis50G {display:grid;} .oasis50Ex {font-size:18px; line-height:22px; padding:60px 40px;} .oasis50 .oasisGalleryC {position:relative;} .oasis50 .oasisGallery {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} .oasis50 .galleryNav {float:left; width:100%; display:flex; justify-content:center;} .oasisPrev, .oasisNext, .oasisGalleryDots {float:none; display:inline-block;} .oasis50 .oasisPrev, .oasis50 .oasisNext {width:auto !important; margin-top:0; margin-left:0; margin-bottom:0;} .oasisLPrev, .oasisLNext, .oasis50 .oasisNext {margin:0 !important;} .oasis50 h1, .oasis50 h2, .oasis50 h3, .oasis50 h4, .oasis50 h5, .oasis50 h6 {color:#FFF !important; font-weight:400; text-transform:uppercase; letter-spacing:2px;} .oasis50 h1 a, .oasis50 h2 a, .oasis50 h3 a, .oasis50 h4 a, .oasis50 h5 a, .oasis50 h6 a, .oasis50 h1 span, .oasis50 h2 span, .oasis50 h3 span, .oasis50 h4 span, .oasis50 h5 span, .oasis50 h6 span {float:none; width:auto; background:none; text-align:left; color:#FFF; border-bottom:1px solid rgba(255, 255, 255, 0.4); padding-bottom:4px; margin:0 !important;} .oasis50 h1 a, .oasis50 h2 a, .oasis50 h3 a, .oasis50 h4 a, .oasis50 h5 a, .oasis50 h6 a {font-size:24px;} .oasis50Ex h1 span, .oasis50Ex h2 span, .oasis50Ex h3 span, .oasis50Ex h4 span, .oasis50Ex h5 span, .oasis50Ex h6 span {font-size:28px;} .oasis50 h1 a:hover, .oasis50 h2 a:hover, .oasis50 h3 a:hover, .oasis50 h4 a:hover, .oasis50 h5 a:hover, .oasis50 h6 a:hover {background:none; color:#E4DA00; border-bottom:1px solid rgba(228, 218, 0, 0.4);} .oasis50 a {float:left; background:#4D514F; width:90%; height:40px; line-height:40px; color:#FFF; text-transform:uppercase; text-align:center; margin:65px 5% 15px;} .oasis50 a:hover {background:#FFF; color:#4D514F; text-decoration:none;} #panoramaGallery .slick-track {display:flex;} #panoramaGallery .slick-track .slick-slide {display:flex; height:auto; align-items:center; justify-content:center;} .pnlm-load-button p {text-align:center !important;} .mainContentW table {width:100%; margin:15px 0 40px; border:1px solid #999; border-spacing:0; border-collapse:separate; border-radius:0 8px; -moz-border-radius:0 8px; -webkit-border-radius:0 8px; transition-duration:0.5s;} .mainContentW table th, .mainContentW table td {padding:10px; padding:10px; margin:0; border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0;} .openingHoursTable {float:right; max-width:100%; border:1px solid #999; border-spacing:0; border-collapse:separate; border-radius:0 8px; -moz-border-radius:0 8px; -webkit-border-radius:0 8px; transition-duration:0.5s;} .openingHoursTable th, .openingHoursTable td.doW {font-weight:700; background:#F1F2F3;} .openingHoursTable td.wE {font-weight:500; background:#FBFBFB;} .openingHoursTable th, .openingHoursTable td {text-align:center; padding:10px; padding:10px; margin:0; border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0;} .openingHoursTable tr td:last-child, .openingHoursTable tr th:last-child, .mainContentW table tr td:last-child, .mainContentW table tr th:last-child {border-right:none;} .openingHoursTable tbody tr:last-child td, .mainContentW table tbody tr:last-child td {border-bottom:none;} #areaGallery {float:left; width:100%; line-height:0; -webkit-column-count:5; -webkit-column-gap:5px; -moz-column-count:5; -moz-column-gap:5px; column-count:5; column-gap:5px;} .areaInfoList {width:100%; height:100%; overflow:hidden; margin-bottom:5px; position:relative; border:1px solid #BBB;} .areaInfoList img {width:100% !important; height:auto !important;} .areaInfoList, .areaInfoList a, .areaInfoPhotoCaption, .areaInfoPhotoCaption h3 {transition-duration:0.5s;} .areaInfoPhotoCaption {position:absolute; background:-moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.1) 100%); background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.1) 100%); background:linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#1affffff',GradientType=0 ); bottom:0/*-100%*/; left:0; width:100%; line-height:normal; padding:5px 10px; border-top:1px solid #FFF;} .areaInfoPhotoCaption h3 {font-size:22px; color:#E4DA00; margin:5px !important; text-shadow:2px 2px 2px rgb(0, 0, 0);} .areaInfoPhotoCaption p {color:#FFF; font-size:10px; margin:5px; text-shadow:1px 1px 1px rgb(0, 0, 0);} .areaInfoList a:hover .areaInfoPhotoCaption h3 {color:#FFF;} .areaInfoList a:hover .areaInfoPhotoCaption {bottom:0;} #areaInfoPhotosContainer, #areaInfoBeachPhotosContainer {float:right !important;} #areaInfoPhotosContainer li, #areaInfoBeachPhotosContainer li {text-align:center;} #areaInfoPhotosContainer .slick-track, #areaInfoBeachPhotosContainer .slick-track {display:flex;} #areaInfoPhotosContainer .slick-track .slick-slide, #areaInfoBeachPhotosContainer .slick-track .slick-slide {display:flex; height:auto; align-items:center; justify-content:center;} #areaInfoPhotosContainer img, #areaInfoBeachPhotosContainer img {display:inline-block !important;} #areaInfoVideos {float:left; width:100%; text-align:center;} #areaInfoVideos .youtube-player {width:100%; max-width:500px; height:auto; min-height:349px; margin:0 20px; display:inline-block;} #areaInfoSView {float:left; width:100%; height:500px; overflow:hidden;} blockquote.curlyQuotes {margin:10px 0; background:#FAFAFA; padding:5px 32px; text-align:center; font-style:italic; font-size:16px; position:relative; quotes:none; border-radius:6px -moz-border-radius:6px; -webkit-border-radius:6px;} .curlyQuotes:before, .curlyQuotes:after {position:absolute; height:30px; font-size:100px; font-family:Arial, Verdana, Helvetica; font-style:normal; opacity:.2;} .curlyQuotes:before {content:'“'; top:-18px; left:0;} .curlyQuotes:after {content:'”'; bottom:15px; right:0;} .beachList {text-align:center; border:15px solid transparent;} .areaInfoBack {float:left; width:100%; height:40px; line-height:40px; font-size:20px; text-align:center; font-weight:700; margin:40px 0;} #faqQuestions, #searchFilterContent, #postArchiveC {float:left; width:100%; background:#F6F6F6; border:1px solid #C5C5C5; position:relative; border-radius:0 8px 0 8px; -moz-border-radius:0 8px 0 8px; -webkit-border-radius:0 8px 0 8px; overflow:hidden;} #searchFilterForm {float:left; width:100%; color:#231F20; padding:5px 0;} .searchFilterL #searchFilterForm {padding:5px 0 45px;} #faqQuestions h2, #searchFilterContent h2, #postArchiveC h3 {float:left; width:100%; background:rgb(39,157,74); background:-moz-linear-gradient(top, rgba(39,157,74,1) 0%, rgba(37,137,66,1) 50%, rgba(18,110,45,1) 50%, rgba(53,176,89,1) 100%); background:-webkit-linear-gradient(top, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); background:linear-gradient(to bottom, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#279d4a', endColorstr='#35b059',GradientType=0 ); color:#FFF; text-align:center; margin:0 0 15px; padding:15px; border-radius:0 7px 0 0; -moz-border-radius:0 7px 0 0; -webkit-border-radius:0 7px 0 0;} #faqQuestions h2, .searchFilterL h2, #postArchiveC h3 {text-align:left !important;} #faqQuestions p {margin:15px; text-align:left;} #faqQuestions a {cursor:pointer;} #faqAnswers h3 {margin:15px 0 25px;} .topLink {width:100%; font-size:14px; text-align:center; margin:30px 0 80px; cursor:pointer; display:inline-block;} span.faqQuestion {float:left; font-size:22px; line-height:20px; color:#0F3255; font-weight:700; margin:0 5px 0 0;} span.faqAQuestion, span.faqAnswer {float:left; font-size:50px; margin:0 10px 0 0; text-shadow:3px 3px 3px #CCC;} span.faqAQuestion {line-height:24px;} span.faqAnswer {clear:left; line-height:50px; color:#126E2D; font-weight:700;} #searchFilterContent .searchFormTitle {height:33px; line-height:33px; color:#231F20; font-size:16px; margin-bottom:5px;} #searchFilterContent .ui-selectmenu-button {float:left; width:51%; margin:0 0 2% 5px;} #searchProximityList {float:left; width:100%; display:none;} #searchFilterContent #searchCount {background:#35B059; width:calc(100% + 20px); height:auto; color:#E4DA00; font-size:16px; padding:5px 0; margin:10px -10px 20px; -webkit-box-shadow:0px 0px 3px 0px rgba(35,31,32,0.3); -moz-box-shadow:0px 0px 3px 0px rgba(35,31,32,0.3); box-shadow:0px 0px 3px 0px rgba(35,31,32,0.3);} #searchFilterContent #searchButton {bottom:10px;} #searchFilterContent h4 {float:left; width:100%; background:rgb(39,157,74); background:-moz-linear-gradient(top, rgba(39,157,74,1) 0%, rgba(37,137,66,1) 50%, rgba(18,110,45,1) 50%, rgba(53,176,89,1) 100%); background:-webkit-linear-gradient(top, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); background:linear-gradient(to bottom, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#279d4a', endColorstr='#35b059',GradientType=0 ); color:#FFF; font-size:20px; line-height:40px; text-align:center; margin:0; border-bottom:1px solid #C4C4C4;} .searchFilterSection {float:left; width:100%; border-top:1px solid #FFF; border-bottom:1px solid #C4C4C4; padding:10px 10px 5px;} .searchFilterTop {border-top:none !important; padding-top:0;} .searchFilterBottom {border-bottom:none !important; padding-bottom:0;} #searchRefSection {float:left; width:100%;} #searchRefSection .searchFilterSection {padding:20px 10px;} #searchFilterContent input[type="text"], .searchFilterSection select, .checkLabel input[type="checkbox"] {float:left; width:51%; background:#FFF; font-size:16px; padding:8px 10px; margin:0 0 5px 4%; border:1px solid #C5C5C5; border-radius:0 4px 0 4px; -moz-border-radius:0 4px 0 4px; -webkit-border-radius:0 4px 0 4px;} .checkLabel input[type="checkbox"] {display:none;} .sortResults select {background:#FFF; font-size:16px; padding:8px 10px; margin:0 0 5px 4%; border:1px solid #C5C5C5; border-radius:0 4px 0 4px; -moz-border-radius:0 4px 0 4px; -webkit-border-radius:0 4px 0 4px;} /*.searchFilterSection select, .checkLabel input[type="checkbox"], .sortResults select {display:none;}*/ #propertyRefFilter {width:calc(100% - 37px) !important; margin:0 !important; border-radius:3px 0 0 3px !important; -moz-border-radius:3px 0 0 3px !important; -webkit-border-radius:3px 0 0 3px !important;} #searchRefNo {float:left; width:37px; height:37px; background:rgb(39,157,74); background:-moz-linear-gradient(top, rgba(39,157,74,1) 0%, rgba(37,137,66,1) 50%, rgba(18,110,45,1) 50%, rgba(53,176,89,1) 100%); background:-webkit-linear-gradient(top, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); background:linear-gradient(to bottom, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#279d4a', endColorstr='#35b059',GradientType=0 ); color:#FFF; border:1px solid #126E2D; border-left:none; border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; cursor:pointer; transition-duration:0.5s;} #searchRefNo:hover {color:#E4DA00; border:1px solid #094974; border-left:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} .filterContainer, .filterList, .filterPreList {float:left; width:100%;} .filterList {margin-bottom:15px;} .filterTitle {float:left; width:100%; color:#126E2D; font-size:18px; font-weight:700; padding:2px 0 4px;} .checkLabel {float:left; width:100%; min-height:20px; line-height:20px; padding-left:30px; margin-bottom:5px; cursor:pointer; position:relative; transition-duration:0.5s;} .checkBox {position:absolute; top:0; left:0; background:#FFF; height:20px; width:20px; border:1px solid #AAA; border-radius:0 4px 0 4px; -moz-border-radius:0 4px 0 4px; -webkit-border-radius:0 4px 0 4px; transition-duration:0.5s;} .checkLabel:hover {color:#126E2D;} .checkLabel:hover input ~ .checkBox {border-color:#555;} .checkLabel input:checked ~ .checkBox {background-color:#279D4A; border-color:#126E2D;} .checkBox:after {content:""; position:absolute; display:none;} .checkLabel input:checked ~ .checkBox:after {display:block;} .checkLabel .checkBox:after {left:7px; top:2px; width:6px; height:12px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} #searchResults {float:right;} #searchFilter, #sReviewsContainer {float:left;} #sReviewsContainer {clear:left; margin-top:40px;} #searchContainer .testimonialName {font-size:18px !important;} .ui-menu {max-height:200px;} #showFilter {float:left; width:100%; background:rgb(39,157,74); background:-moz-linear-gradient(top, rgba(39,157,74,1) 0%, rgba(37,137,66,1) 50%, rgba(18,110,45,1) 50%, rgba(53,176,89,1) 100%); background:-webkit-linear-gradient(top, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); background:linear-gradient(to bottom, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#279d4a', endColorstr='#35b059',GradientType=0 ); height:40px; line-height:36px; color:#FFF; font-weight:normal; font-size:18px; text-align:center; border:2px solid #FFF; padding:0 5px !important; z-index:2; cursor:pointer; -webkit-box-shadow:0px 0px 3px 0px rgba(51,51,51,1); -moz-box-shadow:0px 0px 3px 0px rgba(51,51,51,1); box-shadow:0px 0px 3px 0px rgba(51,51,51,1); border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; transition-duration:0.5s; text-align:center; margin:15px 0;} .pagination {float:left; width:100%; text-align:center; margin:0 0 35px; 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; transition-duration:0.5s;} .prevLink, .nextLink, .pagination span.currentPage, .pagination span.currentPage, .yearPagination span.currentPage {background:rgb(39,157,74) !important; background:-moz-linear-gradient(top, rgba(39,157,74,1) 0%, rgba(37,137,66,1) 50%, rgba(18,110,45,1) 50%, rgba(53,176,89,1) 100%) !important; background:-webkit-linear-gradient(top, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%) !important; background:linear-gradient(to bottom, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%) !important; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#279d4a', endColorstr='#35b059',GradientType=0 ) !important; font-weight:600; border:1px solid #126E2D !important;} .prevLink, .nextLink {color:#FFF !important;} .pagination span.currentPage, .pagination span.currentPage, .yearPagination span.currentPage {color:#E4DA00 !important;} .prevLink {float:left;} .nextLink {float:right;} a.prevLink:hover, a.nextLink:hover, .pagination a:hover, .yearPagination a:hover {background:rgb(34,135,64) !important; background:-moz-linear-gradient(180deg, rgba(34,135,64,1) 0%, rgba(31,115,55,1) 50%, rgba(14,88,36,1) 50%, rgba(46,152,77,1) 100%) !important; background:-webkit-linear-gradient(180deg, rgba(34,135,64,1) 0%, rgba(31,115,55,1) 50%, rgba(14,88,36,1) 50%, rgba(46,152,77,1) 100%) !important; background:linear-gradient(180deg, rgba(34,135,64,1) 0%, rgba(31,115,55,1) 50%, rgba(14,88,36,1) 50%, rgba(46,152,77,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#228740",endColorstr="#2e984d",GradientType=1) !important; color:#E4DA00 !important; border:1px solid #126E2D !important;} .pageSplitLeft {margin-left:20px !important;} .pageSplitRight {margin-right:20px !important;} .pageNumbers a {text-decoration:none !important;} .priceBand, .priceBandCurrent {position:absolute; bottom:-25px; left:0; width:100%; height:25px; line-height:25px; font-size:14px; text-align:center; font-weight:600; color:#231F20 !important;} .priceBand {display:none;} .priceBandCurrent, .pageNumbers a:hover > .priceBand {display:block;} #searchSortingNum {float:left; width:100%; margin:20px 0;} #showSearchMap {float:left; background:rgb(39,157,74); background:-moz-linear-gradient(top, rgba(39,157,74,1) 0%, rgba(37,137,66,1) 50%, rgba(18,110,45,1) 50%, rgba(53,176,89,1) 100%); background:-webkit-linear-gradient(top, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); background:linear-gradient(to bottom, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#279d4a', endColorstr='#35b059',GradientType=0 ); height:35px; line-height:21px; color:#FFF; text-align:center; padding:5px 10px; border:2px solid #FFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:0px 0px 3px 0px rgba(51,51,51,1); -moz-box-shadow:0px 0px 3px 0px rgba(51,51,51,1); box-shadow:0px 0px 3px 0px rgba(51,51,51,1); cursor:pointer; transition-duration:0.5s; margin-bottom:15px;} #showSearchMap:hover {color:#E4DA00;} .sortResults {float:right; width:50%; line-height:34px; text-align:right; margin-bottom:15px;} #searchPropsList {float:left; width:100%; display:flex; justify-content:center; flex-wrap:wrap;} .searchPropCContainer {float:left; margin:0 10px 20px;} .searchPropContainer, .featLPropContainer {float:left; width:100%; border-radius:0 10px 0 10px; -moz-border-radius:0 10px 0 10px; transition-duration:0.5s; position:relative;} .searchPropContainer {border-bottom:2px solid #339ED5; margin-bottom:40px; -webkit-border-radius:0 10px 0 10px; box-shadow:0px 0px 2px rgba(0,0,0,.5); -webkit-box-shadow:0px 0px 2px rgba(0,0,0,.5); -moz-box-shadow:0px 0px 2px rgba(0,0,0,.5); !important;} .featLPropContainer {border-bottom:3px solid #E4DA00; margin:65px 0 60px; box-shadow:0px 0px 7px rgba(0,0,0,.7); -webkit-box-shadow:0px 0px 7px rgba(0,0,0,.7); -moz-box-shadow:0px 0px 7px rgba(0,0,0,.7);} .searchPropContainer:hover {background:#FAFAFA; border-bottom:2px solid #126E2D; box-shadow:0px 0px 7px rgba(0,0,0,.7); -webkit-box-shadow:0px 0px 7px rgba(0,0,0,.7); -moz-box-shadow:0px 0px 7px rgba(0,0,0,.7);} .featLPropContainer:hover {background:#FAFAFA; border-bottom:3px solid #AEA700; box-shadow:0px 0px 12px rgba(0,0,0,.8); -webkit-box-shadow:0px 0px 12px rgba(0,0,0,.8); -moz-box-shadow:0px 0px 12px rgba(0,0,0,.8);} .featuredTitle {position:absolute; left:0; bottom:100%; background:#f7ea00; height:45px; line-height:45px; font-size:28px; font-weight:700; padding:0 20px; box-shadow:0px 0px 7px rgba(0,0,0,.7); -webkit-box-shadow:0px 0px 7px rgba(0,0,0,.7); -moz-box-shadow:0px 0px 7px rgba(0,0,0,.7); border-radius:0 10px 0 0; -moz-border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; z-index:0;} .featLPropContainer:hover .featuredTitle {box-shadow:0px 0px 12px rgba(0,0,0,.8); -webkit-box-shadow:0px 0px 12px rgba(0,0,0,.8); -moz-box-shadow:0px 0px 12px rgba(0,0,0,.8);} .searchPropTitle, .featLPropTitle {float:left; width:100%; border-radius:0 10px 0 0; -moz-border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; transition-duration:0.5s;} .searchPropTitle {background:rgb(39,157,74); background:-moz-linear-gradient(top, rgba(39,157,74,1) 0%, rgba(37,137,66,1) 50%, rgba(18,110,45,1) 50%, rgba(53,176,89,1) 100%); background:-webkit-linear-gradient(top, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); background:linear-gradient(to bottom, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#279d4a', endColorstr='#35b059',GradientType=0 ); padding:5px 10px;} .featLPropTitle {background:#f7ea00; background:-moz-linear-gradient(top, #f7ea00 0%, #f0f400 50%, #e4da00 50%, #eeff00 100%); background:-webkit-linear-gradient(top, #f7ea00 0%,#f0f400 50%,#e4da00 50%,#eeff00 100%); background:linear-gradient(to bottom, #f7ea00 0%,#f0f400 50%,#e4da00 50%,#eeff00 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ea00', endColorstr='#eeff00',GradientType=0 ); padding:10px 20px; position:relative; z-index:1;} .searchPropTitle h2, .featLPropTitle h2 {float:left; margin:0; transition-duration:0.5s;} .searchPropTitle h2 {width:calc(100% - 120px); color:#FFF; font-size:20px;} .featLPropTitle h2 {width:calc(100% - 150px); color:#126E2D; font-size:24px;} .searchPropTitle h2 a {color:#FFF; text-decoration:none;} .featLPropTitle h2 a {color:#126E2D; text-decoration:none;} .searchPropTitle h2 a:hover {color:#E4DA00;} .featLPropTitle h2 a:hover {color:#231F20;} .searchPropPrice, .featLPropPrice {float:left; font-weight:700; text-align:right; transition-duration:0.5s;} .searchPropPrice {width:120px; font-size:20px; color:#E4DA00;} .featLPropPrice {width:150px; font-size:24px; color:#231F20;} .propSearchIntro {float:left; width:100%; font-size:1.2em; color:#126E2D; font-weight:600; list-style:none !important; margin:10px 0 5px; padding:0 10px;} .propSearchIntro li {float:left; width:50%;} .overlayLocation, .overlayPropRef, .overlayReduced {position:absolute; height:40px; line-height:40px; background:rgba(39, 157, 74, 0.8); color:#FFF; font-weight:600; padding:0 10px; z-index:990;} .overlayPropRef {border-right:1px solid rgba(39, 157, 74, 0.6); border-bottom:1px solid rgba(39, 157, 74, 0.6);} .overlayLocation {border-left:1px solid rgba(39, 157, 74, 0.6); border-top:1px solid rgba(39, 157, 74, 0.6);} .overlayReduced {border-left:1px solid rgba(39, 157, 74, 0.6); border-bottom:1px solid rgba(39, 157, 74, 0.6); border-radius:0 5px 0 0; -moz-border-radius:0 5px 0 0; -webkit-border-radius:0 5px 0 0;} .searchPropButtonContainer {float:left; width:100%; height:50px; border-top:1px solid #CCC;} .searchPropButtonContainer .searchPropButtonRight {float:left; background:#126E2D; height:40px; line-height:40px; font-size:14px; color:#FFF; padding:0 10px; margin:7px 10px 3px 5px; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .searchPropButtonContainer .searchPropButtonRight:hover {background:#E4DA00; color:#231F20;} .searchPropShare {float:right;} .searchPropShare a {text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:inline-block; transition-duration:0.5s; cursor:pointer; position:relative;} .searchPropShare a:hover {background:#F1F2F3;} .searchPropShare a i {transition-duration:0.5s;} .mailShare i {color:#DB3236;} .facebookShare i {color:#3B5998;} .whatsAppShare i {color:#25D366;} .copyShare i {color:#339ED5;} .copyShare:hover i {color:#E4DA00;} .searchPropShare a span {position:absolute; bottom:100%; right:0; width:max-content; background:rgba(0,0,0,0.75); font-size:12px; font-weight:400; color:#FFF; display:none; padding:0 10px; opacity:0; transition-duration:0.5s; z-index:990; animation:fadeOut 2s; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} .searchPropShare a:hover > span {display:block; animation:fadeIn 1s forwards;} .searchPropPhotoContainer {float:left; min-height:200px; padding:5px; position:relative; border-radius:0 10px 0 10px; -moz-border-radius:0 10px 0 10px; -webkit-border-radius:0 10px 0 10px; transition-duration:0.5s;} .searchPropPhoto {float:left; width:100%; height:auto; margin:0; padding:0; overflow:hidden; position:relative; border-radius:0 6px 0 6px; -moz-border-radius:0 6px 0 6px; -webkit-border-radius:0 6px 0 6px;} .searchPropPhoto .slick-slide {overflow:hidden; position:relative;} .searchPropPhoto li {list-style:none; position:absolute; top:0; left:0;} .searchPropPhoto img {float:left; width:100%; height:auto;} .searchPropPhotoOverlay {position:absolute; top:0; left:0; width:100%; height:100%;} .searchPropPhotoOverlay img {width:100%; height:auto;} .prevLPhoto, .nextLPhoto {position:absolute; top:5px; width:25%; background:rgba(35,31,32,0) 0%; height:calc(100% - 10px); line-height:calc(100% - 10px); display:block; cursor:pointer; opacity:0.4; z-index:996; transition-duration:0.5s; } .prevLPhoto {border-radius:0 0 0 7.5px; -moz-border-radius:0 0 0 7.5px; -webkit-border-radius:0 0 0 7.5px;} .nextLPhoto {border-radius:0 7.5px 0 0; -moz-border-radius:0 7.5px 0 0; -webkit-border-radius:0 7.5px 0 0;} .prevLPhoto span, .nextLPhoto span {position:absolute; width:30px; height:30px; top:calc(50% - 15px); background:#FFF; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .prevLPhoto i, .nextLPhoto i {font-size:24px; line-height:30px;} .prevLPhoto i {margin:0 0 0 -3px;} .nextLPhoto i {margin:0 -3px 0 0;} .prevLPhoto span {left:10px;} .nextLPhoto span {right:10px;} .prevLPhoto:hover, .nextLPhoto:hover {opacity:1; color:#231F20;} .prevLPhoto:hover {background:-moz-linear-gradient(left, rgba(35,31,32,0.4) 0%, rgba(35,31,32,0) 100%); background:-webkit-linear-gradient(left, rgba(35,31,32,0.4) 0%,rgba(35,31,32,0) 100%); background:linear-gradient(to right, rgba(35,31,32,0.4) 0%,rgba(35,31,32,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#66231f20', endColorstr='#00231f20',GradientType=1 );} .prevLPhoto {left:5px;} .nextLPhoto:hover {background:-moz-linear-gradient(left, rgba(35,31,32,0) 0%, rgba(35,31,32,0.4) 100%); background:-webkit-linear-gradient(left, rgba(35,31,32,0) 0%,rgba(35,31,32,0.4) 100%); background:linear-gradient(to right, rgba(35,31,32,0) 0%,rgba(35,31,32,0.4) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00231f20', endColorstr='#66231f20',GradientType=1 );} .nextLPhoto {right:5px;} .swipeInst {position:absolute; bottom:0; left:0; width:100%; height:20px; line-height:20px; font-size:10px; text-align:center; display:none;} .searchPropContainer .swipeInst {background:rgba(21, 67, 114, 0.4); color:#FFF;} .featLPropContainer .swipeInst {background:rgba(247, 234, 0, 0.4); color:#231F20;} .propSearchSpecs {float:left; font-size:14px; padding:0 0 0 20px; margin:10px 0 15px;} .propSearchSpecs li {margin-bottom:2px;} .videoTour {color:#B0222A;} .searchPropDetails {float:left; text-align:justify; padding:0 10px 40px;} .searchPropButtonRight, .portfolioRemove {position:absolute; bottom:2px; font-size:18px; text-decoration:none; padding:5px 10px; cursor:pointer;} .searchPropButtonRight {right:0;} .searchPropButtonRight:hover, .portfolioRemove:hover {text-decoration:none;} #mapBGContainer {position:fixed; display:table; height:100vh; width:100vw; top:0; left:0; transform:scale(0); z-index:99998; } #mapBGContainer.unfold {transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #mapBGContainer.unfold #mapBG #mapContainer, #mapBGContainer.unfold #closeMap {transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #mapBGContainer.unfold.out {transform: scale(1); animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #mapBGContainer.unfold.out #mapBG #mapContainer, #mapBGContainer.unfold.out #closeMap {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #mapBGContainer #mapBG {display:table-cell; background:rgba(35,31,32,0.8); text-align:center; vertical-align:middle;} #mapBG #mapContainer {background:#FFF; width:calc(100vw - 80px); height:calc(100vh - 80px); display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); transition-duration:0.5s; cursor:default; overflow:hidden;} /* INFO WINDOW EDITS */ .gm-style-iw.gm-style-iw-c {width:300px; height:270px !important; max-height:270px !important; padding:0; border-bottom:2px solid #339ED5; border-radius:0 8px 0 8px !important; -moz-border-radius:0 8px 0 8px !important; -webkit-border-radius:0 8px 0 8px !important;} .gm-style-iw-d {overflow:hidden !important; width:100% !important; max-width:300px !important; height:270px !important; max-height:270px !important;} .gm-ui-hover-effect {background:rgba(255, 255, 255, 0.75) !important; top:0 !important; right:0 !important; transition-duration:0.5s;} .gm-ui-hover-effect img {background:#FFF; width:20px !important; height:20px !important;} .gm-style .gm-style-iw-t::after {background:linear-gradient(45deg,rgba(39, 157, 74,1) 50%,rgba(39, 157, 74,0) 51%,rgba(39, 157, 74,0) 100%) !important;} .gm-style .gm-style-iw-tc::after {top:-2px !important;} .infoWindow, .infoWindowImg, .infoWindowDetails {float:left; width:100%; position:relative;} .infoWindow {height:270px !important; max-height:270px !important;} .infoWindow a {width:100%; height:100%; color:#231F20; display:block;} .infoWindow a:hover {color:#231F20;} .infoWindowImg {height:150px; overflow:hidden;} .infoWindowImg img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; width:100%; height:auto; margin:auto;} .infoWindowDetails {height:115px; padding:0 5px;} .infoWindow h3 {font-family:"Roboto", Arial, Verdana; font-size:18px; font-weight:700; margin:5px 0 0;} .infoWindow h3, .infoWindow address, .infoWindowDesc, .infoWindowPrice {text-align:left;} .infoWindow address {font-size:10px; margin-bottom:8px;} .infoWindowImp, .infoWindowDesc {float:left; width:100%; overflow:hidden;} .infoWindowDesc {font-size:12px; height:45px;margin-bottom:5px;} .infoWindowPropRef {position:absolute; background:rgba(255, 255, 255, 0.75); top:0; left:0; font-weight:700; font-size:12px; padding:5px 10px 3px; border-radius:0 0 2px 0; -moz-border-radius:0 0 2px 0; -webkit-border-radius:0 0 2px 0;} .infoWindowPrice, .infoWindowInf {float:left; width:50%; height:18px;} .infoWindowPrice {color:#126E2D; font-size:14px; font-weight:700;} .infoWindowInf span {margin-right:10px;} .infoWindowInf i {margin-right:5px;} .infoWindowInf {text-align:right;} #closeMap {position:absolute; top:10px; right:10px; background:#F1F2F3; text-align:center; color:#231F20; font-size:30px; font-weight:700; padding:5px 12px; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; webkit-box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); -moz-box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); transition-duration:0.5s; z-index:99999;} #closeMap:hover {background:#FFF; color:#126E2D;} #searchLoading {position:fixed; height:100vh;} .contactWaiting {position:absolute; height:100%;} #searchLoading, .contactWaiting {background:rgba(255,255,255,0.6); top:0; left:0; width:100%; z-index:9994; display:none;} #searchLoading img, .contactWaiting img, #searchLoading svg, .contactWaiting svg {position:absolute; left:50%;} #searchLoading img, #searchLoading svg {top:50vh; width:128px; height:128px; margin:-64px 0 0 -64px;} #contactWaiting img, .contactWaiting svg {top:50%; width:64px; height:64px; margin:-32px 0 0 -32px;} .propertyPhotosMain {background:#FAFAFA;} #propertyMain {float:left; width:100%; margin-bottom:40px;} #propertyPrice {font-weight:700; text-align:right; padding:5px 0 10px; text-shadow:2px 2px 2px rgba(0,0,0,1); position:relative;} #propertyPrice span {float:right; width:100%;} #propertyPrice span#euroPrice {color:#E4DA00; margin-bottom:8px;} #propertyPhotos {float:left; width:100%; overflow:hidden; transition-duration:0.5s;} #propertyPhotosContainer {float:left; overflow:hidden; position:relative; transition-duration:0.5s;} #mainPhotoContainer, .slick-slide {position:relative; overflow:hidden;} #mainPhotos {margin:0; padding:0; transition-duration:0.5s;} #mainPhotos .slick-slide {display:flex; justify-content:center; align-items:center;} #mainPhotos img {width:auto; margin:0 auto;} #previousPhoto, #nextPhoto {position:absolute; top:0; z-index:90;} #previousPhoto, #nextPhoto {width:150px; height:75%; display:block; cursor:pointer;} #previousPhoto i, #nextPhoto i {position:absolute; top:calc(66.66667% - 50px); color:#FFF; font-size:100px; opacity:0.1; transition-duration:0.5s; text-shadow:2px 2px 2px rgba(0,0,0,1);} #propertyPhotosContainer:hover #previousPhoto i, #propertyPhotosContainer:hover #nextPhoto i {opacity:0.6;} #previousPhoto:hover i, #nextPhoto:hover i {opacity:1 !important;} #previousPhoto, .previousVideo {left:0;} #nextPhoto, .nextVideo {right:0;} #previousPhoto i {left:5px;} #nextPhoto i {right:5px;} .youtube-player {width:100%;} #mainPhotoOverlay {position:absolute; top:0; left:0; width:100%; padding-top:70.31%; z-index:89;} #mainPhotoOverlay img {position:absolute; top:0; left:0; right:0;y bottom:0; width:100%; height:auto;} #reducedBanner {position:absolute; top:10px; left:0; background:rgba(39, 157, 74, 0.8); color:#FFF; font-size:24px; font-weight:600; padding:10px 15px; border:1px solid rgba(18, 110, 45, 0.6); border-left:none; z-index:89;} #slideCount {position:absolute; background:rgba(255,255,255,0.6); top:10px; right:0; height:30px; line-height:20px; font-weight:700; padding:5px 10px; -webkit-box-shadow:1px 1px 3px 0px rgba(87,87,87,0.8) -moz-box-shadow:1px 1px 3px 0px rgba(87,87,87,0.8); box-shadow:1px 1px 3px 0px rgba(87,87,87,0.8); border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px;} #thumbsContainer {float:left; width:100%; height:123px; margin:2px 0 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:150px; height:123px; display:block; cursor:pointer; overflow:hidden;} .imgThumb img, #showMapMap, #searchMapLinkContainer img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;} .portrait img {width:100%; height:auto;} .landscape img {width:auto; height:100%;} #thumbsContainer .slick-slide {border:5px solid #FFF; transition-duration:0.5s;} #thumbsContainer .slick-slide.slick-current {border:5px solid #126E2D;} #thumbsContainer .slick-list {padding:0 calc(50% - 75px) !important;} #contactBox {float:left; background:#F7F7F7; padding:20px; position:relative;} #contactBoxMForm {float:left; width:100%; padding:20px; position:relative;} #propContactForm, #contactResponse, #contactMResponse {float:left; width:100%;} #contactResponse, #contactMResponse {display:none;} .multiCheckInput {float:left; width:30%; font-weight:500; font-size:14px; margin-right:30px;} .multiChecks {float:left; width:calc(70% - 30px); margin-bottom:10px;} #propContactForm .checkLabel {font-size:14px;} .checkLabel.mb10 {margin-bottom:10px;} #sendContact, #sendContactM, #sendExContact, #sendExContactM { background:rgb(39,157,74); background:-moz-linear-gradient(top, rgba(39,157,74,1) 0%, rgba(37,137,66,1) 50%, rgba(18,110,45,1) 50%, rgba(53,176,89,1) 100%); background:-webkit-linear-gradient(top, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); background:linear-gradient(to bottom, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#279d4a', endColorstr='#35b059',GradientType=0 ); height:40px; line-height:36px; text-align:center !important; font-size:18px; color:#FFF; border:2px solid #FFF; padding:0 20px !important; margin:15px 0 0; display:inline-block; -webkit-box-shadow:0px 0px 3px 0px rgba(51,51,51,1); -moz-box-shadow:0px 0px 3px 0px rgba(51,51,51,1); box-shadow:0px 0px 3px 0px rgba(51,51,51,1); border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; transition-duration:0.5s; cursor:pointer;} #propertyNav {float:left; width:100%; text-align:center; margin:20px 0 60px;} #propertyNav a {background:rgb(39,157,74); background:-moz-linear-gradient(top, rgba(39,157,74,1) 0%, rgba(37,137,66,1) 50%, rgba(18,110,45,1) 50%, rgba(53,176,89,1) 100%); background:-webkit-linear-gradient(top, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); background:linear-gradient(to bottom, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#279d4a', endColorstr='#35b059',GradientType=0 ); height:50px; color:#FFF; text-align:center; padding:5px 10px; display:inline-flex; justify-content:center; align-items:center; vertical-align:middle; border:2px solid #FFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:0px 0px 3px 0px rgba(51,51,51,1); -moz-box-shadow:0px 0px 3px 0px rgba(51,51,51,1); box-shadow:0px 0px 3px 0px rgba(51,51,51,1); cursor:pointer; transition-duration:0.5s; overflow:hidden;} #propertyNav a i {margin-right:5px;} #propertyNav a:hover {color:#E4DA00;} #tabNav {float:left; width:100%; height:50px; text-align:center;} #tabNav a {height:50px; line-height:50px; background:#EEE; color:#231F20; padding:0 20px; display:inline-block; cursor:pointer; border:1px solid #CCC; border-bottom:none; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; position:relative; overflow:hidden;} #tabNav a:hover {background:#FFF; color:#126E2D; text-decoration:none;} #tabNav a.currentSelTab, #tabNav a.currentSelTab:hover {background:#FAFAFA; color:#126E2D; border-color:#B3B3B3; z-index:2;} .tabContent {background:#FAFAFA; display:none; padding:20px 0; position:relative; z-index:1;} #MapTab {padding:0;} .currentTab {display:inline-block; -webkit-box-shadow:0px 0px 5px 0px rgba(35,31,32,0.8); -moz-box-shadow:0px 0px 5px 0px rgba(35,31,32,0.8); box-shadow: 0px 0px 5px 0px rgba(35,31,32,0.8);} #propertyChecklist {float:left; width:100%; margin:0 0 40px; transition-duration:0.5s;} #propertyChecklist ul {float:left; width:100%; margin:0; padding:0; list-style:none;} #propertyChecklist li {font-weight:500; padding:0 0 0 10px; margin:0 0 5px; text-indent:-10px;} #propertyChecklist li:before {content: '•'; color:#231F20; margin-right:5px;} #propertyChecklist li.videoCheck, #propertyChecklist li.videoCheck:before, #propertyChecklist li.vTourCheck, #propertyChecklist li.vTourCheck:before {color:#B0222A; cursor:pointer; transition-duration:0.5s;} #propertyChecklist li.videoCheck:hover, #propertyChecklist li.videoCheck:hover:before, #propertyChecklist li.vTourCheck:hover, #propertyChecklist li.vTourCheck:hover:before {color:#E4DA00;} .propSearchSpecs li.dateSold, #propertyChecklist li.dateSold {color:#B0222A;} #vTourSlide {cursor:pointer;} .propertyDetailsLeft, .propertyDetailsRight {float:left;} .propertyDetailsLeft h2, .propertyDetailsLeft h3 {float:left; width:100%;} .advertDisclaimer {float:left; width:100%; font-size:14px; margin:40px 0 0;} .advertDisclaimer span {text-decoration:underline;} .propertyTopLinks {float:left; width:100%; text-align:center; padding:0; margin-bottom:40px;} .propertyTopLinks h4 {text-align:left;} .propertyTopLinks a { height:40px; line-height:36px; padding:2px 10px 0; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration:0.5s; overflow:hidden;} a.smallOasisLink {background:#F5F5F5; color:#231F20; border:1px solid #CCC; background:-moz-linear-gradient(top, #ffffff, #e6e6e6); background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background:-webkit-linear-gradient(top, #ffffff, #e6e6e6); background:-o-linear-gradient(top, #ffffff, #e6e6e6); background: linear-gradient(to bottom, #ffffff, #e6e6e6);} a.smallOasisLink:hover {background:#E6E6E6; border-color:#C6C6C6; color:#231F20; text-decoration:none;} a.pdfIcon {background:#0B5B8D; color:#FFF; border:1px solid #094974; background:-moz-linear-gradient(top, #2E99D1, #11426D); background:-webkit-gradient(linear, 0 0, 0 100%, from(#2E99D1), to(#11426D)); background:-webkit-linear-gradient(top, #2E99D1 , #11426D); background:-o-linear-gradient(top, #2E99D1, #11426D); background: linear-gradient(to bottom, #2E99D1, #11426D);} a.pdfIcon:hover {background:#094974; border-color:#052840; color:#E4DA00; text-decoration:none;} .propertyTopLinks a img {margin:-4px 5px 0 0;} .propertyTopLinks a img, .propertyTopLinks a i {vertical-align:middle;} .propertyTopLinks a i {margin-left:5px;} .pdfIcon img {-webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); -o-transform:rotate(-15deg); -ms-transform:rotate(-15deg); transform:rotate(-15deg);} .sideContainer {float:left; width:100%; background:#FFF; border:1px solid #126E2D; padding:0; margin-bottom:40px; border-radius:0 8px 0 8px; -moz-border-radius:0 8px 0 8px; -webkit-border-radius:0 8px 0 8px; overflow:hidden;} .sideContainer h1, .sideContainer h2, .sideContainer h3, .sideContainer h4, .sideContainer h5, .sideContainer h6, .twoWBC h4, .threeWBC h4, .threeWBC h5 {background:rgb(39,157,74); background:-moz-linear-gradient(top, rgba(39,157,74,1) 0%, rgba(37,137,66,1) 50%, rgba(18,110,45,1) 50%, rgba(53,176,89,1) 100%); background:-webkit-linear-gradient(top, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); background:linear-gradient(to bottom, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#279d4a', endColorstr='#35b059',GradientType=0 ); width:100%; height:40px; line-height:40px; font-size:20px; color:#FFF; padding:0 8px; margin:0; border-radius:0 7px 0 0; -moz-border-radius:0 7px 0 0; -webkit-border-radius:0 7px 0 0;} .sideContainer p {text-align:center;} #epcRating {float:left; background:#FFF; width:100%; font-size:12px;} #epcRating table {width:100%; 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; position:relative;} .epcBlock:after {position:absolute; top:0; right:-10px; width:0; height:100%; content:""; border-style:solid; border-width:10px 0 10px 10px;} .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, .epcA:after {border-color:transparent transparent transparent #017F3F;} .epcCB.epcCap, .epcB:after {border-color:transparent transparent transparent #2DA02B;} .epcCC.epcCap, .epcC:after {border-color:transparent transparent transparent #9FCA3C;} .epcCD.epcCap, .epcD:after {border-color:transparent transparent transparent #FDF202;} .epcCE.epcCap, .epcE:after {border-color:transparent transparent transparent #FFAE1E;} .epcCF.epcCap, .epcF:after {border-color:transparent transparent transparent #ED682D;} .epcCG.epcCap, .epcG:after {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;} #kyero-widget {max-width:100% !important; min-width:100% !important;} #shareContainer {float:left; width:100%;} #propertyMap {float:left; width:100%; height:500px;} #shareContainer {clear:both; margin:50px 0 40px;} #shareContainer, #shareThisPropertyMain {float:left; width:100%;} #shareContainer h3 {float:left; width:100%; margin:0 0 10px !important;} #shareThisPropertyMain {float:left; width:100%; height:35px; text-align:center; padding:0; margin:0; position:relative;} #shareThisPropertyMain li {background:url(/images/shareIcons.png) no-repeat;cursor:pointer !important;display:inline-block !important;height:35px !important;list-style-type:none !important padding:0 !important; margin:0 20px 0 0 !important;} #shareThisPropertyMain a {float:left; width:47px; height:35px; padding:0 5px; display:block; text-decoration:none;} li#shareFacebook{background-position:0 bottom !important;} li#shareFacebook:hover{background-position:0 top !important;} li#shareTwitter{background-position:-53px bottom !important;} li#shareTwitter:hover{background-position:-53px top !important;} li#shareGooglePlus{background-position:-106px bottom !important;} li#shareGooglePlus:hover{background-position:-106px top !important;} li#sharePinterest{background-position:-159px bottom !important;} li#sharePinterest:hover{background-position:-159px top !important;} #shareThisPropertyMain li a:hover > span {display:block;} #shareThisPropertyMain span{position:absolute; top:-40px; right:0; display:none; color:#231F20; font-weight:700; z-index:999;} .twoWB, .threeWB {background:none; padding:0;} .twoWBC, .threeWBC, .threeWBI {float:left; background:#FFF; width:100%; border:1px solid #126E2D; border-radius:0 8px 0 8px; -moz-border-radius:0 8px 0 8px; -webkit-border-radius:0 8px 0 8px;} .twoWBC, .threeWBC {height:100%; padding:0 8px;} .twoWBI, .threeWBI {padding:0 8px 8px;} .twoWBI:first-child, .threeWBI:first-child {margin-bottom:20px;} .threeAPitS {display:flex; justify-content:center;} #APitS {width:300px; height:250px; text-align:center;} #cDirect {width:240px; height:400px; text-align:center;} .twoWBC h4, .threeWBC h4, .threeWBC h5, .threeWBC hI, .threeWBI h5 {margin:0 0 10px -8px; width:calc(100% + 16px);} .localDistanceGroup {float:left; width:100%; margin-bottom:30px;} .localDistanceTitleW, .expensesTitleW, .mortgageTitleW, .mortgageValue {float:left; width:100%; font-weight:700;} .expensesTitleW, .mortgageTitleW {color:#126E2D; font-size:18px; margin-bottom:5px;} .mortgageTitleMB {margin-bottom:15px !important;} .mortgageValue {text-align:center; font-size:18px; margin-bottom:15px;} .localDistanceTitle {float:left; width:40%; clear:both; margin:0 2% 5px 5%;} .localDistance {float:left; width:48%; font-weight:700; margin:0 5% 5px 0;} .expensesTitle, .mortgageTitle {float:left; width:73%; clear:both;} .expensesTitle {margin:0 2% 5px 0;} .mortgageTitle {margin:0 2% 10px 0;} .expensesCost, .mortgageResult {float:left; width:25%; font-weight:700;} .expensesCost {margin:0 0 5px;} .expensesTitle, .mortgageTitle, .expensesCost, .mortgageResult {transition-duration:0.5s;} .mortgageResult {margin:0 0 10px;} .expensesClear {float:left; width:100%; height:5px; margin:0 0 20px;} .mortgageTitleW {float:left; width:100%; clear:both; font-weight:700; margin:0 0 5px;} .tTax {float:left; width:100%; line-height:15px !important; font-size:11px; font-style:italic; text-align:center !important; margin:15px 0 5px;} .propBeach {float:left; margin-bottom:10px; display:flex; align-items:center;} .propBeachPhotoC {float:left; width:120px; height:92px; padding:4px; margin-right:5px; border:1px solid #CCC;} .propBeachPhoto {float:left; background:#FFF; width:100%; height:100%; position:relative; overflow:hidden;} .propBeachPhoto img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;} .propBeachTitleC {float:left; width:calc(100% - 125px); text-align:center;} .propBeachTitle {float:left; width:100%; font-weight:500;} .relatedLink {float:left; width:98%; display:block; font-weight:bold; margin:0 1% 10px;} .boxRow + h6 {margin-top:40px;} /* SITE SEARCH PAGES */ .siteSearchTitle, .siteSearchURL, .siteSearchExcerpt {float:left; width:100%;} .siteSearchResults {float:left; width:96%; padding:5px 2%; margin:0 2% 25px; border-radius:0 8px; -moz-border-radius:0 8px; -webkit-border-radius:0 8px;} .siteSearchResults:hover {background:#FAFAFA;} .siteSearchTitle {font-size:18px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .siteSearchTitle, .siteSearchURL {margin-bottom:2px;} .siteSearchExcerpt {margin-bottom:5px;} .siteSearchResults a {color:#126E2D; font-weight:500 !important; text-decoration:none;} .siteSearchResults strong {font-weight:700;} .siteSearchResults a:hover {color:#E4DA00; text-decoration:underline;} .siteSearchURL {font-size:14px !important;} .siteSearchURL a {color:#093 !important;} /* END SITE SEARCH PAGES */ .propFormRow, #mortgageContainer, #mortgageResponseContainer {float:left; width:100%;} #mortgageResponseContainer {padding:10px 0 0; display:none;} .formInput, .formSelect, .formRadio {float:left; width:100%; position:relative; margin:0 0 20px;} .formInput, .formSelect {background:#FFF; border:1px solid #909090; border-top:none; padding:10px 0;} #propContactForm .formInput {border-color:#231F20;} #propContactForm label {color:#231F20;} #propContactForm .formLabel::before, #propContactForm .formLabel::after {background:#231F20;} .propFormRow .formInput {margin:0;} .propFormRow {margin-bottom:15px;} .formSelect {padding:0;} .formSelect select, .extraEnquirySelect select {background:#FFF; width:100% !important; font-size:18px; border:none; padding:18px 14px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} .twoBox .formInput, .threeBox .formInput, .fourBox .formInput {background:#FFF;} .formInputHalf {width:49%;} .formInputHalfL, .propFormInputHalfL {margin-right:2%;} .formInput.formError {border:1px solid #BB0003; border-top:none;} .formInput input, .formInput textarea, .formRadio input, .extraEnquiryInput textarea {width:100%; font-size:20px; color:#333; background:transparent; border:none; padding:0 10px; margin:0; transition-duration:0.5s;} .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;} .formLabel label {position:relative; top:-8px; color:#909090; padding:0 5px;} .formLabel label span {color:#BB0003; margin-left:5px;} .formInput input:required + .formLabel label:after, .formInput textarea:required + .formLabel label:after, .formInputFull textarea:required + .formLabel label:after {content:"*"; color:#BB0003; margin-left:3px;} #mortgageContainer input {text-align:right;} .submitRow {float:left; width:100%; text-align:center;} input[type='number'] {-moz-appearance:textfield;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none;} .submitButton {float:left; background:rgb(39,157,74); background:-moz-linear-gradient(top, rgba(39,157,74,1) 0%, rgba(37,137,66,1) 50%, rgba(18,110,45,1) 50%, rgba(53,176,89,1) 100%); background:-webkit-linear-gradient(top, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); background:linear-gradient(to bottom, rgba(39,157,74,1) 0%,rgba(37,137,66,1) 50%,rgba(18,110,45,1) 50%,rgba(53,176,89,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#279d4a', endColorstr='#35b059',GradientType=0 ); height:40px; line-height:36px; text-align:center !important; font-size:18px; color:#FFF; border:2px solid #FFF; padding:0 5px !important; -webkit-box-shadow:0px 0px 3px 0px rgba(51,51,51,1); -moz-box-shadow:0px 0px 3px 0px rgba(51,51,51,1); box-shadow:0px 0px 3px 0px rgba(51,51,51,1); border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; transition-duration:0.5s; cursor:pointer;} .submitButton {width:200px; left:50%; margin:0 0 10px -100px; padding:0 10px; position:relative;} .contactCols {float:left; padding-top:5px;} #captchaVerification{float:left; background:#FFF; width:calc(100% - 2px); border:1px solid #126E2D; margin:20px 0; padding:10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} .imgCaptcha {background:none; width:200px; font-size:14px; margin:0 !important;} #captchaVerification iframe {float:left;} input.captchaResponse {clear:none !important;} .userPassRow {justify-content:center; display:flex;} #userPassContainer {float:left; width:100%; max-width:500px; background:#F6F6F6; padding:10px 20px; border:1px solid #C5C5C5; border-radius:0 8px; -moz-border-radius:0 8px; -webkit-border-radius:0 8px;} #userPassContainer p {text-align:center;} #passStrength, .userPassInput, .passNoMatch {float:left; width:100%;} #passStrength, .passNoMatch {font-weight:bold; margin-bottom:20px;} #passStrength {text-align:center;} .passNoMatch {text-align:right;} #passMatch {color:#66CC66; display:none;} #passNoMatch {color:#CC0000;} #userPassContainer label {color:#231F20;} #passwordC {color:#FFF !important;} .formInput.passwordR {background:#CC0000;} .formInput.passwordR input {color:#FFF !important;} #passwordR.passMatch {background:#66CC66; color:#FFF !important;} #savePass {margin:0 0 10px -90px;} footer {background:#126E2D; margin:0; border-top:1px solid #0F5423;} #footerBottom {float:left; width:100%; background:#126E2D; border-top:1px solid #279D4A; line-height:30px;} .footerInfo {float:left;} .footerInfoC {text-align:center; font-weight:700;} .footerInfoR {text-align:right; margin:0;} .footerInfo h6 {color:#FFF !important; margin:0 0 10px !important;} .footerInfo ul {float:left; width:100%; list-style:none; margin:0 0 20px; padding:0 0 0 10px;} #footerContainer {float:left; width:100%; border-bottom:1px solid #0F5423;} #footerInfoContainer {float:left; width:100%; padding:15px 0 0;} #footerContainer, #footerContainer a, #footer, #footer a {color:#FFF; text-decoration:none;} #footerContainer a:hover, #footer a:hover {color:#E4DA00; text-decoration:underline;} #footerLeft, #footerRight {float:left; width:50%; height:30px; line-height:30px; font-size:10px;} #footerLeft {clear:left;} #footerRight {text-align:right;} #vTourBGContainer, #sharePropertyBGContainer, #extraEnquiryBGContainer {position:fixed; display:table; height:100vh; width:100vw; top:0; left:0; transform:scale(0); z-index:99998;} #vTourBGContainer.unfold, #sharePropertyBGContainer.unfold, #extraEnquiryBGContainer.unfold {transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #vTourBGContainer #vTourBG, #sharePropertyBGContainer #sharePropertyBG, #extraEnquiryBGContainer #extraEnquiryBG {display:table-cell; background:rgba(35,31,32,0.8); text-align:center; vertical-align:middle;} #vTourBGContainer.unfold #vTourBG #vTourContainer, #vTourBGContainer.unfold #closeVTour, #sharePropertyBGContainer.unfold #sharePropertyBG #sharePropertyContainer, #extraEnquiryBGContainer.unfold #extraEnquiryBG #extraEnquiryContainer {transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #vTourBGContainer.unfold.out, #sharePropertyBGContainer.unfold.out, #extraEnquiryBGContainer.unfold.out {transform: scale(1); animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #vTourBGContainer.unfold.out #vTourBG #vTourContainer, #vTourBGContainer.unfold.out #closeVTour, #sharePropertyBGContainer.unfold.out #sharePropertyBG #sharePropertyContainer, #extraEnquiryBGContainer.unfold.out #extraEnquiryBG #extraEnquiryContainer {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #vTourContainer {width:96%; max-width:1230px; height:calc(100vh - 80px); background:#FFF; padding:10px; display:inline-block; padding:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); transition-duration:0.5s; cursor:default; overflow:hidden; transform:scale(0);} #vTourFrame {width:100%; height:100%; border:0;} #closeVTour {position:absolute; top:0; right:10px; color:#FFF; font-size:40px; cursor:pointer;} #closeVTour:hover {color:#126E2D; text-decoration:none;} #sharePropertyContainer {width:90vw; max-width:500px; 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); display:inline-flex; flex-direction:row; justify-content:center; align-items:stretch; max-height:90vh;} #sharePropertyContainer h6 {text-align:left;} #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:#126E2D; 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:#E4DA00; color:#231F20;} #copyShareLink span.copyNow {display:inline-block;} #copyShareLink span.copiedNow {display:none;} .shareSocialIcon.fbLink {background:#3B5998;} .shareSocialIcon.twLink {background:#1DA1F2;} .emLink {background:#888;} .rdLink {background:#FF4500;} .piLink {background:#CC0000;} #closeShareProperty, #closeExtraEnquiry {position:absolute; background:#E4DA00; top:-27.5px; right:-27.5px; width:55px; height:55px; line-height:55px; color:#231F20; font-size:40px; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; z-index:9995;} #closeShareProperty:hover, #closeExtraEnquiry:hover {color:#126E2D; background:#F1F2F3; text-decoration:none;} #extraEnquiryContainer {width:90vw; max-width:768px; 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); display:inline-flex; flex-direction:row; justify-content:center; align-items:stretch; max-height:90vh;} #extraEnquiryDiv h6 {text-align:center;} #extraEnquiryDiv {max-width:100%; max-height:calc(90vh - 10px); text-align:left; padding:5px 10px; overflow-x:hidden; overflow-y:auto;} .popError {font-weight:600; font-size:20px; color:#B0222A; text-align:center; display:none;} #extraEnquiryForm, .extraEnquiryRow, .extraEnquiryTitle, .extraEnquiryInput, .extraEnquirySelect {float:left;} #extraEnquiryForm {width:calc(100% - 20px); margin:0 10px;} .extraEnquiryTitle, .extraEnquiryInput, .extraEnquirySelect {width:100%;} .extraEnquiryRow {width:calc(100% + 20px); padding:10px; margin:0 0 20px -10px;} .extraEnquiryRow:nth-child(odd) {background:rgba(39, 157, 74, 0.2);} .extraEnquiryTitle {font-weight:600; margin-bottom:3px;} .extraEnquiryInput, .extraEnquirySelect {border:1px solid #231F20;} .extraEnquiryInput {background:#FFF; padding:10px 0;} .extraEnquiryInput textarea {font-family:"Roboto", Arial, Verdana; resize:none;} #cookieUseContainer {position:fixed; bottom:15px; background:rgba(255,255,255,0.95); text-align:center; border:2px solid #126E2D; 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:#126E2D;} #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:#126E2D; width:65%; color:#FFF; font-size:16px; margin:20px 5%; border:2px solid #0F5423;} #cookieContinue:hover {background:#0F5423; 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;} #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;} .mm-slideout {float:left; width:100%;} #scrollToTop {background:#404040; width:49px; height:48px; bottom:0; color:#FFF; font-size:32px; display:block; opacity:0.75; padding:3px 0 11px; position:fixed; right:10px; text-align:center; text-decoration:none; z-index:1040; display:none; cursor:pointer; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;} .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} #searchLoading svg, .contactWaiting svg {stroke:#126E2D; 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:#126E2D;} 33.3333% {stroke:#339ED5;} 66.6666% {stroke:#E4DA00;} 100% {stroke:#126E2D;} } @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 fadeIn { 0% {opacity:0;} 100% {opacity:1;} } @keyframes fadeOut { 0% {opacity:1;} 100% {opacity:0;} } @keyframes pulse-white { 0% {transform:scale(0.95); box-shadow:0 0 0 0 rgba(255, 255, 255, 0.7);} 70% {transform:scale(1); box-shadow:0 0 0 10px rgba(255, 255, 255, 0);} 100% {transform:scale(0.95); box-shadow:0 0 0 0 rgba(255, 255, 255, 0);} } @media screen and (min-width: 1921px) { .fpGallery img {min-width:100%; height:auto;} } @media screen and (min-width: 1400px) { .fpSelectC {width:33.3333%; border:16px solid transparent;} .fpSelect img {width:100%; height:auto; min-height:100%;} .propSearchSpecs {column-count:3;} #propertyPhotosContainer {width:800px;} #mainPhotos .slick-slide {min-width:800px; height:600px;} #mainPhotos img {height:600px;} #contactBox {width:calc(100% - 800px);} #propContactForm textarea {height:120px;} #propertyChecklist ul {font-size:16px;} .propBeachTitle {font-size:16px;} } @media screen and (min-width: 768px) and (max-width: 1399px) { .fpSelect img {width:auto; height:100%; min-width:100%;} .propSearchSpecs {column-count:2;} #propContactForm .formInput {padding:5px 0;} .formInput input, .formInput textarea {font-size:14px;} .multiCheckInput, #propContactForm .checkLabel {font-size:12px;} #propContactForm textarea {height:70px; padding:5px 8px;} } @media screen and (min-width: 1300px) { .searchPropCContainer {width:calc(33% - 18px);} } @media screen and (min-width: 1171px) { .container, #pageGalleryOverlay, #propertyGalleryOverlay {width:80%; margin:0 10%;} .subMenu a {font-size:12px !important;} #siteSearch {margin-right:-156.5px;} #siteSearchKeywords {width:249px;} .subMenu li {width:195px;} #homeSearchContainer {left:10%; width:420px;} #homeGallery h1 {right:10%; width:calc(80% - 430px);} #pageGalleryOverlay h1, #propertyGalleryOverlay h1, #propertyPrice {font-size:40px;} #pageGalleryOverlay h1, #propertyGalleryOverlay h1 {line-height:40px;} .featPropImage, .similarPropOverlay {height:200px;} .testimonialSlide {max-width:80%;} #propertyChecklist ul {columns:3; -webkit-columns:3; -moz-columns:3;} #propertyNav a {font-size:16px;} .propBeach {width:calc(50% - 25px);} .propBeach:nth-child(even) {margin-right:50px;} .oasis50 a {font-size:18px;} #floorPlan {height:1100px; margin:0 auto 20px;} #mapster_wrap_0, #mapster_wrap_1, #mapster_wrap_2, #mapster_wrap_3, #mapster_wrap_4, #mapster_wrap_5, #mapster_wrap_6 {width:1000px; margin:0 auto;} } @media screen and (min-width: 1171px) and (max-width: 1399px) { #mainMenu a {font-size:12px;} .fpSelectC {width:33.3333%; border:8px solid transparent;} .featPropImage, .similarPropOverlay {height:150px;} #propertyPhotosContainer {width:700px;} #mainPhotos .slick-slide {min-width:700px; height:525px;} #mainPhotos img {height:525px;} #contactBox {width:calc(100% - 700px);} #propertyChecklist ul {font-size:14px;} .propBeachTitle {font-size:14px;} } @media screen and (max-width: 1170px) { .container, #pageGalleryOverlay, #propertyGalleryOverlay {width:96%; margin:0 2%;} .subMenu li {width:166px;} #homeSearchContainer {left:2%; width:350px;} #homeGallery h1 {right:2%; width:calc(96% - 430px);} #pageGalleryOverlay h1, #propertyGalleryOverlay h1, #propertyPrice {font-size:36px;} #pageGalleryOverlay h1, #propertyGalleryOverlay h1 {line-height:36px;} .testimonialSlide {max-width:96%;} .propBeach {width:100%;} #floorPlan {width:100%; height:1100px; margin:0 0 20px;} #mapster_wrap_0, #mapster_wrap_1, #mapster_wrap_2, #mapster_wrap_3, #mapster_wrap_4, #mapster_wrap_5, #mapster_wrap_6 {width:100% !important; margin:0; overflow:hidden;} } @media screen and (min-width: 1000px) and (max-width: 1249px) { #searchFilterContent .searchFormTitle {font-size:14px;} } @media screen and (min-width: 1000px) and (max-width: 1170px) { #mainMenu a {font-size:11px;} #siteSearch {margin-right:-131.5px;} #siteSearchKeywords {width:199px;} #areaGallery {-moz-column-count:4; -webkit-column-count:4; column-count:4;} .featPropImage, .similarPropOverlay {height:150px;} .footerInfo {font-size:14px;} #propertyPhotosContainer {width:700px;} #mainPhotos .slick-slide {min-width:700px; height:525px;} #mainPhotos img {height:525px;} #contactBox {width:calc(100% - 700px);} #propertyChecklist ul {columns:2; -webkit-columns:2; -moz-columns:2;} #propertyNav a {font-size:14px;} .oasis50 a {font-size:18px;} } @media screen and (min-width: 1000px) { .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox, .beachList {width:25%;} .featuredThreeBox:nth-child(4), .featuredThreeBox:nth-child(5), .featuredThreeBox:nth-child(6), .latestThreeBox:nth-child(4), .latestThreeBox:nth-child(5), .latestThreeBox:nth-child(6), .featuredFourBox:nth-child(5), .featuredFourBox:nth-child(6), .featuredFourBox:nth-child(7), .featuredFourBox:nth-child(8), .latestFourBox:nth-child(5), .latestFourBox:nth-child(6), .latestFourBox:nth-child(7), .latestFourBox:nth-child(8) {margin-top:40px;} .featPropImageH img {width:auto; height:100%;} .openingHoursTable {width:500px;} .weatherContainer, .facebookContainer {width:500px;} .halfColPic iframe {min-width:600px;} .pagination {height:40px; line-height:40px;} .pagination a, .pagination span.currentPage {min-width:30px; height:30px; line-height:28px; font-size:14px; padding:0 5px;} .searchPropPhotoContainer {width:400px; height:auto;} .propSearchSpecs, .searchPropDetails {width:calc(100% - 400px);} .portfolioRemove {left:400px;} #mainPhotos img.portrait {top:0; left:-9999px; right:-9999px; width:auto; height:100%;} #mainPhotos img.landscape {top:-9999px; bottom:-9999px; left:0; width:100%; height:auto;} #propertyNav .container {width:75%; margin:0 12.5%;} #tabNav a {font-size:20px; margin:0 10px;} #tabNav a:first-of-type {margin:0 10px 0 0;} #tabNav a:last-of-type {margin:0 0 0 10px;} .searchPropShare {height:25px; line-height:25px; font-size:18px; margin:12.5px 5px 12.5px 0;} .searchPropShare a {width:25px; height:25px; line-height:25px;} } @media screen and (min-width: 768px) and (max-width: 999px) { header h2 {width:378px;} #siteSearch {margin-right:-106.5px;} #siteSearchKeywords {width:149px;} #mainMenu a {font-size:10px;} .subMenu li {width:128px; font-size:10px;} #homeGallery h1, .footerInfo {font-size:12px;} #searchFilterContent .searchFormTitle {font-size:14px;} .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox, .beachList {width:50%;} .featuredThreeBox, .latestThreeBox, .featuredFourBox, .latestFourBox {margin-top:30px;} .featuredThreeBox:nth-child(1), .featuredThreeBox:nth-child(2), .latestThreeBox:nth-child(2), .latestThreeBox:nth-child(1), .featuredFourBox:nth-child(2), .featuredFourBox:nth-child(1), .latestFourBox:nth-child(1), .latestFourBox:nth-child(2) {margin-top:0;} .featPropImage, .similarPropOverlay {height:150px;} #areaGallery {-moz-column-count:3; -webkit-column-count:3; column-count:3;} .weatherContainer, .facebookContainer {width:400px;} .weatherContentSmall {font-size:12px;} #searchFilterContent .searchFormTitle {font-size:11px;} .pagination {height:34px; line-height:34px;} .pagination a, .pagination span.currentPage {min-width:26px; height:26px; line-height:24px; font-size:12px; padding:0 4px;} .prevLink, .nextLink {margin:6px 0 !important;} .searchPropPhotoContainer {width:300px; height:auto;} .searchPropDetails {width:100% !important; clear:left;} .propSearchSpecs, .searchPropDetails {width:calc(100% - 300px);} .portfolioRemove {left:300px;} #propertyPhotosContainer {width:500px;} #mainPhotos .slick-slide {min-width:500px; height:375px;} #propertyNav .container {width:90%; margin:0 5%;} #contactBox {width:calc(100% - 500px);} #propertyChecklist ul {columns:2; -webkit-columns:2; -moz-columns:2; font-size:14px;} #propertyNav a {font-size:12px;} #tabNav a {font-size:18px; margin:0 6px;} #tabNav a:first-of-type {margin:0 6px 0 0;} #tabNav a:last-of-type {margin:0 0 0 6px;} .expensesTitle, .mortgageTitle {width:100%; margin:0 0 5px;} .expensesCost, .mortgageResult {width:100%; text-align:right; margin:0 0 10px;} .oasis50 a {font-size:15px;} .searchPropShare {height:18px; line-height:18px; font-size:14px; margin:16px 5px 16px 0;} .searchPropShare a {width:18px; height:18px; line-height:18px;} } @media screen and (min-width: 768px) and (max-width: 1299px) { .searchPropCContainer {width:calc(50% - 20px);} } @media screen and (min-width: 768px) and (max-width: 1170px) { .fpSelectC {width:50%; border:8px solid transparent;} } @media screen and (min-width: 768px) { header h2 {left:280px; bottom:5px; font-size:12px;} #portfolioLink, #clientLoginLink {width:calc(50% - 180px); font-size:14px; text-align:center;} #showMenu, #mobileMenu {display:none;} .collapse {display:block !important;} #headerContact, #mainMenu, #mainMenu a {display:block;} #mainMenu li {width:calc(100% / 7);} .subMenu li {min-width:100%;} #mainMenu a {border-left:1px solid #89A993; border-right:1px solid #168336;} #subMenu a {width:150px;} #showMenu {display:none;} #siteSearch {top:-74px; right:50%;} #siteSearchKeywords {padding:10px 5px; font-size:14px;} #siteSearchSubmit {height:28px; line-height:28px; color:#CCC;} #siteSearchSubmit:hover, #siteSearchKeywords:focus + #siteSearchSubmit {color:#126E2D;} #socialIcons {width:180px;} #homeGalleryContainer {height:350px;} #pageGalleryOverlay h1, #propertyGalleryOverlay h1 {margin:0 0 10px;} #pageBreadcrumb li {font-size:12px;} #pageBreadcrumb li:not(:first-child)::before {padding:0 5px; margin:0;} .mainContentW {width:calc(70% - 40px);} .mainContentN {width:30%; margin:0 40px 0 0;} .mainContentW + .mainContentN {margin:0 0 0 40px;} .boxRow {display:flex; margin-top:30px; justify-content:center;} .boxRow:nth-of-type(1) {margin-top:0;} .threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox {width:33.3333%;} .threeBox:nth-child(3n+1) {border-left:none; border-right:30px solid transparent;} .threeBox:nth-child(3n) {border-right:none; border-left:30px solid transparent;} .textPicLeft .halfColPic, .textPicLeft .weatherContainer {margin:0 15px 5px 0;} .textPicLeft .facebookContainer {margin:0 15px 40px 0;} .textPicRight .halfColPic, .textPicRight .weatherContainer {margin:0 0 5px 15px;} .textPicRight .facebookContainer {margin:0 0 40px 15px;} .halfColPic {max-width:33.3333%;} .halfColPic.iframe {max-width:600px;} #searchResults {width:75%; margin-left:40px;} #searchFilter, #sReviewsContainer {width:calc(25% - 40px);} .pagination {width:100%;} .paginationBottom {margin:0 0 25px;} .mobilePage, .mobileSplitLeft, .mobileSplitRight {display:none !important;} .searchPropCRow {float:left; width:100%; display:flex; flex-direction:row;} .searchPropCContainer .searchPropContainer {margin:0; padding-bottom:50px;} .searchPropCContainer .searchPropPhotoContainer {width:100%; height:300px; overflow:hidden; padding:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} .searchPropCContainer .searchPropPhoto {width:100%; height:100%; border-radius:0 6px 0 0; -moz-border-radius:0 6px 0 0; -webkit-border-radius:0 6px 0 0;} .searchPropCContainer .searchPropPhotoOverlay {display:flex; align-items:center; justify-content:center;} .searchPropCContainer .slick-list, .searchPropCContainer .slick-slide, .searchPropCContainer .slick-track {height:100% !important;} .searchPropCContainer .searchPropPhoto img {height:300px !important; width:auto !important;} .searchPropCContainer .searchPropPhotoOverlay img {height:200px; width:auto;} .searchPropCContainer .slick-slide {display:flex; align-items:center; justify-content:center;} .searchPropCContainer .propSearchSpecs {width:100%; column-count:2 !important;} .searchPropCContainer .prevLPhoto, .searchPropCContainer .nextLPhoto {top:0; height:100%;} .searchPropCContainer .prevLPhoto {left:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} .searchPropCContainer .nextLPhoto {right:0; border-radius:0 6px 0 0; -moz-border-radius:0 6px 0 0; -webkit-border-radius:0 6px 0 0;} .searchPropCContainer .propSearchSpecs li:nth-child(n+7) {display:none;} .searchPropButtonContainer {position:absolute; bottom:0; left:0;} .overlayPropRef {top:0; left:0;} .overlayLocation {bottom:0; right:0;} .overlayReduced {top:5px; right:5px;} .searchPropCContainer .overlayReduced {top:0; right:0;} .searchPropTitle {display:flex; align-items:center; justify-content:center;} #searchContainer #searchFilterForm {display:block;} #showFilter {display:none;} .propertyPhotosMain .container, #propertyNav .container {display:flex;} #propertyNav a {width:100%; margin:0 1%; display:flex; flex-direction:row;} .propertyDetailsLeft {width:70%;} .propertyDetailsRight {width:28%; margin-left:2%;} #contactBox {display:block;} #contactBoxM {display:none;} .contactCols {width:50%;} .formTitle {margin:0 0 5px 0;} .formInput50 {width:49%;} .formInput50:nth-child(2) {margin:0 2% 20px 0;} .pageSectionSpacer {padding-bottom:50%;} .pageSection.oasisTypes {display:flex;} .oasis50 {width:calc(48% - 30px);} .oasis50:first-of-type {margin-right:4%; border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px;} .oasis50:last-of-type {border-radius:0 5px 5px 0; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0;} .formInput50 {width:49%;} .formInput50:nth-child(2) {margin:0 2% 20px 0;} .contactCols {width:50%;} .contactCols:first-child {padding-right:30px;} input.captchaResponse {width:200px !important; margin:0 0 15px 10px !important;} #captchaVerification .formInput {width:calc(100% - 220px); margin-left:20px;} #whatsApp {right:-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;} .footerInfo {width:33%; margin:4px 0; padding:0 30px 0 0;} .footerInfoC {width:34%; padding:0 30px;} .footerInfoR {padding:0 0 0 30px;} #cookieUseContainer {right:15px; width:calc(100% - 30px);} } @media only screen and (max-width: 767px) { #container, #topGallery, #pageGalleryOverlay, #pageGalleryOverlayText, #footerContainer, #footer {width:98%; margin:0 1%;} #headerContainer {padding:6px 0 20px;} #logo {margin:0;} header h2 {top:83px !important;} #headerContact, #affiliateLogos, #socialIcons {display:none;} #portfolioLink, #clientLoginLink {width:calc(100% - 180px); font-size:12px;} #siteSearch {top:6px; right:5px; margin:0 !important;} #siteSearchKeywords {width:140px; padding:5px; font-size:12px;} #siteSearchSubmit {height:20px; line-height:20px; font-size:18px; color:#FFF;} #siteSearchSubmit:hover {color:#E4DA00;} header h2 {top:85px; left:auto; right:2px; text-align:right; font-size:10px;} /* #mainMenu {display:none;}*/ #headerSubTitle {display:none;} #languagesContainer {top:0;} #showMenu {display:block;} nav {height:auto;} #mainMenu {position:fixed; top:0; right:-260px; width:260px !important; height:100vh; background:rgba(35,31,32,0.8); padding:25px; z-index:99; transition:transform 0.4s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0s; overflow-y:auto;} #mainMenu {padding:55px 0 70px !important; list-style:none;} #mainMenu li {text-align:center; padding:0; border-bottom:1px solid #41454D;} #mainMenu li {float:left; width:100% !important; padding:8px 0; opacity:0; transform:translate3d(0px, 100vh, 0px); transition-delay:0.8s, 0s; transition-duration:0.8s, 0.6s; transition-property:transform, opacity; transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);} #mainMenu li:first-child {border-top:1px solid #41454D;} #mainMenu li a {width:100%; height:auto !important; line-height:normal !important; color:#FFF; font-size:14px; text-align:center; padding:5px; cursor:pointer; display:block;} #mainMenu a:hover, #mainMenu a.selectedPage {color:#298732;} ul.subMenu {float:left; top:auto; left:auto; position:relative;} ul.subMenu a {background:none !important; width:100% !important; border:none !important;} ul.subMenu li {height:auto;} nav.is-active #mainMenu {transform:translateX(-260px);} nav.is-active #mainMenu li, nav.is-active #mobSignup, nav.is-active #mobLogin, nav.is-active #languagesContainer {transform:translate3d(0px, 0px, 0px); opacity:1; transition:transform 0.8s ease 0s, opacity 0.6s ease 0s;} nav.is-active #mainMenu li:last-child {border-bottom:none;} nav li:last-child {border-bottom:none;} nav.is-active #mainMenu li:nth-child(2) {transition-delay:0.05s;} nav.is-active #mainMenu li:nth-child(3) {transition-delay:0.1s;} nav.is-active #mainMenu li:nth-child(4) {transition-delay:0.15s;} nav.is-active #mainMenu li:nth-child(5) {transition-delay:0.2s;} nav.is-active #mainMenu li:nth-child(6) {transition-delay:0.25s;} nav.is-active #mainMenu li:nth-child(7) {transition-delay:0.3s;} nav.is-active #mainMenu li:nth-child(8) {transition-delay:0.35s;} nav.is-active #mainMenu li:nth-child(9) {transition-delay:0.4s;} nav.is-active #mainMenu li:nth-child(n+10) {transition-delay:0.45s;} #homeGalleryContainer {height:350px;} #homeSearchContainer {width:96%; height:auto; margin:0;} #homeSearchForm input, #homeSearchForm select {margin-bottom:5px;} #homeSearchForm {height:auto !important;} #homeGallery h1 {right:1%; width:98%; font-size:12px; text-align:right; margin:0;} #pageGalleryOverlay h1, #propertyGalleryOverlay h1, #propertyPrice {font-size:20px;} #pageGalleryOverlay h1, #propertyGalleryOverlay h1 {line-height:20px;} #pageBreadcrumb ol {overflow-x:auto; white-space:nowrap;} #pageBreadcrumb li {font-size:9px;} #pageBreadcrumb li:not(:first-child)::before {font-size:9px; padding:0 2.5px; margin:0;} #searchRentals {right:0;} .fpSearchTypeSelect {font-size:12px;} #fpSearch {width:96%; padding:0 1%;} #searchCountSale, #searchCountRent {float:left; width:50%; margin:5px 1%; position:relative; top:auto; left:auto; padding:3px 0;} #searchButton {position:relative; bottom:auto; right:auto; float:right !important; margin:0 0 5px !important;} #searchFilterContent #searchButton {margin:7px !important;} .fpSelectC, #homeSelectContaineren .ui-sortable-placeholder {width:50%; border:8px solid transparent;} .mainContentW, .mainContentN {width:100%;} .twoBox, .threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox, .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox, .similarProperty {margin-bottom:5px;} .twoBox, .threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox, .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox, .similarProperty, .centredTextWide, .centredTextWide, .threeBox, .threeBox.rentalProperty, .fourBox, .halfColText, .halfColPic, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox, .propertyContentDP {width:100%;} .beachList {width:50%;} #areaInfoVideos .youtube-player {margin-bottom:20px;} .halfColPic {margin:0 0 20px;} #areaGallery {-moz-column-count:2; -webkit-column-count:2; column-count:2;} .areaInfoPhotoCaption {bottom:0;} .featuredThreeBox, .latestThreeBox, .featuredFourBox, .latestFourBox {margin-top:20px;} .featuredThreeBox:nth-child(1), .latestThreeBox:nth-child(1), .featuredFourBox:nth-child(1), .latestFourBox:nth-child(1) {margin-top:0;} .featPropImage, .similarPropOverlay {height:200px;} .weatherContainer, .facebookContainer {width:50%;} .weatherContentTempMinMax, .weatherContentSmall {font-size:9px;} .weatherContentTemp {font-size:22px;} .smallWeatherTitle, .smallWeatherMinMaxTemp {font-size:11px;} .weatherContainer, .facebookContainer {width:100%; margin-bottom:40px;} #searchResults, #searchFilter, #sReviewsContainer {width:100%;} .pagination {height:28px; line-height:28px;} .fullPage, .pageSplitLeft, .pageSplitRight, #showFilters {display:none !important;} .pageNumbers a.mobilePage, .nextLink, .prevLink, .mobileSplitRight, .mobileSplitLeft {display:inline-block !important;} .previousVideo, .nextVideo {display:block;} .mobileSplitRight {margin-right:20px !important;} .mobileSplitLeft {margin-left:20px !important;} .pagination a, .pagination span.currentPage {min-width:22px; height:22px; line-height:20px; font-size:14px; padding:0 3px;} .prevLink, .nextLink {margin:6px 0 !important;} #searchContainer #searchFilterForm {display:none;} #showFilter {display:block;} #showSearchMap, .sortResults {width:100%;} .searchFilterThird:nth-child(1) h3, .pageNumbers a, #listTypeSelContainer, #previousPhoto, #nextPhoto {display:none;} .searchPropCContainer {width:100%;} .overlayPropRef {top:5px; left:5px;} .overlayLocation {bottom:5px; right:5px;} .overlayReduced {top:5px; right:5px;} .searchPropShare {height:30px; line-height:30px; font-size:18px; margin:10px 5px 10px 0;} .searchPropShare a {width:30px; height:30px; line-height:30px;} #previousPhoto.photoNavNOL, #nextPhoto.photoNavNOL {display:block;} #previousPhoto.photoNavNOL i, #nextPhoto.photoNavNOL i {opacity:0.8 !important;} .searchPropTitle h2, .featLPropTitle h2, .searchPropPrice, .featLPropPrice, .searchPropPhotoContainer {width:100%;} .searchPropTitle h2, .featLPropTitle h2, .searchPropPrice, .featLPropPrice {text-align:center;} .searchPropTitle h2, .featLPropTitle h2 {margin-bottom:12px;} .photoNavNOL {display:none;} .swipeInst {display:block;} .propSearchSpecs {width:100%; column-count:2;} .searchPropDetails, .propertyDetailsLeft, .propertyDetailsRight {width:100%;} .portfolioRemove {left:2px;} .propertyDetailsLeft {margin-bottom:40px;} .propertyTitle, .propertyPrice, #propertyPhotosContainer, #propertyChecklist, .propertyContentL, .propertyContentR, #mainDirPhotos .slick-slide {width:100%;} #propertyPhotos, #mainPhotos li img, .youtube-player, #propertyDetailsContainer {width:100%; height:auto;} .youtube-player {min-height:400px;} #propertyNav a {width:80%; font-size:16px; margin:0 10% 20px;} #tabNav {display:table; border-spacing:5px 0;} #tabNav a {min-width:16.6667%; line-height:normal; font-size:14px; margin:0; padding:0 8px; display:table-cell; vertical-align:middle;} #tabNav a:first-of-type {margin:0 4px 0 0;} #tabNav a:last-of-type {margin:0 0 0 4px;} .tabContent {margin-top:-4.5px;} #propertyChecklist {margin:20px 0;} #propertyChecklist ul {columns:2; -webkit-columns:2; -moz-columns:2; font-size:16px;} #contactBox {display:none;} #contactBoxM {display:block;} .twoWB, .threeWB {margin-bottom:20px;} .localDistanceTitle, .localDistance, .mortgageTitleW, .mortgageValue {font-size:16px;} .pFormRow {padding:15px 10px; margin-bottom:15px;} .pFormTitle {display:none;} .pFormInput {width:100%; border-top:none;} .pFormInputHalf {width:49% !important;} .pFormLabel {display:inline-flex;} .pFormSelect, .featuresAdd {width:100%; padding:0;} .pFormSelect .ui-selectmenu-button {width:100%; border-top:none; padding:15px 10px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} .ui-datepicker-multi .ui-datepicker-group {width:100%;} .pageSectionSpacer {padding-bottom:150%;} .oasis50 {width:100%;} .oasis50 a {font-size:15px;} .oasis50:first-of-type {margin-bottom:10px; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0;} .oasis50:last-of-type {border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px;} .formInput50, .propFormRow .formInput {width:100%; margin:0 0 20px;} .contactCols {width:100%;} #captchaVerification iframe {left:50%; margin:0 0 20px -100px; position:relative;} input.captchaResponse {width:calc(80% - 2px) !important; margin:0 10% 15px !important;} .contactCols {width:100%;} #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;} .footerInfo {width:100%; text-align:center !important;} .footerInfo ul {padding:0;} #footerLeft, #footerRight {width:98% !important; margin:0 1%;} #cookieUseContainer {right:5px; width:calc(100% - 10px);} } @media only screen and (max-width: 638px) { .fpSelectC {width:100%; border:8px solid transparent;} #areaInfoVideos .youtube-player {max-width:100%; margin:0 0 20px;} } @media only screen and (max-width: 440px) { #propertyChecklist ul {columns:1; -webkit-columns:1; -moz-columns:1;} } a {color:#126E2D; text-decoration:none; transition-duration:0.5s;} a:hover {color:#E4DA00; transition-duration:0.5s; text-decoration:underline;}