@font-face { font-family: 'NovecentowideMedium'; src: url("../fonts/novecentowide-medium-webfont.eot"); src: url("../fonts/novecentowide-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/novecentowide-medium-webfont.woff") format("woff"), url("../fonts/novecentowide-medium-webfont.ttf") format("truetype"), url("../fonts/novecentowide-medium-webfont.svg#NovecentowideMedium") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NovecentowideBold'; src: url("../fonts/novecentowide-bold-webfont.eot"); src: url("../fonts/novecentowide-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/novecentowide-bold-webfont.woff") format("woff"), url("../fonts/novecentowide-bold-webfont.ttf") format("truetype"), url("../fonts/novecentowide-bold-webfont.svg#NovecentowideBold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'montserratregular'; src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'montserratbold'; src: url("../fonts/Montserrat-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
::-webkit-input-placeholder { color: #555; }

:-moz-placeholder { /* Firefox 18- */ color: #555; }

::-moz-placeholder { /* Firefox 19+ */ color: #555; }

:-ms-input-placeholder { color: #555; }

@font-face { font-family: "Aleo-Bold"; src: url("../fonts/Aleo-Bold.otf") format("opentype"); font-weight: bold; }
/** Mixins */
/** Standard transition using ease @param  int $default-transition-length */
/** Add a border radius @param  pixel $radius  */
/** Add a transition to a specific property @param  int              $default-transition-length @param  css property     $property @param  easing function  $ease */
/** Add a delay to a transition @param  int $default-transition-length */
/** Rotate an element @param  int $degrees amount of rotation */
/** How to size a background @param  mixed $cover  */
/** Animate using a specific keyframe @param  string   $keyframeName   name of the keyframe @param  mixed    $timingFunction @param  int      $duration  how long to animate for */
/** Delay an animation on an element @param  int $duration */
/** Keyframes */
/** Image drop animation **/
@-webkit-keyframes dropImage { 0% { top: -50px; opacity: 0; }
  100% { top: 0px; opacity: 1; } }
@keyframes dropImage { 0% { top: -50px; opacity: 0; }
  100% { top: 0px; opacity: 1; } }
/** home buttons */
@-webkit-keyframes fadeInLeft { 0% { left: -50px; opacity: 0; }
  100% { left: 0px; opacity: 1; } }
@keyframes fadeInLeft { 0% { left: -50px; opacity: 0; }
  100% { left: 0px; opacity: 1; } }
::-webkit-input-placeholder { color: #444; }

:-moz-placeholder { /* Firefox 18- */ color: #444; }

::-moz-placeholder { /* Firefox 19+ */ color: #444; }

:-ms-input-placeholder { color: #444; }

.lot-infobox *::-webkit-input-placeholder, .lot-infobox *:-moz-placeholder, .lot-infobox *::-moz-placeholder, .lot-infobox *:-ms-input-placeholder { color: #666; }

.point { width: 23px; height: 23px; background: #fff; border-radius: 23px; box-shadow: 0px 1px 1px #d3d4cd; border: 3px solid #fff; position: absolute; cursor: pointer; opacity: 1; -webkit-transition: 500ms ease all; transition: 500ms ease all; }
.point.pulse .hover-content { visibility: visible; opacity: 1; -webkit-transition: 500ms opacity ease; transition: 500ms opacity ease; }

#map .background { display: none; background: rgba(37, 46, 59, 0.54); display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; }

#map.darken .background { display: block; }

#map.stageplan .point { width: 23px; height: 23px; border: 3px solid #fff; box-shadow: 0px 1px 1px rgba(68, 89, 98, 0.57); }

#map.stageplan .point.hide-lot { -webkit-transition: 500ms ease all; transition: 500ms ease all; opacity: 0.2; }
#map.stageplan .point.hide-lot:hover .hover-content { visibility: hidden; opacity: 0; }

.point[data-status="Land for Sale"] { background: #8ec897; }

.point[data-status="Withheld"] { background-color: #fbc463; }

.point[data-status="Sold"] { background: #f00; }

#privacy-link { width: 150px; height: 65px; font-size: 16px; line-height: 65px; text-align: center; }
#privacy-link a { color: #fff; }

@media screen and (min-width: 1024px) { .point:hover .hover-content, .point.hover .hover-content { visibility: visible; opacity: 1; -webkit-transition: 500ms opacity ease; transition: 500ms opacity ease; }
  .point.show:hover .category-image { visibility: hidden; opacity: 0; -webkit-transition: 500ms opacity ease; transition: 500ms opacity ease; }
  #map.stageplan .point.hide:hover .hover-content { visibility: hidden; opacity: 0; } }
/* Hover point content */
.hover-content { display: block; width: 200px; background-color: #696759; border: 3px solid #fff; border-radius: 15px; position: absolute; margin-left: -92px; bottom: 40px; padding: 16px 16px 6px; visibility: hidden; opacity: 0; -webkit-transition: 500ms opacity ease; transition: 500ms opacity ease; z-index: 10; text-align: center; }
.hover-content h3 { color: #fff; margin-bottom: 10px; }
.hover-content:before, .hover-content:after { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; top: 100%; left: 50%; margin-left: -10px; }
.hover-content:before { border-top: 10px solid #fff; margin-top: 3px; }
.hover-content:after { border-top: 10px solid #696759; margin-top: -2px; z-index: 1; }

.hover-content .priority-hovertext { text-align: center; }
.hover-content .priority-hovertext a { color: #cc4ea6; }

.hover-content.house-and-land h1 { color: #F0822A; }

.hover-content h2.Sold { color: #303030; }

.hover-content h2.Priority { color: #cc4ea6; }

.hover-content h2 { text-align: center; font-size: 13px; font-family: "NovecentowideMedium", Helvetica, Arial, sans-serif; margin: 0; text-transform: uppercase; color: #3b3a3a; font-weight: bold; margin-bottom: 4px; }

.hover-content .arrow-down { width: 17px; height: 17px; position: absolute; border-right: 4px solid #fff; border-bottom: 4px solid #fff; margin-left: 73px; bottom: -7px; background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.map-container { background: #d5d8e7; margin: 0 auto; width: 100%; overflow: hidden; height: 93.6vh; cursor: url("../images/openhand.cur"), auto; position: relative; }

.filter-group { border: 1px solid #009ca7; margin: 20px; }

input[type="number"] { color: #000; border: none; float: left !important; margin: 0 0 0 10px; text-align: right; }

input#range-minimum, input#range-maximum, input[name="range-2a"] { z-index: 10; position: relative; }

#map img { border: none; }

/* Stageplan header */
.map-holder .map-header { background: #696759; width: 100%; height: 65px; font-size: 0; overflow: hidden; }

.map-header .left, .map-header .right { display: inline-block; width: 50%; vertical-align: top; }

.map-header .left > *, .map-header .right > * { display: inline-block; vertical-align: top; }

.map-header .right > * { float: right; }

.map-header .left .back { width: 65px; height: 65px; background: #144783; }

.map-header .left .back a { color: #144783; display: block; padding: 32px 0px; background: url("../images/back-arrow.png"); background-repeat: no-repeat; background-position: center; text-indent: -9999px; }

.map-holder.stageplan .lot-infobox { padding-bottom: 13px; }

.map-header .left .back.masterplan { background: none; }
.map-header .left .back.masterplan a { background: url("../images/masterplan-logo.png"); background-repeat: no-repeat; background-position: center; }

.map-header .left .back-text { font-size: 18px; font-family: "NovecentowideMedium", Helvetica, Arial, sans-serif; min-width: 200px; text-transform: uppercase; }

.back-text h3, .back-text h4 { color: #fff; padding-left: 20px; margin-top: 15px; padding-top: 5px; font-family: "Aleo-Bold", serif; font-weight: 600; }

.back-text.masterplan h3 { color: #fff; font-weight: bold; }

.map-header .stageplan-title { width: auto; display: none; }

.stageplan-title h1 { margin: 0; font-size: 20px; font-family: "NovecentowideMedium", Helvetica, Arial, sans-serif; font-weight: bold; padding-top: 22px; padding-bottom: 22px; padding-right: 20px; color: #fff; text-align: right; }

.filter-container { width: 300px; position: absolute; right: -9999px; display: none; z-index: 20; border-top: 8px solid #009ca7; transition: 400ms cubic-bezier(0.4, 0.03, 0.52, 1.01) all; -webkit-transition: 400ms cubic-bezier(0.4, 0.03, 0.52, 1.01) all; }
.filter-container .background { border-left: 1px solid #009ca7; border-bottom: 1px solid #009ca7; }

.filter-container .inner-container h3 { padding: 20px; }

a.reset-filter { font-size: 16px; width: 230px; margin: auto; display: block; color: #77796C; margin-bottom: 20px; text-decoration: none; margin-top: 40px; }
a.reset-filter.hide { display: none; }
a.reset-filter:hover, a.reset-filter:focus { color: #77796C; text-decoration: none; }
a.reset-filter strong { font-family: Helvetica, Arial, sans-serif; }

#ballot-register { font-size: 18px; height: 50px; padding-top: 21px; margin-right: 25px; }
#ballot-register a { color: #fff; text-transform: uppercase; font-weight: bold; }
#ballot-register a:hover, #ballot-register a:focus { color: #fff; text-decoration: underline; }

.filter-container .background { background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }

.filter-container.show { display: block; right: 0; transition: 400ms cubic-bezier(0.4, 0.03, 0.52, 1.01) all; -webkit-transition: 400ms cubic-bezier(0.4, 0.03, 0.52, 1.01) all; }

.category-menu .icon.shopping { background: url("../images/shopping.png"); background-repeat: no-repeat; background-position: center; }

.category-menu.stageplan { width: 100px; background-color: #696759; color: #fff; }

.category-menu.masterplan { height: 64px; }
.category-menu.masterplan .filter-container { min-height: 470px; }
.category-menu.masterplan .filter-container .help { padding-bottom: 0; }
.category-menu.masterplan li.btn-filter .icon { margin-left: 10px; margin-right: 10px; position: relative; top: -8px; border-radius: 3px; }
.category-menu.masterplan .icon { display: inline-block; vertical-align: top; width: 40px; height: 40px; }
.category-menu.masterplan .icon.land-for-sale { background: url("../images/land-sales.png"); background-repeat: no-repeat; background-position: center; }
.category-menu.masterplan .icon.shopping { background: url("../images/shopping.png"); background-repeat: no-repeat; background-position: center; }
.category-menu.masterplan .icon.parks-sports-fields { background: url("../images/parks-sports-fields.png"); background-repeat: no-repeat; background-position: center; }
.category-menu.masterplan .icon.education { background: url("../images/education.png"); background-repeat: no-repeat; background-position: center; }
.category-menu.masterplan .icon.child-care { background: url("../images/childcare.png"); background-repeat: no-repeat; background-position: center; }
.category-menu.masterplan .print { background: #1BACD9; }
.category-menu.masterplan .print h3 { color: #fff; }

.category-menu.stageplan .menu-trigger { padding: 23px 0; font-size: 16px; color: #fff; text-align: center; font-family: "NovecentowideBold", Helvetica, Arial, sans-serif; }

.stageplan-pricelist a { background: #fff; color: #144783; font-weight: bold; font-family: "NovecentowideMedium", Helvetica, Arial, sans-serif; display: block; text-decoration: none; font-size: 18px; margin-top: .4em; padding: .7em 0.6em .7em 3em; margin-right: 0.4em; }
.stageplan-pricelist a:hover { text-decoration: none; color: #144783; }

.filter-container .help { width: 240px; margin: auto; padding-top: 20px; font-family: "montserratregular", Helvetica, Arial, sans-serif; }

.filter-container .help h4 { color: #77796c; font-size: 19px; font-family: "NovecentowideMedium", Helvetica, Arial, sans-serif; margin-bottom: 0; }

.filter-container .help p { font-size: 16px; margin-bottom: 20px; font-family: "montserratregular", Helvetica, Arial, sans-serif; font-weight: bold; color: #181e26; }

.download-icon { background: url(../images/download-icon.png) no-repeat; width: 50px; height: 40px; display: block; position: absolute; margin-left: -51px; margin-top: -8px; }

.filter-container select { clear: both; width: 260px; height: 31px; padding-left: 5px; color: #77796c; outline: 0; font-size: 16px; font-family: "montserratregular", Helvetica, Arial, sans-serif; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; border: 0 none; background: transparent; }

.filter-container .styled-select { position: relative; top: 15px; width: 240px; background: url("../images/builder-field.jpg"); background-position: 0 2px; overflow: hidden; margin: auto; -webkit-appearance: none; margin-bottom: 15px; background-repeat: no-repeat; }

button#submit-filter { position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 0; height: 60px; background: #a9ac9a url("../images/filter-lots.png"); background-repeat: no-repeat; background-position: left 0; margin: 0; outline: 0; color: #fff; text-transform: none; letter-spacing: 0; padding-left: 60px; font-size: 17px; text-align: left; border: 0; font-family: "montserratregular", Helvetica, Arial, sans-serif; }

.category-menu { width: 100%; height: 65px; color: #fff; background-repeat: no-repeat; background-position: center; }

.category-menu .menu-trigger { width: 100px; height: 65px; display: block; cursor: pointer; }

.category-menu .filter-container { border-color: #009ca7; }

.filter-menu { width: 110px; height: 66px; background: #a9ad9a; }

.filter-menu h3 { margin: 0; color: #4e4e4e; font-family: "NovecentowideMedium", Helvetica, Arial, sans-serif; font-size: 18px; text-align: center; padding-top: 22px; padding-bottom: 23px; cursor: pointer; }

.filter-menu .filter-container { margin-top: 1px; }

.category-menu ul { width: 260px; margin-left: 35px; }

.category-menu .filter-container ul li { font-size: 16px; margin-bottom: 20px; font-family: "montserratregular", Helvetica, Arial, sans-serif; color: #7d7f83; cursor: pointer; margin: 15px 0; font-weight: bold; }
.category-menu .filter-container ul li.filtered { color: #171f2b; }

.filter-instructions .icon-lot { width: 26px; height: 26px; border: 4px solid #fff; }

.icon-lot { display: inline-block; width: 18px; height: 18px; background: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; position: relative; top: 2px; left: -2px; box-shadow: 0px 2px 1px #d3d4cd; border: 3px solid #fff; }
.icon-lot.land { background: #92b33a; }
.icon-lot.package { background: #F0822A; }
.icon-lot.future { background: #ac5f06; }
.icon-lot.sold { background: #303030; }
.icon-lot.shopping { background: #E84137; }
.icon-lot.fields { background: #EB7C00; }
.icon-lot.education { background: #EFB60F; }
.icon-lot.childcare { background: #F76CFE; }
.icon-lot.future-airports { background: #1D9FBB; }

.print { background: #8DC363; font-size: 16px; width: 300px; position: absolute; bottom: 0; left: 0; height: 60px; }

.print a:hover { text-decoration: none; }

.print h3 { color: #144783; padding: 20px 0px 20px 90px; background: url("../images/print-dark.png"); background-repeat: no-repeat; background-position: 22px 7px; font-family: "montserratregular", Helvetica, Arial, sans-serif; margin: 0; font-size: 16px; font-weight: bold; }

.logo-holder { background: url("../images/logo-holder.png"); background-position: center; background-repeat: no-repeat; width: 200px; height: 200px; position: absolute; bottom: 10px; left: 10px; }
.logo-holder.masterplan { bottom: 70px; }

/* Instruction popup */
.popup { width: 100%; height: 576px; margin: auto; position: absolute; top: 5%; text-align: center; z-index: 11; }

.popup.instructions.masterplan .inner h1 { font-size: 36px; }

.stageplan .popup.instructions { top: 15%; }

.popup { display: none; }
.popup .map-icon { position: absolute; top: -12px; right: 30px; }
.popup .inner { width: 90%; max-width: 540px; min-height: 590px; margin: auto; cursor: default; position: relative; padding: 0; background: #eff1f3; outline: 10px solid rgba(0, 0, 0, 0.29); border: 20px solid #fff; }
.popup .inner h1 { color: #009ca7; margin: 20px auto; }
.popup .inner p { margin: 20px auto; }
.popup .inner a { font-family: "NovecentowideMedium", Helvetica, Arial, sans-serif; }
.popup .inner .top-image { margin-top: -100px; margin-bottom: 30px; position: relative; z-index: 10; }
.popup .inner .content { font-family: "montserratregular", Helvetica, Arial, sans-serif; width: 90%; margin: auto; font-size: 20px; line-height: 30px; color: #181e26; margin-top: -20px; }
.popup .inner .content .welcome { margin: 0; position: relative; top: 20px; font-size: 1.5em; font-style: italic; }
.popup .inner .content .map { font-size: 33px; color: #8DC363; text-transform: uppercase; font-family: "NovecentowideBold", Helvetica, Arial, sans-serif; margin-top: -7px; }
.popup .inner .content .text { font-size: 18px; line-height: 25px; font-family: "montserratregular", Helvetica, Arial, sans-serif; color: #77796c; letter-spacing: -1px; line-height: 25px; }
.popup .inner .actions-holder { margin-top: 20px; }
.popup.masterplan .inner .actions-holder a { color: #29954B; margin-top: -10px; }
.popup.masterplan .inner .actions-holder a.start { background: #8DC363; color: #fff; margin-top: 5px; }
.popup.masterplan .actions-holder { margin-top: 30px; }

.popup.form-response .content { margin-top: 50px; }

.filter-instructions { border: 9px solid #fff; position: absolute; z-index: 11; margin-top: 1px; display: none; cursor: default; -webkit-transition: 800ms ease all; transition: 800ms ease all; }
.filter-instructions .arrow { background: url("../images/instruction-arrow.png"); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; right: -28px; }
.filter-instructions .arrow.refine { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); top: -29px; right: -6px; }
.filter-instructions.show-help { visibility: visible; opacity: 1; display: block; -webkit-transition: 800ms ease all; transition: 800ms ease all; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.filter-instructions.refine { width: 170px; padding-left: 15px; right: 10px; margin-top: 0; background: #DCDFE4 url("../images/search-icon.png"); background-repeat: no-repeat; background-position: 12px 0; }
.filter-instructions.refine.wider { width: 190px; }
.filter-instructions.category { right: 200px; background: #E1E0E6; margin-top: -55px; padding-top: 15px; }
.filter-instructions.category ul { margin-left: 0; position: relative; left: 30px; margin-top: 10px; margin-bottom: 10px; }
.filter-instructions.category ul li { display: inline-block; margin-right: 10px; }
.filter-instructions.category.masterplan { right: 90px; width: 290px; }
.filter-instructions.category.masterplan h3 { width: 230px; }
.filter-instructions.category.masterplan p { margin-left: 20px; }
.filter-instructions.category.masterplan ul { left: 22px; }
.filter-instructions h3 { cursor: default; color: #77796c; text-align: left; }
.filter-instructions.category h3 { width: 200px; margin: auto; font-size: 18px; font-family: "NovecentowideMedium", Helvetica, Arial, sans-serif; }
.filter-instructions.refine h3 { width: 150px; margin: 60px auto 0 auto; padding-bottom: 10px; font-size: 18px; }
.filter-instructions p { color: #144783; font-size: 16px; margin: auto; padding-bottom: 10px; font-family: "montserratregular", Helvetica, Arial, sans-serif; }
.filter-instructions.refine p { width: 140px; }
.filter-instructions.category p { width: 210px; margin-left: 30px; }

.map-holder { position: relative; }
.map-holder .map-header.stageplan { position: fixed; top: 0px; left: 0; z-index: 10; overflow: initial; }

.infobox-container { width: 100%; z-index: 100; position: absolute; top: 10%; text-align: center; display: none; }
.infobox-container .row { padding: 20px 0; }
.infobox-container .infobox { background-color: #fff; }
.infobox-container .infobox .info-header { background-color: #696759; }
.infobox-container .infobox .info-header h1, .infobox-container .infobox .info-header h2, .infobox-container .infobox .info-header h3 { color: #fff; }
.infobox-container .infobox .info-header .close-infobox { position: absolute; top: -15px; right: 20px; cursor: pointer; color: #fff; font-size: 30px; }
.infobox-container .infobox .info-content { margin: 10px 0 0 0; }
.infobox-container .infobox .info-content span { color: #696759; }

/* Masterplan */
.masterplan .point { width: 80px; height: 60px; border: 3px solid transparent; box-shadow: none; }
.masterplan .point[data-category="General Residential"] { background: url(../images/sprites.png) no-repeat; background-size: 310px; background-position: -25px -32px; }
.masterplan .point[data-category="General Residential"] .hover-content { background: #E7E8EC; }
.masterplan .point[data-category="General Residential"] .hover-content h1 { color: #555; }
.masterplan .point[data-category="Attached Housing"] { background: url(../images/sprites.png) no-repeat; background-size: 310px; background-position: -223px -36px; }
.masterplan .point[data-category="Attached Housing"] .hover-content { background: #96A3D0; }
.masterplan .point[data-category="Mixed Use Residential & Commercial"] { background: url(../images/sprites.png) no-repeat; background-size: 310px; background-position: -27px -127px; }
.masterplan .point[data-category="Mixed Use Residential & Commercial"] .hover-content { background: #781E78; }
.masterplan .point[data-category="Employment"] { background: url(../images/sprites.png) no-repeat; background-size: 310px; background-position: -228px -127px; }
.masterplan .point[data-category="Employment"] .hover-content { background: #626C78; }
.masterplan .point[data-category="Zone Substation"] { background: url(../images/sprites.png) no-repeat; background-size: 310px; background-position: -28px -224px; }
.masterplan .point[data-category="Zone Substation"] .hover-content { background: #B4B4B4; }
.masterplan .point[data-category="Retail"] { background: url(../images/sprites.png) no-repeat; background-size: 310px; background-position: -228px -127px; }
.masterplan .point[data-category="Retail"] .hover-content { background: #0054A5; }
.masterplan .point[data-category="Employment"] { background: url(../images/sprites.png) no-repeat; background-size: 310px; background-position: -120px -34px; }
.masterplan .point[data-category="Employment"] .hover-content { background: #626C78; }
.masterplan .point[data-category="Community"] { background: url(../images/sprites.png) no-repeat; background-size: 310px; background-position: -118px -127px; }
.masterplan .point[data-category="Community"] .hover-content { background: #F58021; }
.masterplan .point[data-category="Public Reserve"] { background: url(../images/sprites.png) no-repeat; background-size: 310px; background-position: -228px -224px; }
.masterplan .point[data-category="Public Reserve"] .hover-content { background: #69BD44; }
.masterplan .point[data-category="Riparian Corridor"] { background: url(../images/sprites.png) no-repeat; background-size: 310px; background-position: -126px -225px; }
.masterplan .point[data-category="Riparian Corridor"] .hover-content { background: #06783D; }
.masterplan .point[data-category="Sold"] { background: #FBEAB2; }
.masterplan .point[data-category="Sold"] .hover-content { background: #FBEAB2; }
.masterplan .point[data-category="Lots For Sale"] { width: auto; height: 38px; text-align: center; margin-left: -25px; border-radius: 0px; background: #fff; font-size: 22px; padding: 1px 5px 5px 5px; color: #000; text-transform: uppercase; box-shadow: 0 2px 2px #ccc; }
.masterplan .point[data-category="Lots For Sale"] .hover-content { background: #103766; color: #fff; margin-left: -60px; bottom: 40px; }
.masterplan .point[data-category="Lots For Sale"] .arrow-down-point { border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #fff; margin-top: 3px; margin-left: 40px; left: -20px; position: relative; }
.masterplan .point[data-category="Other"] { background: #4f4f4f; }
.masterplan .point[data-category="Other"] .hover-content { background: #4f4f4f; }
.masterplan .hover-content { border: none; box-shadow: none; padding: 10px; border: 2px solid #fff; color: #fff; margin-left: -82px; bottom: 60px; }
.masterplan .hover-content h1 { font-size: 13px; font-family: "NovecentowideBold", Helvetica, Arial, sans-serif; }
.masterplan .arrow-down-point { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 20px solid #fff; margin-top: 34px; margin-left: 9px; }
.masterplan .category-image { background: #fff; color: #fff; min-width: 37px; display: block; min-height: 44px; padding: 100%; border-radius: 6px; position: absolute; top: -999px; margin-left: -12px; margin-top: -50px; visibility: hidden; opacity: 0; z-index: 10; -webkit-transition: 500ms opacity ease; transition: 500ms opacity ease; }
.masterplan .category-image.show { visibility: visible; opacity: 1; top: 0; -webkit-transition: 500ms ease all; transition: 500ms ease all; }
.masterplan .category-image.Shopping { background: url("../images/masterplan-pins.png"); background-repeat: no-repeat; background-position: -41px 0px; background-size: 150px; }
.masterplan .category-image.Child { background: url("../images/masterplan-pins.png"); background-repeat: no-repeat; background-position: 0px 0px; background-size: 150px; }
.masterplan .category-image.Parks { background: url("../images/masterplan-pins.png"); background-repeat: no-repeat; background-position: 0px -50px; background-size: 150px; }
.masterplan .category-image.Education { background: url("../images/masterplan-pins.png"); background-repeat: no-repeat; background-position: -40px -50px; background-size: 150px; }
.masterplan .category-image.Land { background: url("../images/masterplan-pins.png"); background-repeat: no-repeat; background-position: -97px 0px; background-size: 150px; }
.masterplan .point:hover .category-image { display: none; }
.masterplan.show .category-image { top: 0; }

.lot-infobox.masterplan-info .inner { top: 6px; width: 97.2%; left: 14px; }
.lot-infobox.masterplan-info .close-infobox { top: -1px; right: 2px; }

.masterplan .category-image.Education { background: url("../images/masterplan-pins.png"); background-repeat: no-repeat; background-position: -41px -50px; background-size: 150px; margin-left: -11px; margin-top: -50px; }

.lot-infobox.masterplan-info .inner { top: 8px; }

.lot-infobox.masterplan-info .close-infobox { top: 0; }

.lot-infobox.masterplan-info { min-height: 600px; padding-bottom: 24px; max-width: 1000px; }
.lot-infobox.masterplan-info .header { background: transparent; width: 90%; margin: auto; min-height: 60px; padding-top: 40px; }
.lot-infobox.masterplan-info .header h1 { font-size: 46px; text-align: left; padding-left: 12px; margin: auto; font-family: "NovecentowideMedium", Helvetica, Arial, sans-serif; line-height: 48px; }
.lot-infobox.masterplan-info .column-left { width: 60%; }
.lot-infobox.masterplan-info .column-right { width: 40%; }
.lot-infobox.masterplan-info .column-left, .lot-infobox.masterplan-info .column-right { display: inline-block; vertical-align: top; font-size: 14px; text-align: left; }
.lot-infobox.masterplan-info .column-right * { width: 90%; margin: auto; }
.lot-infobox.masterplan-info .column-right h3 { font-family: "NovecentowideMedium", Helvetica, Arial, sans-serif; font-size: 18px; margin-top: 5px; margin-bottom: 5px; }
.lot-infobox.masterplan-info .column-right .related-links { clear: both; }
@media screen and (min-width: 769px) { .lot-infobox.masterplan-info .column-right .related-links { position: absolute; bottom: 150px; max-width: 300px; margin-left: 18px; } }
.lot-infobox.masterplan-info .column-right .related-links h3 { margin-bottom: 15px; }
.lot-infobox.masterplan-info .point-image { margin-left: 62px; margin-top: 30px; }
.lot-infobox.masterplan-info .point-image .slide { display: none; }
.lot-infobox.masterplan-info .point-image .slide img { width: 100%; }
.lot-infobox.masterplan-info .point-image .slide.current { z-index: 10; opacity: 1; display: block; -webkit-transition: 500ms opacity ease; transition: 500ms opacity ease; }
.lot-infobox.masterplan-info .pagination { padding-left: 60px; margin: 0; }
.lot-infobox.masterplan-info .pagination ul { padding: 0; position: relative; top: 24px; text-align: left; }
.lot-infobox.masterplan-info .pagination li { list-style-type: none; display: inline-block; width: 16px; height: 16px; background: #fff; border-radius: 18px; border: 2px solid #A9AB9E; margin-right: 5px; cursor: pointer; }
.lot-infobox.masterplan-info .pagination li.current { width: 18px; height: 18px; background: #29954B; border: 2px solid #fff; box-shadow: 0px 2px 1px #A9AB9E; margin-right: 4px; }

.search-lots { display: none; }

/* New filter UI - sliders */
.slider-label { font-size: 16px; color: #000; font-weight: lighter; width: 80%; margin: 10px 30px !important; position: relative; }

#frontage-label { padding-top: 7px; }

#frontage-filter .ui-rangeslider-sliders { position: relative; top: -15px; }

label[for="packages-flipswitch"] { margin-top: -7px; }

.ui-rangeslider .ui-rangeslider-sliders { margin: 0; margin-top: 35px; margin-left: 45px; margin-right: 31px; }

.stageplan .ui-slider-track .ui-btn.ui-slider-handle { background: #fbc463; width: 18px; height: 18px; top: 90%; border: 1px solid #fff; }

.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child { background: #D6D7DB; }

.ui-slider-bg.ui-btn-active { background: #8ec897; }

input#range-minimum { margin-left: 29px; width: 60px; border-color: #D6D6D6; border-radius: 0px; }

input#range-maximum { margin-right: 31px; width: 60px; border-color: #D6D6D6; border-radius: 0px; }

input#lotsize-slider { border-color: #D6D6D6; }

.ui-rangeslider-sliders .ui-slider-track { border-color: #009ca7; }

.ui-rangeslider .info { color: #000; display: inline-block; font-size: 13px; margin-top: 6px; }

ui-slider-track ui-shadow-inset ui-bar-inherit ui-corner-all { background: #D6D7DB; }

#package-filter label { margin-top: -5px; }

#land-filter, #package-filter { height: 40px; width: 80%; margin: 20px auto; }
#land-filter .ui-slider-bg.ui-btn-active, #package-filter .ui-slider-bg.ui-btn-active { border-color: #A9AC9A; }
#land-filter .ui-flipswitch, #package-filter .ui-flipswitch { width: 50px; height: 25px; background: #D9DED9; border-color: transparent; margin-left: 53px; margin-top: 5px; box-shadow: 0px 0px 1px #77796C inset; }
#land-filter .ui-flipswitch.ui-flipswitch-active, #package-filter .ui-flipswitch.ui-flipswitch-active { background: #29954B; box-shadow: none; }
#land-filter .ui-flipswitch.ui-flipswitch-active a, #package-filter .ui-flipswitch.ui-flipswitch-active a { text-decoration: none; left: 25px; top: 0; box-shadow: 0 none; text-indent: -999px; }
#land-filter .ui-flipswitch > a, #package-filter .ui-flipswitch > a { width: 22px; height: 22px; border-width: 0; background: #F5F6F5; box-shadow: 0px 1px 1px #A9AC9A; }
#land-filter label, #package-filter label { font-size: 16px; width: 130px; display: inline-block; font-family: "montserratregular", Helvetica, Arial, sans-serif; }

.ui-rangeslider .ui-rangeslider-sliders { clear: both; }

.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track { border-color: none; background: #D6D7DB; }

.ui-flipswitch .ui-btn.ui-flipswitch-on { text-indent: -9999px; }

label[for="slider-lotsize"] { position: relative; top: 5px; }

#lotsize-filter { margin-top: 13px; }
#lotsize-filter .ui-rangeslider-sliders { margin-top: 20px; margin-bottom: 20px; }

.status-text { font-size: 22px; color: #29954B; }

@media (max-width: 992px) { .status-text { text-align: center; } }
.builder-select > span { font-size: 16px; margin-left: 20px; position: relative; top: 5px; }

body.top-page-masterplan #land-for-sale { position: absolute; top: 118px; }

.lot-infobox .Actions .ajax-loader { margin-left: -21px; margin-top: -40px; }

.land-for-sale-link a { font-size: 20px; font-weight: bold; color: #fff; display: inline-block; margin-right: 20px; }
.land-for-sale-link a:hover, .land-for-sale-link a:focus { color: #8DC363; text-decoration: none; }

.lot-infobox.masterplan-info .close-infobox { width: 40px; height: 40px; background: #144783 url(../images/close-btn.png) no-repeat center; }
.lot-infobox.masterplan-info .info-background-image { border: 1px solid #fff; width: 100%; position: absolute; height: 101%; z-index: -5; top: -1px; }
.lot-infobox.masterplan-info .content-box { width: 50%; float: right; margin-top: 39px; margin-right: 43px; color: #fff; text-align: left; padding-left: 45px; padding-top: 20px; padding-right: 45px; padding-bottom: 20px; position: absolute; bottom: 25px; right: 0; font-size: 1.3em; }
.lot-infobox.masterplan-info .content-box a { color: #fff; text-decoration: none; }
.lot-infobox.masterplan-info h1 { font-weight: bold; padding-bottom: .5em; }
.lot-infobox.masterplan-info h3 { font-size: 18px; padding: .5em 0; }
.lot-infobox.masterplan-info .background-color { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.9; background-color: #144783; z-index: -1; }
.lot-infobox.masterplan-info.Other h1, .lot-infobox.masterplan-info.Other h3 { color: #FFFFFF; }

#return-to-website { position: fixed; background-color: #fff; width: 100%; height: 70px; bottom: 0; z-index: 10; box-shadow: 0px -10px 13px rgba(51, 51, 51, 0.36); }
#return-to-website img { margin-top: -5px; }
#return-to-website a { text-transform: uppercase; font-weight: bold; text-align: right; width: 100%; display: block; position: relative; top: 6px; right: 25px; }
#return-to-website a:hover { text-decoration: underline; color: #009ca7; }
#return-to-website a h4 { margin-top: 5px; }
#return-to-website a h5 { text-align: center; margin-top: 5px; }
#return-to-website > * { padding-top: 15px; }

.lot-infobox .inner .col p.lot-data { display: block; margin: auto; text-align: center; }
.lot-infobox .inner .col p.lot-data span.label { color: #8DC363; font-family: "NovecentowideBold", Helvetica, Arial, sans-serif; }
.lot-infobox .inner .col p.lot-data span, .lot-infobox .inner .col p.lot-data span.units { color: #103766; text-transform: none; }
.lot-infobox .inner .col p.lot-data span.units { position: relative; left: -5px; }

#key { width: 100px; height: 65px; background: #fff; color: #696759; font-size: 16px; }
#key .key-button { font-family: "NovecentowideBold", Helvetica, Arial, sans-serif; position: relative; padding: 23px 0; text-align: center; cursor: pointer; }
#key .holder { display: none; width: 200px; position: absolute; background: #fff; top: 65px; right: 0; border-top: 5px solid #009ca7; border-left: 1px solid #009ca7; border-bottom: 1px solid #009ca7; }
#key .holder ul { padding: 15px; list-style-type: none; margin-bottom: 0; }
#key .holder li { margin-bottom: 1em; }
#key .holder li:last-child { margin-bottom: 0; }
#key .holder .label { position: relative; left: 35px; color: #000; }

.lot-infobox.package .inner .col .information a.special-button { background: #F0822A; }
.lot-infobox.package .inner .col p.lot-data span.label { color: #F0822A; }
.lot-infobox.package .inner .left-col .col .lotnum { color: #F0822A; }
.lot-infobox.package .inner .col h2:first-child { color: #F0822A; }

@media screen and (min-width: 1260px) { .map-header .stageplan-title { display: block; } }
@media screen and (min-width: 640px) { .lot-infobox.show { -webkit-transition: 350ms top cubic-bezier(1, 0.04, 0, 1); transition: 350ms top cubic-bezier(1, 0.04, 0, 1); } }
@media screen and (min-height: 600px) and (max-height: 800px) { .lot-infobox.show { top: 10%; } }
@media screen and (max-width: 1200px) { .lot-infobox.show { -webkit-overflow-scrolling: touch; top: 12%; }
  .lot-infobox .inner .col { width: 50%; }
  .lot-infobox .footer p { font-size: 13px; } }
@media screen and (max-width: 1024px) and (min-width: 768px) { .popup.masterplan .actions-holder { margin-top: 0; }
  .popup .inner .actions-holder a.start { margin-bottom: 30px; }
  .popup.instructions.masterplan .inner h1 { font-size: 32px; } }
@media screen and (max-width: 1024px) { .popup { top: 7%; }
  .popup .inner .content { position: relative; top: -20px; }
  .stageplan-pricelist { width: 51px; height: 50px; overflow: hidden; position: relative; top: 5px; right: 5px; }
  .stageplan-pricelist a { padding: .7em 0.6em .7em 3.4em; } }
@media screen and (max-width: 900px) { .lot-infobox.masterplan-info .header h1 { font-size: 36px; padding-left: 0; }
  .map-header .right .stageplan-title { display: none; } }
@media screen and (max-width: 768px) { .infobox-container { top: 5%; }
  .lot-infobox.masterplan-info .inner { left: 9px; }
  .lot-infobox.masterplan-info .column-right * { width: 100%; }
  .lot-infobox.masterplan-info .point-image .slide img { max-width: 460px; }
  .popup.instructions.masterplan .inner h1 { font-size: 28px; }
  .lot-infobox.show { top: 8%; height: 92%; overflow-y: scroll; }
  .lot-infobox .close-infobox { top: -6px; }
  .lot-infobox .inner .right-col .contents { margin: 30px auto; float: none; position: relative; top: 15px; }
  .popup .inner .content .map { font-size: 23px; }
  .popup .inner .content .text { font-size: 16px; line-height: 20px; }
  .popup.masterplan .inner .actions-holder { margin-top: 10px; }
  .popup.masterplan .inner .actions-holder a { margin-top: 10px; }
  .map-holder { overflow-x: hidden; overflow-y: auto; }
  .map-header .right { width: 15%; float: right; }
  .map-header.stageplan .right { width: 60%; }
  .map-header.stageplan .left { width: 40%; }
  .map-header .left { width: 70%; }
  .lot-infobox .inner .left-col { width: 98%; }
  .lot-infobox.masterplan-info .column-right, .lot-infobox.masterplan-info .column-left { width: 100%; }
  .lot-infobox.masterplan-info .point-image { width: 90%; margin: 20px auto; min-height: 250px; }
  .lot-infobox.masterplan-info { padding-bottom: 144px; }
  .lot-infobox.masterplan-info.no-summary { width: 100%; }
  .popup .inner .actions-holder { margin-top: 10px; }
  .lot-infobox.masterplan-info.no-image { padding-bottom: 26px; }
  .lot-infobox.masterplan-info .pagination { padding-left: 30px; position: relative; top: -20px; }
  .popup.birdseyeview .inner .actions-holder a.close { position: relative; top: 10px; }
  .popup .inner { min-height: 250px; } }
@media screen and (max-width: 640px) { #return-to-website img { width: 75px; }
  .popup.instructions.masterplan { top: 20%; }
  .lot-infobox.masterplan-info .content-box { width: 100%; margin: 0; padding: 30px; top: -1px; }
  .lot-infobox.masterplan-info .info-background-image { left: -1px; width: 101%; }
  .popup { top: 1%; }
  .map-container.scroll { overflow-y: scroll; }
  .lot-infobox.masterplan-info .point-image { min-width: 0; }
  .lot-infobox.masterplan-info .column-left, .lot-infobox.masterplan-info .column-right { width: 90%; min-width: 0; }
  .lot-infobox.show { top: 65px; height: 70%; overflow-y: scroll; }
  .lot-infobox .close-infobox { right: 10px; top: 30px; z-index: 10; }
  .popup.instructions .inner h1 { font-size: 24px; }
  .popup.instructions .inner .content .text { width: 80%; margin: auto; font-size: 14px; }
  .popup.instructions .inner .actions-holder { margin-top: 10px; }
  .popup.instructions .inner .actions-holder a.start { font-size: 14px; margin-bottom: 0; }
  .map-holder .lot-infobox .inner { width: 95%; padding: 0; }
  .map-holder .lot-infobox .inner .left-col, .map-holder .lot-infobox .inner .right-col { width: 97%; }
  .logo-holder { display: none; } }
@media screen and (max-width: 480px) { #return-to-website { height: 58px; }
  #return-to-website a { width: 120%; top: 0; right: 31px; font-size: 1em; }
  #return-to-website.masterplan { height: 48px; }
  .infobox-container { top: 5px; }
  .infobox-container .row { padding: 12px 0; }
  .infobox-container .infobox .info-header .close-infobox { top: 0px; }
  .map-header.stageplan .right { width: 100%; }
  .map-header .left .back-text.masterplan { margin-top: -10px; }
  .inner-container { position: relative; height: 100%; background-color: #fff; }
  .map-container.masterplan { height: 100%; }
  .stageplan-pricelist { width: 43px; height: 50px; overflow: hidden; position: relative; top: 5px; left: -5px; }
  a.reset-filter { margin-top: -95px; margin-left: 35px; }
  .filter-group { width: 280px; margin: 20px auto; }
  #land-filter label, #package-filter label { float: left; }
  span.close-refine { font-size: 14px; float: right; margin-right: 25px; background: #009ca7; padding: 5px 15px; line-height: 40px; cursor: pointer; font-weight: bold; color: #fff; }
  .search-lots { display: block; width: 100%; height: 60px; margin-top: 55px; background-color: #8DC363; font-size: 14px; cursor: pointer; }
  .search-lots .magnifier { display: block; background: #29954B url(../images/magnifying-glass.png) no-repeat; width: 35px; height: 35px; float: left; position: relative; left: 15px; top: 9px; }
  .search-lots p { font-family: "NovecentowideMedium", Helvetica, Arial, sans-serif; color: #103766; position: relative; top: 17px; left: 25px; font-size: 18px; font-weight: bold; }
  .stageplan .filter-container.show { position: absolute; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; left: 0; top: 0; width: 100%; background: #fff; }
  .map-header .left .back a { background-position: -11px 3px; }
  .lot-infobox.masterplan-info .inner { top: 3px; left: 8px; padding-bottom: 10px; }
  .popup.instructions.masterplan { top: 6%; }
  .popup.instructions .inner .top-image { width: 150px; margin-top: -50px; }
  .welcome img { max-width: 160px; }
  .popup.instructions.masterplan .inner h1 { font-size: 20px; }
  .popup.birdseyeview .inner .content { margin-top: -20px; }
  .popup.masterplan .inner .actions-holder a { margin-top: 5px; }
  .category-menu.masterplan .icon { width: 30px; height: 30px; }
  .category-menu.masterplan .icon.education, .category-menu.masterplan .icon.parks-sports-fields, .category-menu.masterplan .icon.land-for-sale, .category-menu.masterplan .icon.shopping, .category-menu.masterplan .icon.child-care { background-size: 35px; }
  .filter-instructions.category.masterplan, .filter-instructions.category.birdseyeview { right: 50px; width: 250px; }
  .filter-instructions.category.masterplan .category-menu ul, .filter-instructions.category.birdseyeview .category-menu ul { width: 190px; }
  .filter-instructions.category.masterplan .category-menu ul, .filter-instructions.category.birdseyeview .category-menu ul { margin-right: 5px; }
  .filter-instructions.category.masterplan h3, .filter-instructions.category.birdseyeview h3 { width: 190px; }
  .map-header.stageplan .left { width: 30%; }
  .popup.instructions .inner .content .text { line-height: 16px; margin-top: 0px; }
  .popup.instructions .actions-holder .close { display: none; }
  .popup .inner .content .map { margin-top: -12px; font-size: 20px; }
  .popup.instructions .inner .actions-holder { margin-top: 60px; }
  .popup.instructions.birdseyeview .inner .welcome { margin-top: 25px; }
  .popup.instructions.birdseyeview .inner .welcome img { width: 160px; }
  .popup.instructions .inner .actions-holder a.start { max-width: 150px; margin-top: -40px; font-weight: bold; }
  .popup.instructions.birdseyeview .close { display: none; }
  .lot-infobox.show { overflow-y: scroll; overflow-x: hidden; max-height: 85%; max-width: 100%; margin-left: 0px; -webkit-overflow-scrolling: touch; }
  .lot-infobox.masterplan-info .point-image { width: 100%; top: 170px; }
  .lot-infobox.masterplan-info .column-right p { width: 100%; margin-left: 0; }
  .lot-infobox.masterplan-info .pagination { padding-left: 0; }
  .lot-infobox.masterplan-info .pagination ul { top: 0; }
  .filter-instructions.category.show { display: none; }
  .lot-infobox { width: 100%; }
  .lot-infobox .close-infobox { right: 10px; top: 10px; background-size: 35px; }
  .lot-infobox .footer { padding-bottom: 20px; }
  .lot-infobox .inner .col.smaller-height:first-child { left: 0; }
  .map-holder .lot-infobox .inner { width: 100%; margin-left: -6px; margin-top: 50px; max-width: 100%; }
  .map-holder .lot-infobox .inner .left-col .col .lot-image { width: 262px; margin: 0px auto; }
  .lot-infobox .inner .col .form-holder form input, .lot-infobox .inner .col .form-holder form textarea, .lot-infobox .inner .col .form-holder form select { min-width: 253px; }
  .lot-infobox .inner .left-col .col .lot-info { margin-left: 0; }
  .lot-infobox .inner .col p { width: 250px; }
  .lot-infobox .inner .col .form-holder form .Actions { min-width: 250px; }
  .lot-infobox .inner .col .form-holder form .Actions input[type="submit"] { margin: -10px 0px; }
  .lot-infobox .inner .left-col .col { min-width: 280px; }
  .map-container.stageplan .popup.instructions .inner .content .text { width: 100%; }
  .lot-infobox .inner .col .form-holder .builder.show .Actions { position: relative; bottom: -20px; left: -3px; }
  .lot-infobox .footer p { font-size: 15px; line-height: 20px; max-width: 280px; }
  .lot-infobox .inner .col .form-holder.share .error.preview-email { text-align: right; }
  .lot-infobox.masterplan-info .column-right h3 { margin-left: 0; }
  .lot-infobox.masterplan-info .header { margin-left: 30px; }
  .lot-infobox.masterplan-info .column-right * { width: 90%; }
  .map-holder .lot-infobox.masterplan-info .inner { margin-left: 0; }
  .lot-infobox.masterplan-info .point-image .slide img { max-width: 260px; }
  .popup.form-response { top: 0; }
  .popup.form-response .inner { width: 320px; height: 400px; max-width: 320px; max-height: 400px; }
  .popup.form-response .inner .top-image { max-width: 130px; margin-top: -50px; }
  .popup.form-response .inner .content { top: -50px; }
  .popup.form-response .inner .content h1 { font-size: 29px; }
  .popup.form-response .inner .actions-holder a.start { padding: 5px 15px; max-width: 160px; }
  .popup.form-response .inner .actions-holder a.close { margin-top: -5px; }
  .lot-infobox.show { position: fixed; top: 0px; height: 100%; max-height: 100%; padding-bottom: 0; background: rgba(0, 0, 0, 0.6); }
  .lot-infobox.show .inner { height: 99%; }
  .lot-infobox.masterplan-info.show { background: #fff; }
  .stageplan .lot-infobox.show { background: #fff; }
  .back-text.masterplan h3 { font-size: 16px; padding-top: 6px; }
  .map-header .left .back-text { margin-left: -15px; min-width: 180px; }
  .stageplan-pricelist a { padding: .7em 0.6em .7em 3em; }
  .popup .inner .map-icon { display: none; }
  .lot-infobox .inner .col .information a.special-button { font-size: 16px; }
  .lot-infobox .inner .col .terms-link { font-size: 11px; left: 15px; bottom: 41px; }
  .lot-infobox .inner .right-col .contents .section.email { padding-bottom: 2em; } }

/*# sourceMappingURL=map.css.map */