body {background:#FFF; margin:0 auto; width:100%; height:100%; font-family:"Open Sans", Arial, Verdana; font-size:16px; color:#333;}

*, *::before, *::after {box-sizing:border-box;}

#cookieUseContainer {position:fixed; left:50%; bottom:15px; background:rgba(0,0,0,0.8); width:318px; border:1px solid #000; padding:14px; font-size:14px; display:none; margin-left:-160px; 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 {float:left; width:100%; color:#FFF;}
#cookieContinue {float:left; width:100% !important; height:36px !important; line-height:36px !important; display:block; text-align:center; color:#FFF !important; font-size:18px; text-align:center; border:none; padding:0 5px !important; margin:0 !important; z-index:2; cursor:pointer;}
#cookieContinue:hover {color:#6699CB !important;}

header, main, footer {float:left; width:100%; position:relative;}

header {position:fixed; top:0; height:70px; z-index:99; transition-duration:0.5s;}
header.whiteHeader {background:rgba(255,255,255,0.8); -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); transition-duration:0.5s;}
#logo {float:left; width:280px; height:60px; margin:5px 0; position:relative; z-index:99;}
#logo img {position:relative; z-index:1;}
#logo svg {position:absolute; top:10px; left:48px; height:40px; overflow:hidden; fill:#6699CB; transition-duration:0.5s;}
#logo.whiteLogo svg {fill:#FFF; -webkit-filter:drop-shadow( 0 0 2px #545454 ); filter:drop-shadow( 0 0 2px #545454 );}
#logo:hover svg {fill:#231F20;}

.showMenu {background:rgba(35,31,32,0.6); width:70px; height:70px; margin:0; border:0; overflow:visible; transition-duration:0.15s; transition-property:opacity, filter, -webkit-filter; transition-timing-function:linear; cursor:pointer; padding:20px;}
.showMenuBox {width:48px; height:24px; display:inline-block; position:relative;}
.showMenuContent {top:50%; display:block; margin-top:-2px;}
.showMenuContent, .showMenuContent::before, .showMenuContent::after {position:absolute; width:30px; height:2px; background:#FFF; transition-duration:0.15s; transition-property:transform, -webkit-transform; transition-timing-function:ease;}
.showMenuContent::before, .showMenuContent::after {content:""; display:block;}
.showMenuContent::before {top:-6px;}
.showMenuContent::after {bottom:-6px;}
.showMenu:hover .showMenuContent, .showMenu:hover .showMenuContent::before, .showMenu:hover .showMenuContent::after {background:#CCC;}
.menuCollapsed .showMenuContent {bottom:0; top:auto; transition-delay:0.15s; transition-duration:0.15s; transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.menuCollapsed .showMenuContent::after {top:-12px; transition:top 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, opacity 0.1s linear 0s;}
.menuCollapsed .showMenuContent::before {transition:top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;}
.menuCollapsed.is-active .showMenuContent {background:#6699CB; transform:translate3d(0px, -10px, 0px) rotate(-45deg); transition-delay:0.32s; transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
.menuCollapsed.is-active .showMenuContent::after {background:#6699CB; top:0; opacity:0; transition:top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0s, opacity 0.1s linear 0.27s;}
.menuCollapsed.is-active .showMenuContent::before {top:0; background:#6699CB; top:0; transform:rotate(-90deg); transition:top 0.12s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.18s, transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s, -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s;}

#mainMenu ul {list-style:none; text-align:center; padding:0; margin:0;}
#mainMenu li {position:relative;}
#mainMenu li a {color:#FFF; font-weight:600; display:table; padding:0; position:relative; transform:perspective(0px) translateZ(0px); transition-duration:0.3s; transition-property:color; cursor:pointer;}
#mainMenu li a:hover, #mainMenu li a.selectedPage, #mainMenu li a.menuShow {text-decoration:none;}

.moreArrow, .moreSArrow {width:0; height:0; display:inline-block; margin:0 0 0 2px; vertical-align:middle; cursor:pointer;}
.moreArrow {border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #FFF;}
#mainMenu li a:hover > .moreArrow {border-top:4px solid #231F20;}
.ddMenu {position:absolute; top:100%; right:-66.6667px; list-style:none; padding:5px 10px; border:1px solid #E1E3E1; display:none; z-index:999;} 
.ddMenu a {width:100% !important; transition-duration:0.5s !important;}

.ddMenu li {width:100%; display:block;}
#loginNow, #forgotPass, #resendConf {cursor:pointer;}

#fpSearch h1 {color:#FFF; text-shadow:2px 2px 2px rgba(35,31,32,1);}
#fpSearch .ui-selectmenu-button.ui-button, #fpSearch select {float:left; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
#fpSearchSubmit {float:left; background:#6699CB; height:34px; line-height:34px; display:block; color:#FFF; font-size:16px; border:1px solid #5580AA; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; cursor:pointer; transition-duration:0.5s;}

#fpGallery {float:left; height:100vh; width:100%; overflow:hidden; z-index:0;}
#fpGallery.stdPage {position:relative;}
#fpGallery.stdPage, .stdPage #fpGalleryPhotos, .stdPage .fpGalleryPhoto {height:120px;}
#fpGalleryPhotos, #fpGalleryPhotos .slick-slide {height:100vh;}
.fpGalleryPhoto, .fpGalleryTitle {width:100%; height:100%; overflow:hidden;}
.fpGalleryPhoto {position:absolute; top:0; left:0;}
.fpGalleryTitle {float:left; position:relative;}
.fpGalleryPhoto img {position:absolute; top:-9879px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto; transform:translate(0,-120px);}
.fpGalleryTitles {position:absolute;  width:98%; margin:0 1%; text-align:right; font-weight:600; color:#FFF; text-shadow:2px 2px 2px rgba(35,31,32,1);}

main {float:left; min-height:700px;}
.mainContent {float:left; width:100%; display:inline-block; margin-bottom:40px;}
.mainContent.noMargin {margin:0 !important;}
.mainContent::before, .mainContent::after {content:" "; display:table;}
main .mainContent:first-child {margin-top:40px;}

#breadcrumb {float:left; width:100%; -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);}
#breadcrumb ol {float:left; width:100%; list-style:none; display:inline-block; padding:5px 0; margin:0;}
#breadcrumb li {display:inline-block;}
#breadcrumb li:not(:first-child)::before {content:"→"; padding:0 5px; color:#999293;}

.container {height:auto; margin:0 auto;}

h1, h2, h3, h4, h5, h6, .propertyPrice {line-height:32px; font-size:28px; color:#6699CB; text-align:left; position:relative;}
h1, h2, h3, h4, h5, h6 {margin:5px 0 10px;}
.textWBG h1, .textWBG h2, .textWBG h3, .textWBG h4, .textWBG h5, .textWBG h6 {color:#FFF; margin:0 0 10px !important;}

.featuredProperties, .latestProperties, .similarProperties, .adverts {float:left; width:100%; text-align:center; vertical-align:top; position:relative;}
.featuredProperties h1, .featuredProperties h2, .latestProperties h1, .latestProperties h2, .similarProperties h4, .similarProperties h5 {text-align:left;}
.featProp, .latestProperty, .similarProperty, .signupContainer {float:left; background-clip:padding-box; text-align:left; display:inline-block; padding:10px; margin:0; position:relative; vertical-align:top;}
.featPropImage {float:left; width:100%; height:150px; overflow:hidden; position:relative;}
.featPropImage img {position:absolute; width:100%; height:auto; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto; transform:scale(1); transition:transform 0.2s ease 0s;}
.featPropImage img:hover {transform:scale(1.2);}
.advert {overflow:hidden;}
.squareAdvert {width:100%; height:100%; position:relative;}
.squareAdvert img {position:absolute; width:100%; height:auto; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;}
.signupContainer {border:1px solid #C5C5C5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; transition-duration:0.5s;}
.signupContainer:hover, .signupContainer.selectedSU {background:#FAFAFA; border:1px solid #ACACAC; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.3); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.3); box-shadow:0 0 20px 0 rgba(0,0,0,0.3);}
.signupDetailsC, #signupInfo, #signupEAInfo, #signupDetailsP, #signupPInfo {display:none;}
#signupADDetails, #signupPdetails {background:#FAF8F8; border:1px solid #C5C5C5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#signupCostContainer, #signupCost, #signupInfo, #signupEAInfo, #signupDetailsP, .privatePackagePrice, #signupPInfo {float:left; width:100%;}
#signupCostContainer, .privatePackagePrice {background:#6699CB; color:#FFF; text-align:center; font-weight:600; margin:10px 0 0;}
.eAgentPackage {float:left; color:#FFF; position:relative; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer;}
.eAgentPackage:nth-child(odd) {background:#5580AA;}
.eAgentPackage:nth-child(even) {background:#6699CB;}
.eAgentPackageTitle {float:left; width:100%;}
.eAgentPackageTitle {height:70px; border-bottom:1px solid #FFF; display:table;}
.eAgentPackagePrice {position:absolute; left:5px; bottom:10px; width:calc(100% - 10px); text-align:center; border-top:1px solid #FFF;}
.eAgentPackagePrice p {font-size:18px; color:#FFF; font-weight:600; margin:5px 0 15px;}
.eAgentPackagePrice span.reducedPrice, .privatePackagePrice span.reducedPrice {text-decoration:line-through; opacity:0.8; color:#333;}
.eAgentPackagePrice span.incIVA, .privatePackagePrice span.incIVA {font-size:10px;}
.eAgentPackageTitle h3, .eAgentPackagePrice h3 {width:100%; line-height:normal; color:#FFF; font-size:20px; text-align:center;}
.eAgentPackageTitle h3 {display:table-cell; vertical-align:middle;}
.eAgentPackagePrice h3 {margin-bottom:0;}
.eAgentPackage:hover, .eAgentPackage.selectedPackage {background:#F15D2A;}
.eAgentPackage ul {float:left; width:100%; list-style:none; padding:0; margin:10px 0;}
.eAgentPackage li::before {content:"✓"; padding:0 5px; margin-left:-20px;}
.eAgentPackage li {padding-left:20px; margin-bottom:5px;}
.selectPackage {float:left; background:#F15D2A; width:90%; height:40px; line-height:40px; display:block; color:#FFF; font-size:16px; border:1px solid #5580AA; margin:10px 5%; position:relative; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; cursor:pointer; transition-duration:0.5s;}
.eAgentPackage:hover .selectPackage, .eAgentPackage.selectedPackage .selectPackage {background:#6699CB;}
.selectPackage:hover {text-decoration:none;}

.advert {float:left; width:200px; height:200px; overflow:hidden;}

.textWBG {position:relative;}
.textBG {width:100%; position:relative; overflow:hidden; padding:20px 0;}
.textBGCover {position:absolute; background:rgba(35, 31, 32, 0.5); top:0; left:0; width:100%; height:100%;}
.textWBG .container {color:#FFF; position:relative; z-index:1;}
.textRow {float:left; width:100%; text-align:left;}
.textRow, .centredText, .centredTextWide, .textPic, .textSearch {position:relative;}
.centredText, .centredTextWide, .textPic, .textSearch {min-height:220px;}
.directoryContent {padding:10px 20px;}

.centredText p, .centredTextWide p {text-align:justify;}
.centredText, .centredTextWide {text-align:center;}

.halfColText {float:left; width:60%; text-align:justify; padding:0 2%; position:relative;}
.halfColPic {float:left; width:40%; height:auto; overflow:hidden; -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 img {width:100%; height:auto;}

.centredText {width:75%; padding:0 1%;}
.centredTextWide {width:100%; padding:0 1%;}
.centredText, .centredTextWide {margin:0 auto;}

img.imgRight {float:right; margin:0 0 10px 10px; -webkit-box-shadow:3px 3px 5px 0px rgba(95,97,96,1); -moz-box-shadow:3px 3px 5px 0px rgba(95,97,96,1);box-shadow: 3px 3px 5px 0px rgba(95,97,96,1);}
img.imgCentre {float:none; margin:0 auto 10px; display:block; -webkit-box-shadow:0px 3px 5px 0px rgba(95,97,96,1); -moz-box-shadow:0px 3px 5px 0px rgba(95,97,96,1); box-shadow:0px 3px 5px 0px rgba(95,97,96,1);}
img.imgLeft {float:Left; margin:0 10px 10px 0; -webkit-box-shadow:-3px 3px 5px 0px rgba(95,97,96,1); -moz-box-shadow:-3px 3px 5px 0px rgba(95,97,96,1); box-shadow:-3px 3px 5px 0px rgba(95,97,96,1);}

.searchColText {float:left; text-align:justify; padding:0;}
.searchContainer, #searchFilter, #directoryFilter {float:left; background:#6699CB; border:1px solid #5580AA; color:#FFF; padding:5px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.searchContainer h3 {float:left; width:100%; font-size:24px; line-height:30px; color:#FFF; text-align:center;}
#searchForm .ui-selectmenu-button, #searchForm select, #directoryFilter .ui-selectmenu-button, #directoryFilter select {float:left; width:100%; margin:0 0 10px;}
#searchFilterContainer {float:left; width:100%; min-height:108px;}
#searchFilter, #directoryFilter {width:100%; position:relative;}
#searchFilter.scrolling, #directoryFilter.scrolling {position:fixed; z-index:97; -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);}
#searchFilterMain .ui-selectmenu-button.ui-button, .filterSecondaryThird, #directoryFilterMain .ui-selectmenu-button.ui-button {float:left;}
#searchLocation-menu, #priceMin-menu, #priceMax-menu, #noBeds-menu, #fpPropertyType-menu, #noBaths-menu, #noGuests-menu, #catURL-menu, #city-menu {max-height:200px;}
#searchFilterMain .ui-selectmenu-button.ui-button:last-child, #directoryFilterMain .ui-selectmenu-button.ui-button:last-child {margin-right:0;}
#showFilter {float:left; height:30px; line-height:30px; margin:10px 0; text-align:right; color:#FFF; font-weight:600; padding:5px 14px; position:relative; cursor:pointer; transition-duration:0.5s;}
#showFilter::before {content:"↓"; position:absolute; right:0; top:0; line-height:36px; font-weight:300;}
#showFilter.openFilter::before {content:"↑";}
#showFilter:hover {color:#333; text-decoration:none;}
.searchFilterContainer, #searchResultsSorting, #searchFilterMain, #searchFilterSecondary {float:left; width:100%;}
#searchSortingNum {float:right;}
#searchFilterMain {display:block;}
#searchFilterSecondary {display:none;}
.filterSecondaryThird {margin:10px 0;}
.filterSecondaryThirdInp {float:left; width:100%;}
.filterSecondaryThirdInp label {margin-left:8px; cursor:pointer; transition-duration:0.5s;}
.filterSecondaryThirdInp label:hover {color:#333;}
#filterSearch, #searchFormSubmit {float:right; background:#F1F2F3; height:40px; line-height:40px; color:#231F20; font-weight:600; border:1px solid #CCC; margin:10px 0; padding:0 15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; transition-duration:0.5s;}
#filterSearch:hover, #searchFormSubmit:hover {background:#5580AA; color:#FFF; border:1px solid #FFF; text-decoration:none;}
#searchResultsSorting {margin:20px 0; text-align:right;}

#searchFilterMain.sTSearch .ui-button {text-align:left;}
.dp-highlight .ui-state-default {background:#6699CB; border:1px solid #5580AA; color:#FFF;}
#datePickerC {position:absolute; top:50px; right:20px; background:#FFF; display:none; z-index:97; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -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);}
#datePicker {float:left; width:100%;}
#cancelDates, #applyDates {float:left; width:50%; padding:5px 10px; cursor:pointer;}
#cancelDates {clear:both;}
#applyDates {text-align:right;}
#cancelDates:hover, #applyDates:hover {text-decoration:none;}
.dPHighlight {border:1px solid rgba(85,128,170,0.7); transition-duration:0s !important;}
.dPHighlight a {background:rgba(102,153,203, 0.7) !important; color:#FFF !important;}

#searchResults {float:left; width:100%;}

.pagination{float:left; width:100%; height:40px; line-height:40px; text-align:center; margin:0 0 5px; position:relative;}
.pagiL {font-size:12px;}
.pagination a, .pagination span.currentPage {background:#FFF; min-width:30px; height:30px; line-height:28px; display:inline-block; font-size:14px; color:#333; text-decoration:none; margin:5px 1px; border:1px solid #C5C5C5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.prevLink, .nextLink, .pagination a:hover, .pagination span.currentPage, .pagination span.currentPage, .yearPagination a:hover, .yearPagination span.currentPage {background:#6699CB !important; color:#FFF !important; font-weight:bold; text-decoration:none; border:1px solid #5580AA !important;}
.prevLink, .nextLink {vertical-align:bottom;}
.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:bold; color:#333 !important;}
.priceBand {display:none;}
.priceBandCurrent, .pageNumbers a:hover > .priceBand {display:block;}

#searchLoadingBG {position:absolute; background:rgba(255,255,255,0.6); top:0; left:0; width:100%; height:100%; z-index:97; display:none;}
#searchLoadingBG img {position:absolute; left:50%; top:150px; width:128px; height:128px; margin:-64px 0 0 -64px;}

.searchProperty, .dirContainer {float:left; width:100%; border:1px solid #C5C5C5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:25px; overflow:hidden; position:relative;}
.searchPropertyF {border:4px solid #FF652A; -webkit-box-shadow:0px 0px 5px 1px rgba(87,87,87,0.8) -moz-box-shadow:0px 0px 5px 1px rgba(87,87,87,0.8); box-shadow:0px 0px 5px 1px rgba(87,87,87,0.8);}
.searchPropertyF:hover {border:4px solid #6699CB;}
.featuredBanner {float:right; background:#FF652A; color:#FFF; text-transform:uppercase; font-weight:600; padding:0 10px;}
.searchPropertyPhoto, .searchPropertyDetails, .dirLogo {float:left; overflow:hidden;}
.searchPropertyPhoto {height:auto; position:relative;}
.searchPropertyPhoto img, .dirLogo img {width:100%; height:auto; transform:scale(1); transition:transform 0.2s ease 0s;}
.searchProperty:hover > .searchPropertyPhoto img, .dirContainer:hover > .dirLogo img {transform:scale(1.2);}
.searchPropertyPrice {float:left; width:100%; font-size:20px;}
span.noNights {font-size:12px;}
.searchPropertyRef, #slideCount, #videoCount {position:absolute; background:rgba(255,255,255,0.6); top:10px; left:0; padding:5px 10px; -webkit-box-shadow:1px 1px 3px 0px rgba(87,87,87,0.8) -moz-box-shadow:1px 1px 3px 0px rgba(87,87,87,0.8); box-shadow:1px 1px 3px 0px rgba(87,87,87,0.8); border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0;}
.searchPropertyRef {font-size:12px;}
.searchPropertySpecs {float:left; width:100%; list-style:none; margin:15px 0; padding:0;}
.searchPropertySpecs li {display:inline-block; margin-right:15px;}
.searchPropertySpecs li:last-child {margin:0;}
.searchPropertySpecs li strong {font-weight:600;}
.searchPropertySpecs li svg {fill:#333; width:14px; height:14px;}
.searchPropertyView, .searchPropertySave, .searchPropertySaveD, .searchPropertyRemove {position:absolute; bottom:10px; background:#6699CB; height:40px; line-height:30px; font-weight:600; color:#FFF; border:1px solid #5580AA; padding:5px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.searchPropertyView {right:10px;}
.searchPropertySave, .searchPropertySaveD, .searchPropertyRemove, #searchSave, #searchSaveD {cursor:pointer;}
#searchSave, #searchSaved, #searchSaveD {float:left; background:#6699CB; height:40px; line-height:30px; font-weight:600; color:#FFF; border:1px solid #5580AA; padding:5px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

#directoryFilterContainer, #directoryResults, .dirDetails, .dirLocation {float:left;}
.dirDetails {padding:0 10px 45px;}
.dirTitle, .dirLocation, .dirDesc {float:left; width:100%;}
.dirTitle {padding:5px 0; border-bottom:1px solid #6699CB;}
.dirTitle h2 {float:left; font-size:20px; margin:0 20px 0 0;}
.dirCat, .dirLocation {font-size:14px; font-weight:600; line-height:32px; margin:0;}
.dirCat {float:right;}
.dirLocation {text-align:right;}
#bdLogo {max-width: 400px !important max-height:400px !important;}
.dirInfoInput {position:relative;}
.openClosed {float:left; margin-right:15px; cursor:pointer;}
.openingTimes {float:left; cursor:pointer;}
.openingTimesMenuButton {float:left; width:4px; height:4px; line-height:4px; margin:4px; border:1px solid #666; display:table; padding:4px 5px 4px 3px; position:relative; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; transition-duration:0.5s;}
.openingTimesMenuOpen {width:0; height:0; display:inline-block; margin:0 0 0 2px; vertical-align:middle; border-left:4px solid transparent; border-right:4px solid transparent;
border-top:4px solid #666; transition-duration:0.5s;}
.openingTimesMenuButton:hover {border:1px solid #333;}
.openingTimesMenuButton:hover .openingTimesMenuOpen {border-top:4px solid #333;}
#openingTimesMenu {position:absolute; top:30px; right:0; width:210px; background:#FFF; padding:5px 15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-box-shadow:0px 0px 5px 1px rgba(87,87,87,0.8); -moz-box-shadow:0px 0px 5px 1px rgba(87,87,87,0.8); box-shadow:0px 0px 5px 1px rgba(87,87,87,0.8); display:none; z-index:99;}
.openingTimesMenuArrow {position:absolute; top:-10px; right:0; width:20px; height:10px; overflow:hidden;}
.openingTimesMenuArrow span {width:10px; height:10px; position:relative; overflow:hidden;}
.openingTimesMenuArrow span:after {content: ""; position:absolute; width:8px; height:10px; background:#FFF; transform:rotate(45deg); top:15px; left:6px; box-shadow:0px 0px 5px 1px rgba(87,87,87,0.8);}
.openRow {float:left; width:100%; font-size:12px; line-height:18px; margin-bottom:3px;}
.openRow.todayRow {font-weight:600;}
.openDay {float:left; width:55%; margin-right:2%;}
.openTime {float:left; width:43%;}
.openTimeClosed {text-transform:uppercase;}

.businessOpen, .businessClosed {font-weight:600;}
.businessOpen {color:#42B72A;}
.businessClosed, .openTimeClosed {color:#BB0003;}

.propertyTitleContainer {margin:10px 0 0; padding:5px 0 0;}
.propertyTitle, .propertyPrice, #propertyPhotosContainer, #propertyEnqContainer {float:left;}
#propertyPhotos, #propertyVideos {float:left; width:100%; height:100%;}
#propertyVideos {display:none;}
.propertyTitle h1 {margin-bottom:0;}
.propertyTitle address {font-size:12px; font-style:normal; margin-bottom:10px;}
.propertyPrice {text-align:right; font-weight:600; padding:5px 0 10px;}
.propertyContent {margin:0; padding:5px 0;}
#propertyPhotosContainer {overflow:hidden; position:relative;}
.slick-slide {position:relative;}
#mainPhotos, #mainVideos, #mainDirPhotos {margin:0; padding:0;}
#previousPhoto, #nextPhoto, #previousVideo, #nextVideo {position:absolute; top:0;  height:100%; display:block; cursor:pointer; z-index:90;}
#previousPhoto, #nextPhoto {width:50%;}
#previousVideo, #nextVideo {widht:25%;}
#previousPhoto::before, #nextPhoto::before, #previousVideo::before, #nextVideo::before {position:absolute; background:rgba(102,153,203,0.7); top:50%; width:50px; height:50px; line-height:40px; font-size:30px; text-align:center; font-weight:600; color:#FFF; margin:-25px 0 0; border:1px solid #FFF; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; opacity:0.4; transition-duration:0.5s}
#previousPhoto::before, #previousVideo::before {content:"←"; left:5px;}
#nextPhoto::before, #nextVideo::before {content:"→"; right:5px;}
#previousPhoto:hover, #nextPhoto:hover, #previousVideo:hover, #nextVideo:hover {text-decoration:none;}
#previousPhoto:hover::before, #nextPhoto:hover::before, #previousVideo:hover::before, #nextVideo:hover::before {opacity:0.9;}
#previousPhoto, #previousVideo {left:0;}
#nextPhoto, #nextVideo {right:0;}
#slideCount, #videoCount {height:30px; line-height:20px; font-weight:600;}
#propertyEnqContainer {position:relative;}
.propertyContentD {background:#FAF8F8;}
#sendContact, #sendGCEN, #sentToGCEN, .saveProperty {background:#6699CB; height:40px; line-height:40px; display:block; color:#FFF; font-size:16px; padding:0 20px; border:1px solid #5580AA; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; cursor:pointer; transition-duration:0.5s;}
#sendContact, #sendGCEN {float:right; margin:5px 10px 0 0;}
#eFormError {float:left; height:40px; line-height:40px; color:#BB0003; display:none;}
#enquiryResponse, #quickEnquiryResponse {float:left; width:100%;}
#enquiryResponse {display:none;}
.saveProperty {float:left; margin:22.5px 10px;}
#showVideos, #showPhotos {position:absolute; background:rgba(255,255,255,0.6); top:10px; right:10px; 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:2px; -moz-border-radius:2px; -webkit-border-radius:2px; cursor:pointer; z-index:91; transition-duration:0.5s;}
#showVideos:hover, #showPhotos:hover {background:rgba(35,31,32,0.6); color:#FFF;}
#mainVideos .slick-list, #mainVideos .slick-track {height:510px !important;}
.youtube-player {width:640px; height:510px;}

#propertyRef {float:left;}
#marketedBy {float:right; min-width:150px; font-weight:600; text-align:center;}
#marketedBy a:hover {text-decoration:none;}

.propertyContentDP .ui-datepicker-inline {width:100% !important;}
.lowSeason span, .lowSeason a {background:#6699CB !important;}
.midSeason span, .midSeason a {background:#F9AE4C !important;}
.hiSeason span, .hiSeason a {background:#F46B6B !important;}
.peakSeason span, .peakSeason a {background:#B80000 !important; color:#FFF;}
.stdSeason span, .stdSeason a {background:#F6F6F6 !important;}
.lowSeason a, .midSeason a, .hiSeason a, .peakSeason a {color:#FFF !important;}
.seasonAv {color:#FFF;}
.stdSeason a {color:#333 !important;}
.seasonUn {opacity:0.35; text-decoration:line-through;}
.seasonKeyRow {float:left; clear:both; width:100%; margin-bottom:5px;}
.seasonKeyRowS {margin-bottom:15px;}
.seasonKey {float:left; height:30px; display:block; border:1px solid #C5C5C5;}
.seasonKey span {width:100%; height:28px; line-height:28px; text-align:center; display:block;}
.seasonKeyTitle {float:left; width:calc(100% - 50px);}

#contactWaiting {position:absolute; background:rgba(250,248,248,0.6) ;top:0; left:0; width:100%; height:100%; z-index:97; display:none;}
#contactWaiting img {position:absolute; top:50%; left:50%; width:128px; height:128px; margin:-64px 0 0 -64px;}

.headlineContainer {display:flex; padding:5px 0 20px !important;}
.propertyHeadlines {float:left; flex:1; height:80px; line-height:40px; font-size:18px; color:#909090; text-align:center;}
.propertyHeadlines span {float:left; width:100%; color:#333; font-size:26px;}
.propertyHeadlines svg {fill:#333; width:30px; height:30px; margin:5px 0;}

.propertyContentL, .propertyContentR, .propertyContentDP, .propertyContentDPR {float:left; padding:0 5px;}
.bookingExtra {float:left; width:100%; padding:5px 20px; border:1px solid #909090; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.propertyContentL .bookingExtra {margin:20px 0;}
.propertyContentR .bookingExtra {text-align:center; margin:0 0 20px;}
.bookingExtra span {font-weight:bold; margin-right:30px;}
.propertyExtraRow {float:left; width:100%; margin-bottom:1px;}
.propertyExtra {float:left; width:50%; font-weight:600; padding:5px 10px;}
.propertyExtraD {float:left; width:calc(50% - 1px); padding:5px 10px; border-left:1px solid #FFF;}
.propertyExtraRow:nth-child(even) {background:#F1F2F3;}
#featuresTitle {float:left; width:100%; font-size:18px; font-weight:600; margin:15px 0 5px;}
.features {float:left; width:100%; list-style:none; padding:0; margin:0;}
.features li::before {content:"✓"; padding:0 5px;}
.propertyMap {margin:40px 0 !important;}
#propertyMap, .propertyMap iframe {float:left; width:100%; height:500px;}


.propFormRow, .dirInfoRow {float:left; width:100%; margin-bottom:3px;}
.propFormSmall {font-size:12px;}
.propFormSmall label {cursor:pointer;}
.propFormTitle, .dirInfoTitle {float:left; clear:left; width:33.3333%; height:40px; font-size:14px; font-weight:600;}
.propFormTitle {line-height:20px;}
.propFormTitle span, .propLabelName span {color:#BB0003;}
.propFormInput, .dirInfoInput, .propFormCaptcha {float:left; width:66.6667%; position:relative; margin:0; padding:5px 0;}
.propFormInput {background:#FFF; border:1px solid #909090; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.propFormInput.formError {border:1px solid #BB0003;}
.changeDayError p {text-align:center; color:#BB0003; font-size:14px; font-weight:600;}
.propFormInput input {width:100%; height:30px; line-height:30px; font-size:16px; color:#333; background:transparent; border:none; padding:0 5px; margin:0;}
.propFormSelect {float:left; width:66.6667%; position:relative;}
.propFormSelect .ui-selectmenu-button.ui-button {width:100% !important;}

.propFormLabel {position:absolute; top:0; left:0; right:0; width:100%; height:16px; line-height:16px !important; font-size:12px; display:flex; flex-flow:row nowrap;}
.propFormLabel::before, .propFormLabel::after {content: ""; background:#909090; display:inline-block; height:1px; top:0; width:7px;} 
.propFormLabel::after {flex:1 1 auto;}
.propFormLabel label {position:relative; top:-8px; padding:0 5px;}
.propFormInput textarea {width:100%; min-height:60px; font-size:16px; font-family:"Open Sans", Arial, Verdana; color:#333; background:transparent; border:none; padding:0 10px; margin:0; resize:vertical;}

#bookingData {display:none;}
#quotedPrice, #quotedPriceTitle, #quotedPriceSmall, #quotedWarning, #quotedPriceDep, #quotedSecDep {float:left; width:100%; padding:0 5px;}
#quotedPrice, #quotedPriceTitle, #quotedPriceDep, #quotedSecDep {font-weight:600;}
#quotedPrice.lowSeason {background:#6699CB; border:1px solid #5580AA;}
#quotedPrice.midSeason {background:#F9AE4C; border:1px solid #E18C1C;}
#quotedPrice.hiSeason {background:#F46B6B; border:1px solid #D33535;}
#quotedPrice.peakSeason {background:#B80000; border:1px solid #7F0101;}
#quotedPrice.lowSeason, #quotedPrice.midSeason, #quotedPrice.hiSeason, #quotedPrice.peakSeason {color:#FFF;}
#quotedPrice.stdSeason {background:#F6F6F6; color:#333; border:1px solid #C5C5C5;}
#quotedPrice {text-align:center; padding:20px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#quotedPriceTitle {font-size:40px; text-shadow:2px 2px 2px rgba(35,31,32,1);}
#quotedPriceSmall {font-size:12px; margin-bottom:10px;}
#quotedPriceSmall span:first-child {margin-right:20px;}
#quotedWarning {font-size:22px; color:#FFF; text-shadow:2px 2px 2px rgba(35,31,32,1);}
.stdSeason #quotedWarning {color:#333;}
#quotedPriceDep, #quotedSecDep {font-size:16px;}

.savedSearchRow {float:left; width:100%; padding:5px 0; margin-bottom:3px;}
.savedSearchRow:nth-child(odd) {background:#F1F2F3;}
.savedSearchRow:nth-child(even) {background:#FAF8F8;}
.savedSearchTitle, .savedSearchDate, .savedSearchLink {float:left; padding:0 5px;}
.savedSearchTitle span {font-size:14px; font-style:italic;}

.aFormRow {float:left; width:100%; margin-bottom:3px;}
.aFormRow:nth-child(even) {background:rgba(102,153,203,0.2);}
.aFormTitle {float:left; clear:left; width:33.3333%; height:55px; align-items:center; font-size:14px; font-weight:600;}
.aFormInput {float:left; background:#FFF; position:relative; padding:10px 0; margin:0; border:1px solid #909090;}
.aFormPhoto {float:left; background:#FFF; padding:5px; border:1px solid #909090;}
.aFormInput input {width:100%; height:35px; line-height:35px; font-size:20px; color:#909090; background:transparent; border:none; padding:0 10px; margin:0;}
.aFormInputT input {width:calc(100% - 30px);}
.topUpInput input {width:calc(100% - 20px);}
.topUpInput span {height:32px; line-height:32px; font-size:18px; font-weight:600;}
.aFormSelect, .aCBInput {float:left; position:relative; padding:10px 0;}
.aFormInstr {float:left; height:55px; font-size:12px; display:inline-flex; align-items:center; margin-left:5px;}

input[type='number'] {-moz-appearance:textfield;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none;}

.aCBCheck {float:left; width:100%; margin-bottom:2px;}
.aCBCheck label {cursor:pointer;}

.aFormInput.errForm {border:1px solid #CC0003 !important;}
.errForm .aFormLabel::before, .errForm .aFormLabel::after {background:#CC0003 !important;}

.aFormLabel {position:absolute; top:0; left:0; right:0; width:100%; height:16px; line-height:16px !important; font-size:12px; display:flex; flex-flow:row nowrap;}
.aFormLabel::before, .aFormLabel::after {content: ""; background:#909090; display:inline-block; height:1px; top:0; width:7px;} 
.aFormLabel::after {flex:1 1 auto;}
.aFormLabel label {position:relative; top:-8px; padding:0 5px;}
.aFormInput textarea {width:100%; min-height:100px; line-height:30px; font-family:"Open Sans", Arial, Verdana; font-size:20px; color:#909090; background:transparent; border:none; padding:0 10px; margin:0; font-weight:600; resize:vertical;}
.aFormSelect .ui-selectmenu-button {width:100% !important; background:#FFF; color:#909090 !important; padding:15px 10px; border:1px solid #909090;}

#selectedCities {float:left; width:100%; display:block; text-align:center;}
#selectedCities span {background:#6699CB; color:#FFF; font-weight:bold; padding:2px 5px; margin:0 10px 5px 0; display:inline-block; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; transition-duration:0.5s;}
#selectedCities span::after {content:"x"; padding-left:10px; cursor:pointer;}

.submitButton, #deleteAcc, #confDeleteAcc {float:left; background:#6699CB; height:40px; line-height:36px; font-size:16px; color:#FFF; border:1px solid #5580AA; display:block; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; cursor:pointer; transition-duration:0.5s; cursor:pointer;}
.submitButton, #confDeleteAcc {width:200px; left:50%; margin:10px 0 10px -100px; padding:0 10px; position:relative;}
#deleteAcc {margin:10px 0; padding:0 20px;}
.submitButton:hover {background:#F1F2F3; color:#231F20; text-decoration:none; border:1px solid #CCC;}
#deleteAcc:hover, #confDeleteAcc:hover {background:#BB0003; color:#FFF; text-decoration:none; border:1px solid #7F0002;}

.formInput {float:left; width:100%; position:relative; border:1px solid #909090; border-top:none; padding:10px 0; margin:0 0 20px;}
.formInputHalf {width:49%;}
.formInputHalfL, .propFormInputHalfL {margin-right:2%;}
.formInput.formError {border:1px solid #BB0003; border-top:none;}
.formInput input, .formInput textarea {width:100%; font-size:20px; color:#333; background:transparent; border:none; padding:0 10px; margin:0;}
.formInput input {height:35px; line-height:35px;}
.formInput.formError {border-color:#BB0003;}
.formInput textarea {height:150px; font-family:"Open Sans", Arial, Verdana; resize:none;}
.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;}

.contactCols {float:left;}
#captchaVerification{float:left; background:#FFF; width:calc(100% - 2px); border:1px solid #6699CB; margin:20px 0; padding:10px; }
.imgCaptcha {background:none; width:200px; font-size:14px; margin:0 !important;}
#captchaVerification iframe {float:left;}
input.captchaResponse {clear:none !important;}

footer {float:left; width:100%; background:#6699CB; margin:0; border-top:1px solid #5580AA;}
footer a {color:#FFF; text-decoration:none;}
#footer {margin:20px auto 0;}
.footerThird h6 {float:left; width:100%; font-size:20px; color:#FFF; margin:0 0 10px;}
.footerThird {float:left; font-size:14px; color:#FFF;}
.footerThird ul {float:left; width:100%; margin:0 0 10px; padding:0; list-style:none;}
.footerThird a {color:#FFF; transition-duration:0.5s;}
.footerThird a:hover, .footerThird a.selectedPage {color:#231F20; text-decoration:none;}
.footerCentre {text-align:center;}
.footerRight {text-align:right;}
#footerLeft, #footerRight {float:left; width:50%; height:30px; line-height:30px; font-size:10px;}
#footerLeft {clear:left; padding-left:2%;}
#footerBottom {float:left; width:100%; background:#5580AA; border-top:1px solid #4C759D; padding:5px 0;}
#footerRight {text-align:right; padding-right:2%;}
#footerLeft a:hover, #footerRight a:hover {text-decoration:none;}

#socialIcons svg {fill:#FFF; width:30px; height:30px; padding:7px; transition-duration:0.5s;}
#socialIcons {height:30px; text-align:center; display:block; margin:10px 0 20px;}
#socialIcons a {width:30px; height:30px; display:inline-block; margin:0 0 0 10px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; overflow:hidden;}
.socialFB svg {background:#3B5998;}
.socialFB svg:hover {background:#FFF; fill:#3B5998 !important;}
.socialTW svg {background:#1DA1F2;}
.socialTW svg:hover {background:#FFF; fill:#1DA1F2 !important;}
.socialGP svg {background:#E8574F;}
.socialGP svg:hover {background:#FFF; fill:#E8574F !important;}
.socialPI svg {background:#BD081C;}
.socialPI svg:hover {background:#FFF; fill:#BD081C !important;}

#loginBG {position:fixed; background:rgba(51,38,39,0.7); top:0; left:0; width:100%; height:100%; display:none; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; z-index:99998; cursor:pointer;}
#loginContainer, #loginHelpContainer, #signupContainer, #deleteContainer {width:96%; max-width:768px; background:#FFF; padding:15px; display:none; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -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); cursor:default;}
.signupShowContainer, #deleteContainer {display:block !important;}
#loginSelect, #forgotSelect, #signupSelect, .loginSignup {float:left;}
.loginSignup {clear:left;}
#loginSelect a, #forgotSelect a, #signupSelect a {float:left; height:30px; line-height:30px; padding:0 5px; display:block; cursor:pointer; margin-bottom:10px; position:relative;}
#loginSelect a.selectedLogin, #loginSelect a:hover, #forgotSelect a.selectedLogin, #forgotSelect a:hover, #signupSelect a.selectedLogin, #signupSelect a:hover {background:#6699CB; color:#FFF; text-decoration:none;}
.loginSignup a {color:#333; cursor:pointer;}
.loginSignup a:hover {color:#6699CB; text-decoration:none;}
.memLoginContainer {float:right;}
.memLoginContainer h2, .memForgotContainer h2 {margin:0 0 20px; display:none;}
#signupClientD, #signupAgentD, #signupAdvertiserD, #signupPSellerD {float:left; width:100%; height:100%;}
h2.selectedTitle, #signupClientD, #signupClientD h2, #signupAgentD h2, #signupAdvertiserD h2, #signupPSellerD h2 {display:block;}
#signupAgentD, #signupAdvertiserD, #signupPSellerD {display:none;}
#forgotPass {float:left; width:100%; font-size:12px; text-align:center;}
#memLoginAC, #signupEAContinue, #signupAdContinue, #signupPSContinue, #memForgotAC, #memSignupAC, #completeClose, .signupLink, #searchAProperties {float:left; background:#6699CB; width:200px; height:40px; line-height:40px; left:50%; display:block; color:#FFF; font-size:16px; border:1px solid #5580AA; margin:10px 0 10px -100px; position:relative; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; cursor:pointer; transition-duration:0.5s;}
#completeClose, .signupLink, #searchAProperties {text-align:center; font-weight:600;}
#signupEAContinue, #signupAdContinue, #signupPSContinue {text-align:center;}
#fpSearchSubmit:hover, #memLoginAC:hover, #signupEAContinue:hover, #signupAdContinue:hover, #signupPSContinue:hover, #memForgotAC:hover, #memSignupAC:hover, #completeClose:hover, .signupLink:hover, #searchAProperties:hover, #searchSave:hover, #searchSaveD:hover, .searchPropertyView:hover, .searchPropertySave:hover, .searchPropertySaveD:hover, .searchPropertyRemove:hover, #sendContact:hover, #sendGCEN:hover, .saveProperty:hover {background:#F1F2F3; color:#231F20; text-decoration:none; border:1px solid #CCC;}
#memLoginACL, #memForgotACL, #memSignupACL {float:left; background:#6699CB; width:70px; height:40px; line-height:40px; left:50%; display:none; text-align:center; border:1px solid #5580AA; margin:10px 0 10px -35px; position:relative; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; cursor:pointer;}
#memLoginRes, #memForgotRes, #memSignupRes {float:left; width:100%; min-height:25px; line-height:25px; font-size:14px; margin-bottom:15px; display:none;}
.memLoginErr {color:#BB0003;}

.sitemap ul {float:left; width:100%; margin:0 0 20px; padding:0 0 0 20px; list-style:none;}
.sitemap a {font-weight:600;}

select {display:none;}

#scrollToTop {background:#231F20; border-radius:7px 7px 0 0; bottom:0; color:#FFF; font-family:"Open Sans"; font-size:32px; display:block; height:32px; opacity:0.75; padding:9px 0 8px; position:fixed; right:10px; text-align:center; text-decoration:none; width:49px; z-index:1040; display:none; cursor:pointer; box-sizing:content-box;}

@media screen and (min-width: 1171px) {
	#mainMenu {width:890px; margin-right:-585px;}
	#mainMenu li a {font-size:16px;}
	.container, #searchFilter.scrolling {width:1170px;}
	.searchPropertyPhoto {width:400px;}
	.dirLogo {width:250px;}
	.dirDetails {width:calc(100% - 270px);}
	.searchPropertySave, .searchPropertySaveD {left:410px;}
	.searchPropertyDetails {width:calc(100% - 420px); margin-left:20px;}
	#propertyPhotosContainer {width:640px; height:480px;}
	#mainDirPhotos .slick-slide {width:640px;}
	#mainPhotos li img {height:480px;}
	#propertyEnqContainer {width:530px; min-height:480px; padding:0 10px;}
	.propertyTitle {width:75%;}
	.propertyPrice {width:25%;}
	.propFormRow {padding:5px 10px;}
	.propFormTitle {display:block;}
	.propFormLabel {display:none;}
	.propFormInputHalf {width:32.3333% !important;}
	.propertyContentL, .propertyContentDP {width:800px;}
	.propertyContentR, .propertyContentDPR {width:350px;}
	.dirInfoTitle {line-height:40px;}
	.aFormInput, .aFormSelect, .aCBInput {width:25%;}
	.aFormInstr {width:calc(41.6667% - 5px); margin-left:5px;}
	.advert {margin:0 37px;}
	.advert:first-child {margin-left:74px;}
	.advert:last-child {margin-right:74px;}
}

@media screen and (max-width: 1170px) {
	#mainMenu {width:720px; margin-right:-500px;}
	.container, #searchFilter.scrolling {width:1000px;}
	#mainMenu li a {font-size:12px;}
	.searchPropertyPhoto {width:400px;}
	.dirLogo {width:200px;}
	.dirDetails {width:calc(100% - 220px);}
	.searchPropertySave, .searchPropertySaveD {left:410px;}
	.searchPropertyDetails {width:calc(100% - 410px); margin-left:10px;}
	#propertyPhotosContainer {width:640px; height:480px;}
	#mainDirPhotos .slick-slide {width:640px;}
	#mainPhotos li img {height:480px;}
	#propertyEnqContainer {width:360px; min-height:480px; padding:0 5px;}
	.propertyTitle {width:75%;}
	.propertyPrice {width:25%;}
	.propFormRow {padding:5px 10px;}
	.propFormTitle {display:block;}
	.propFormLabel {display:none;}
	.propFormInputHalf {width:32.3333% !important;}
	.propertyContentL, .propertyContentDP {width:750px;}
	.propertyContentR, .propertyContentDPR {width:230px;}
	.dirInfoTitle {line-height:40px;}
	.aFormInput, .aFormSelect, .aCBInput {width:35%;}
	.aFormInstr {width:calc(31.6667% - 5px); margin-left:5px;}
	.advert {margin:0 20px;}
	.advert:first-child {margin-left:40px;}
	.advert:last-child {margin-right:40px;}
}
@media screen and (min-width: 1000px) {
	 .eAgentPackage {padding:0 5px 580px;}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
	#mainMenu {width:488px; margin-right:-384px;}
	.container, #searchFilter.scrolling {width:768px;}
	#mainMenu li a {font-size:10px; line-height:18px !important;}
	.searchPropertyPhoto {width:300px;}
	.dirLogo {width:150px;}
	.dirDetails {width:calc(100% - 170px);}
	.searchPropertySave, .searchPropertySaveD {left:310px;}
	.searchPropertyDetails {width:calc(100% - 310px); margin-left:10px; padding:0 0 60px;}
	#propertyPhotosContainer {width:500px; height:375px;}
	#mainDirPhotos .slick-slide {width:500px;}
	#mainPhotos li img {height:375px;}
	#propertyEnqContainer {width:268px; min-height:375px; padding:0 5px;}
	.propFormTitle {line-height:normal;}
	.propFormRow {padding:15px 0;}
	.propFormTitle {display:none;}
	.propFormInput, .propFormCaptcha {width:100%; border-top:none;}
	.propFormInputHalf {width:49% !important;}
	.propFormLabel {display:inline-flex;}
	.propFormSelect, .featuresAdd {width:100%; padding:0;}
	.propFormSelect .ui-selectmenu-button {border-top:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
	.propertyContentL, .propertyContentDP {width:548px;}
	.propertyContentR, .propertyContentDPR {width:200px;}
	.dirInfoTitle {line-height:20px;}
	.aFormInput, .aFormSelect, .aCBInput {width:50%;}
	.aFormInstr {width:calc(16.6667% - 5px); margin-left:5px;}
	.advert {margin:0 61.3333px;}
	.advert:first-child, .advert:nth-child(2) {margin-bottom:10px;}
	.advert:first-child, .advert:nth-child(3) {margin-left:122.6667px;}
	.advert:nth-child(2), .advert:nth-child(4) {margin-right:122.6667px;}
	.eAgentPackage {font-size:12px;}
	.eAgentPackagePrice {position:relative; float:left;}
}

@media screen and (min-width: 768px) {
	nav {position:fixed; top:15px; left:0; height:40px; width:100%; z-index:98;}
	#mainMenu {position:absolute; top:0; right:50%; height:40px; line-height:40px;}
	#mainMenu li {float:left; width:calc(20% - 20px); text-align:center; padding:0; display:block; margin:0 10px;}
	.whiteHeader #mainMenu a {text-shadow:none !important;}
	#mainMenu a {text-shadow:1px 1px 1px rgba(35,31,32,1);}
	.ddMenu {left:50%; width:200px; background:#FFF; margin:0 0 0 -100px !important; webkit-box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); -moz-box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15);}
	.ddMenu.ddSideMenu {top:0; left:100%; margin:0 !important;}
	.ddMenu li {width:100% !important; margin:0 0 1px !important;}
	.ddMenu li:last-child {margin:0 !important;}
	.ddMenu a {color:#231F20 !important; text-shadow:none !important;}
	.ddMenu a:hover, .whiteHeader .ddMenu a:hover, .ddMenu .selectedPage {background:#6699CB; color:#FFF !important; transition-duration:0.5s !important;}
	.moreSArrow {border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #231F20;}
	#mainMenu li a:hover > .moreSArrow {border-left:4px solid #FFF;}
	#mainMenu li a {width:100%; height:40px; line-height:40px;}
	#mainMenu li a:hover, #mainMenu li a.selectedPage, #mainMenu li a.menuShow {color:#231F20;}
	.showMenu {display:none;}
	.whiteHeader #mainMenu li a {color:#231F20 !important;}
	.whiteHeader #mainMenu li a:hover, .whiteHeader #mainMenu li a.selectedPage {color:#6699CB;}
	.whiteHeader .moreArrow {border-top:4px solid #231F20 !important;}
	#breadcrumb {font-size:14px;}
	#loginSelect, #forgotSelect, #signupSelect, .loginSignup {width:26%; padding-top:40px; margin-right:4%;}
	#loginSelect a, #forgotSelect a, #signupSelect a {width:100%; transition-duration:0s;}
	#loginSelect a.selectedLogin, #loginSelect a:hover, #forgotSelect a.selectedLogin, #forgotSelect a:hover, #signupSelect a.selectedLogin, #signupSelect a:hover {transition-duration:0s;}
	#loginSelect a.selectedLogin::before, #loginSelect a:hover::before, #forgotSelect a.selectedLogin::before, #forgotSelect a:hover::before, #signupSelect a.selectedLogin::before, #signupSelect a:hover::before {content:""; position:absolute; right:-15px; bottom:0; width:0; height:0; border-left:15px solid #6699CB; border-top:15px solid transparent; border-bottom:15px solid transparent;}
	.memLoginContainer {width:70%;}
	#fpSearch {position:absolute; top:calc(50% - 53px); left:0; width:100%;}
	#fpSearch .ui-selectmenu-button.ui-button, #fpSearch select {width:19% !important; margin-right:1.25%}
	#fpSearchSubmit {width:19%;}
	.fpGalleryTitles {bottom:5px; font-size:24px;}
	.featProp, .latestProperty, .similarProperty {flex:1 1 100%; width:25%;}
	.signupMain .container, #signupDetails {display:flex;}
	.signupContainer {flex:1 1 100%; width:calc(33.3333% - 32px); margin:0 15px;}
	.eAgentPackage {flex:1 1 100%; margin:0 0.5%;}
	.prepayPackage {min-height:550px;}
	.prepayPackage .selectPackage {position:absolute; bottom:0;}
	.advert {width:200px; height:200px;}
	.textBG {background-size:cover;}
	.textBGBox {width:60%; margin:60px 0 100px;}
	.searchColText {width:calc(100% - 320px);}
	.searchContainer {width:300px;}
	.searchColText + .searchContainer, .searchContainer + .searchColText {margin-left:20px;}
	#searchFilter.scrolling {top:75px;}
	#searchFilterMain .ui-selectmenu-button.ui-button {width:19%; margin-right:1.25%;}
	#searchFilterMain.sTSearch .ui-selectmenu-button.ui-button, #searchFilterMain.sTSearch .ui-button {width:15.5%;}
	.filterSecondaryThird {width:33.3333%;}
	.pagination {width:100%;}
	.paginationBottom {margin:0 0 25px;}
	.mobilePage, .mobileSplitLeft, .mobileSplitRight {display:none !important;}
	#previousPhoto, #nextPhoto {display:block;}
	#mainPhotos li img {width:auto; margin:0 auto;}
	#mainDirPhotos .slick-slide img {margin:0 auto; max-width:100%; height:auto;}
	.propertyContentL, .propertyContentDP {margin-right:20px;}
	.seasonKey {width:40px; font-size:14px; margin-right:10px;}
	.seasonKeyTitle {line-height:30px; font-size:14px;}
	.savedSearchTitle, .savedSearchDate {margin-right:1px;}
	.savedSearchTitle {width:calc(50% - 1px);}
	.savedSearchDate {width:calc(30% - 1px);}
	.savedSearchLink {width:20%;}
	#directoryFilterContainer {width:240px; margin-right:20px;}
	#directoryResults {width:calc(100% - 260px);}
	.dirDetails {margin:0 10px;}
	.aFormRow {padding:5px 10px;}
	.aFormTitle {display:inline-flex;}
	.aFormLabel {display:none;}
	.signupPay {float:left; width:50%; text-align:center;}
	.footerThird {width:33.333%; display:inline-block; padding:5px 20px;}
	.footerCentre h6 {text-align:center;}
	.footerRight h6 {text-align:right;}
	#socialIcons {float:right;}
	#socialIcons a {float:left;}
	.leaderboardAdvert {float:left; width:728px; height:90px; overflow:hidden; position:relative; left:50%; margin:5px 0 25px -364px;}
	.leaderboardAdvert img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;}
	.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;}
}

@media only screen and (max-width: 767px) {
	.showMenu {position:absolute; top:0; right:0; display:inline-block;}
	nav {position:absolute; top:0; right:0; background:none; width:70px; height:70px; z-index:999;}
	#mainMenu {position:fixed; top:0; right:-260px; width:260px; height:100vh; background:rgba(35,31,32,0.8); padding:25px; z-index:-1; transition:transform 0.4s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0s; overflow-y:auto; margin:0;}
	#mainMenu ul {margin:55px 0 70px;}
	#mainMenu li {padding:0; border-bottom:1px solid #41454D; 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 {text-align:center; width:100%; height:30px; line-height:30px; font-size:16px; padding:5px 10px;}
	#mainMenu li a:hover, #mainMenu li a.selectedPage, #mainMenu li a.menuShow {color:#6699CB;}
	.moreSArrow {border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #FFF;}
	#mainMenu li a:hover > .moreSArrow {border-top:4px solid #231F20;}
	.ddMenu {background:none; margin:0 !important; width:100%; min-width:100% !important; right:0 !important; border:none !important; margin:0 0 15px !important; position:relative !important;}
	.ddmenu a {color:#FFF !important; transition-duration:0.5s;}
	.ddmenu a:hover {color:#231F20 !important;}
	.sideMenu {position:relative; z-index:1000;}
	nav.is-active {display:block;}
	nav.is-active #mainMenu {transform:translateX(-260px);}
	nav.is-active #mainMenu li, 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), #mobSignup {transition-delay:0.05s;}
	nav.is-active #mainMenu li:nth-child(3), #mobLogin {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;}
	#fpSearch {position:absolute; top:calc(50% - 140px); left:1%; width:98%;}
	#fpSearch .ui-selectmenu-button.ui-button, #fpSearch select {width:100% !important; margin-bottom:10px;}
	#fpSearchSubmit {width:100%;}
	#breadcrumb {font-size:10px;}
	#loginSelect, #forgotSelect, #signupSelect, .loginSignup {width:100%; text-align:center; padding-top:0; margin-right:0;}
	#loginSelect a, #forgotSelect a, #signupSelect a {width:33%; font-size:14px; transition-duration:0.5s; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
	#loginSelect a:nth-child(2), #forgotSelect a:nth-child(2), #signupSelect a:nth-child(2) {margin:0 0.5%;}
	#loginSelect a.selectedLogin, #loginSelect a:hover, #forgotSelect a.selectedLogin, #forgotSelect a:hover, #signupSelect a.selectedLogin, #signupSelect a:hover {transition-duration:0.5s;}
	.memLoginContainer {width:100%;}
	.container, #searchFilter.scrolling {width:98%;}
	.fpGalleryTitles {bottom:2px; font-size:20px;}
	.featProp, .latestProperty, .similarProperty {width:100%;}
	.signupContainer {width:100%; margin-bottom:20px;}
	.eAgentPackage {width:40%; font-size:14px; margin:0 5% 10px; padding:0 5px;}
	.eAgentPackage:last-child {margin:0 30% 10px;}
	.eAgentPackageTitle h3 {font-size:16px;}
	.eAgentPackagePrice {position:relative; float:left;}
	.advert {width:50%; height:200px; margin:0 0 10px !important;}
	.squareAdvert {width:200px; margin:0 auto;}
	.centredText {width:80%;}
	.centredTextWide {width:100%;}
	.halfColText, .halfColPic {width:100%;}
	.textBox {width:92%; margin:0 4% 20px;}
	.searchColText, .searchContainer {width:96%; margin:0 2%;}
	img.imgCentre, img.imgLeft, img.imgRight {float:left; width:100%; height:auto; margin:0 0 10px;}
	#searchFilter.scrolling {top:80px; max-height:calc(100% - 90px); overflow-y:auto;}
	.pagination {clear:left; left:50%; font-size:12px; line-height:20px; margin:0 0 25px -160px !important; width:320px;}
	.paginationBottom {margin:0 0 25px -160px !important;}
	.fullPage, .pageSplitLeft, .pageSplitRight {display:none !important;}
	.pageNumbers a.mobilePage, .nextLink, .prevLink, .mobileSplitRight, .mobileSplitLeft {display:inline-block !important;}
	.pageNumbers a, #listTypeSelContainer {display:none;}
	.mobileSplitRight {margin-right:20px !important;}
	.mobileSplitLeft {margin-left:20px !important;}
	#searchFilterMain .ui-selectmenu-button.ui-button {width:96%; margin:0 2% 5px;}
	#searchFilterMain {display:none;}
	.filterSecondaryThird {width:100%;}
	.searchPropertyPhoto {width:600px; position:relative; left:50%; margin:0 0 10px -300px;}
	#directoryFilterContainer {width:100%; margin-bottom:40px;}
	.dirLogo {width:200px; position:relative; left:50%; margin:0 0 10px -100px;}
	.dirDetails {width:100%; left:auto; margin:0 0 10px;}
	.featuredBanner {margin-right:-10px;}
	.searchPropertySave, .searchPropertySaveD {left:10px;}
	.searchPropertyDetails {width:100%; margin:0; padding:0 10px 60px;}
	.propertyTitle, .propertyPrice, #propertyPhotosContainer, #propertyEnqContainer, .propertyContentL, .propertyContentR, #mainDirPhotos .slick-slide {width:100%;}
	#propertyEnqContainer {min-height:auto;}
	.propertyContentDP {width:62.5%; margin-right:2.5%;}
	.propertyContentDPR {width:35%;}
	.ui-datepicker table {font-size:12px;}
	.ui-datepicker-group {width:100%;}
	#propertyPhotosContainer, #propertyEnqContainer {height:auto;}
	#mainPhotos li img {width:100%; height:auto;}
	#mainDirPhotos .slick-slide img {margin:0 auto; width:100%; height:auto;}
	.dirInfoTitle {line-height:40px;}
	.seasonKey {width:30px; font-size:12px; margin-right:5px;}
	.seasonKeyTitle {line-height:normal; font-size:12px;}
	#propertyEnqContainer {padding:0 5px 15px;}
	.propFormRow {padding:15px 10px;}
	.propFormTitle {display:none;}
	.propFormInput, .propFormCaptcha {width:100%; border-top:none;}
	.propFormInputHalf {width:49% !important;}
	.propFormLabel {display:inline-flex;}
	.propFormSelect, .featuresAdd {width:100%; padding:0;}
	.propFormSelect .ui-selectmenu-button {border-top:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
	#previousPhoto, #nextPhoto {display:none;}
	.propertyHeadlines {font-size:14px;}
	.propertyHeadlines span {font-size:22px;}
	.savedSearchTitle {width:100%; margin-bottom:1px;}
	.savedSearchDate {width:calc(50% - 1px); margin-right:1px;}
	.savedSearchLink {width:50%;}
	.aFormRow {padding:15px 10px;}
	.aFormTitle {display:none;}
	.aFormInput {width:100%; border-top:none;}
	.aFormInput.errForm {border-top:none !important;}
	.aFormSelect, .aCBInput, .featuresAdd {width:100%; padding:0;}
	.aFormInstr {width:100%; min-height:20px; margin:0;}
	.aFormSelect .ui-selectmenu-button {border-top:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
	.signupPay {float:left; width:100%; text-align:center;}
	.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;}
	.footerThird {width:98%; text-align:center; margin:0 1% 20px;}
	.footerThird h6 {text-align:center;}
	#footerLeft, #footerRight {width:100%;}
	#socialIcons {float:left; width:100%;}
	#socialIcons a {float:none;}
	.leaderboardAdvert {float:left; width:100%; height:auto; min-height:90px; margin:5px 0 25px; position:relative;}
	.leaderboardAdvert img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto; max-width:100%; height:auto;}
}
@media only screen and (max-width: 620px) {
	.searchPropertyPhoto, .searchPropertyDetails {width:100%; left:auto; margin:0 0 10px;}
}
@media only screen and (max-width: 421px) {
	.advert {width:100%;}
}

a {color:#6699CB; text-decoration:none; transition-duration:0.5s;}
a:hover {color:#231F20; transition-duration:0.5s; text-decoration:underline;}