@import url('https://fonts.googleapis.com/css?family=Lato:300,400,600,700');
@charset "UTF-8";
.dpg-wrapper {
  /* HTML5 display-role reset for older browsers */ }
  .dpg-wrapper div, .dpg-wrapper span, .dpg-wrapper applet, .dpg-wrapper object, .dpg-wrapper iframe, .dpg-wrapper h1, .dpg-wrapper h2, .dpg-wrapper h3, .dpg-wrapper h4, .dpg-wrapper h5, .dpg-wrapper h6, .dpg-wrapper p, .dpg-wrapper blockquote, .dpg-wrapper pre, .dpg-wrapper a, .dpg-wrapper abbr, .dpg-wrapper acronym, .dpg-wrapper address, .dpg-wrapper big, .dpg-wrapper cite, .dpg-wrapper code, .dpg-wrapper del, .dpg-wrapper dfn, .dpg-wrapper em, .dpg-wrapper img, .dpg-wrapper ins, .dpg-wrapper kbd, .dpg-wrapper q, .dpg-wrapper s, .dpg-wrapper samp, .dpg-wrapper small, .dpg-wrapper strike, .dpg-wrapper strong, .dpg-wrapper sub, .dpg-wrapper sup, .dpg-wrapper tt, .dpg-wrapper var, .dpg-wrapper b, .dpg-wrapper u, .dpg-wrapper i, .dpg-wrapper center, .dpg-wrapper dl, .dpg-wrapper dt, .dpg-wrapper dd, .dpg-wrapper ol, .dpg-wrapper ul, .dpg-wrapper li, .dpg-wrapper fieldset, .dpg-wrapper form, .dpg-wrapper label, .dpg-wrapper legend, .dpg-wrapper table, .dpg-wrapper caption, .dpg-wrapper tbody, .dpg-wrapper tfoot, .dpg-wrapper thead, .dpg-wrapper tr, .dpg-wrapper th, .dpg-wrapper td, .dpg-wrapper article, .dpg-wrapper aside, .dpg-wrapper canvas, .dpg-wrapper details, .dpg-wrapper embed, .dpg-wrapper figure, .dpg-wrapper figcaption, .dpg-wrapper footer, .dpg-wrapper header, .dpg-wrapper hgroup, .dpg-wrapper menu, .dpg-wrapper nav, .dpg-wrapper output, .dpg-wrapper ruby, .dpg-wrapper section, .dpg-wrapper summary, .dpg-wrapper time, .dpg-wrapper mark, .dpg-wrapper audio, .dpg-wrapper video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  .dpg-wrapper article, .dpg-wrapper aside, .dpg-wrapper details, .dpg-wrapper figcaption, .dpg-wrapper figure, .dpg-wrapper footer, .dpg-wrapper header, .dpg-wrapper hgroup, .dpg-wrapper menu, .dpg-wrapper nav, .dpg-wrapper section {
    display: block; }
  .dpg-wrapper body {
    line-height: 1; }
  .dpg-wrapper ol, .dpg-wrapper ul {
    list-style: none; }
  .dpg-wrapper blockquote, .dpg-wrapper q {
    quotes: none; }
  .dpg-wrapper blockquote:before, .dpg-wrapper blockquote:after, .dpg-wrapper q:before, .dpg-wrapper q:after {
    content: '';
    content: none; }
  .dpg-wrapper table {
    border-collapse: collapse;
    border-spacing: 0; }

.dpg-wrapper .fa {
  font: normal normal normal 14px/1 FontAwesome; }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.dpg-wrapper .si-close-button {
  display: none; }
  .dpg-wrapper .si-float-wrapper {
    position: absolute;
    width: 100%; }
    .dpg-wrapper .si-float-wrapper, .dpg-wrapper .si-float-wrapper * {
      box-sizing: border-box; }
  .dpg-wrapper [class*="si-wrapper"] {
    display: flex;
    position: absolute;
    align-items: center;
    font-size: 14px;
    cursor: default; }
  .dpg-wrapper .si-wrapper-top {
    flex-direction: column;
    margin-top: -40px;
    margin-left: 0px;
    transform: translate(-50%, -100%); }
  .dpg-wrapper .si-wrapper-bottom {
    flex-direction: column-reverse;
    margin-top: 0px;
    margin-left: 0px;
    transform: translate(-50%, 0); }
  .dpg-wrapper .si-wrapper-left {
    margin-top: -20px;
    margin-left: -11px;
    transform: translate(-100%, -50%); }
  .dpg-wrapper .si-wrapper-right {
    flex-direction: row-reverse;
    margin-top: -20px;
    margin-left: 11px;
    transform: translate(0, -50%); }
  .dpg-wrapper [class*="si-shadow-wrapper"] {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.29804;
    z-index: 1; }
  .dpg-wrapper .si-shadow-wrapper-top, .dpg-wrapper .si-shadow-wrapper-bottom {
    flex-direction: column; }
  .dpg-wrapper .si-shadow-pointer-bottom, .dpg-wrapper .si-shadow-pointer-right {
    order: -1; }
  .dpg-wrapper .si-shadow-frame {
    box-shadow: 0 1px 3px 0 #000; }
  .dpg-wrapper [class*="si-shadow-pointer"] {
    position: relative;
    width: 10px;
    height: 10px;
    margin: auto; }
  .dpg-wrapper [class*="si-shadow-inner-pointer"] {
    position: absolute;
    width: 141%;
    height: 141%;
    box-shadow: -0.70711px 0.70711px 3px 0 #000; }
  .dpg-wrapper .si-shadow-inner-pointer-top {
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg); }
  .dpg-wrapper .si-shadow-inner-pointer-bottom {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%) rotate(-45deg); }
  .dpg-wrapper .si-shadow-inner-pointer-left {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg); }
  .dpg-wrapper .si-shadow-inner-pointer-right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%) rotate(-45deg); }
  .dpg-wrapper .si-frame {
    position: relative;
    flex: 1 1 auto;
    border-radius: 3px;
    overflow: hidden;
    z-index: 2; }
  .dpg-wrapper .si-content-wrapper {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 10px;
    background-color: #fefefe; }
    .si-has-border .dpg-wrapper .si-content-wrapper {
      border: 0px solid #fefefe; }
  .dpg-wrapper .si-content {
    overflow: auto; }
  .dpg-wrapper .si-close-button {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    outline: none;
    background-color: transparent;
    color: inherit;
    font-family: Arial, Baskerville, monospace;
    font-size: 24px;
    cursor: pointer;
    opacity: 0.5;
    appearance: none; }
    .dpg-wrapper .si-close-button:hover, .dpg-wrapper .si-close-button:focus {
      opacity: 0.7; }
  .dpg-wrapper [class*="si-pointer-border"] {
    position: absolute;
    border: 10px solid transparent;
    z-index: 3; }
  .dpg-wrapper [class*="si-pointer-bg"] {
    position: relative;
    border: 10px solid transparent;
    z-index: 4; }
    .si-has-border .dpg-wrapper [class*="si-pointer-bg"] {
      border-width: 10px; }
  .dpg-wrapper .si-pointer-border-top, .dpg-wrapper .si-pointer-border-bottom {
    left: 50%;
    transform: translate(-50%, 0); }
  .dpg-wrapper .si-pointer-border-left, .dpg-wrapper .si-pointer-border-right {
    top: 50%;
    transform: translate(0, -50%); }
  .dpg-wrapper .si-pointer-top {
    border-bottom: 0; }
  .dpg-wrapper .si-pointer-border-top {
    bottom: 0;
    border-top-color: #fefefe; }
  .dpg-wrapper .si-pointer-bg-top {
    border-top-color: #fefefe; }
    .si-has-border .dpg-wrapper .si-pointer-bg-top {
      top: 0px;
      margin-bottom: 0px; }
  .dpg-wrapper .si-pointer-bottom {
    border-top: 0; }
  .dpg-wrapper .si-pointer-border-bottom {
    top: 0;
    border-bottom-color: #fefefe; }
  .dpg-wrapper .si-pointer-bg-bottom {
    border-bottom-color: #fefefe; }
    .si-has-border .dpg-wrapper .si-pointer-bg-bottom {
      bottom: 0px;
      margin-top: 0px; }
  .dpg-wrapper .si-pointer-left {
    border-right: 0; }
  .dpg-wrapper .si-pointer-border-left {
    right: 0;
    border-left-color: #fefefe; }
  .dpg-wrapper .si-pointer-bg-left {
    border-left-color: #fefefe; }
    .si-has-border .dpg-wrapper .si-pointer-bg-left {
      left: 0px;
      margin-right: 0px; }
  .dpg-wrapper .si-pointer-right {
    border-left: 0; }
  .dpg-wrapper .si-pointer-border-right {
    left: 0;
    border-right-color: #fefefe; }
  .dpg-wrapper .si-pointer-bg-right {
    border-right-color: #fefefe; }
    .si-has-border .dpg-wrapper .si-pointer-bg-right {
      right: 0px;
      margin-left: 0px; }
/**
 * Element Dimensions
 */
/* Page elements */
/* Main navigation */
/* Main site header */
.center-background, .dpg-wrapper .discover-grid ul li div {
  /**
   * Class modifiers which apply specific declarations.
   */
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
/* Flex Containers */
.flex-row, .single-neighbourhood .median-house-prices, body.single-neighbourhood .intro-tabs, body.single-neighbourhood .intro-tabs > li, .dpg-wrapper .discover-grid ul, .dpg-wrapper .demographic-tabs, .dpg-wrapper .demographic-content .demographics-summary, .dpg-wrapper .demographic-content .demographic.top-3, .dpg-wrapper .demographic-content .demographics-detail li, .dpg-wrapper .demographic-content .demographic.detail li {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.flex-col, .single-neighbourhood .median-house-prices li .content, body.single-neighbourhood .intro-tabs > li > a {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.flex-ctr {
  justify-content: center;
  align-items: center; }
/* Overflows */
.no-overflow {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden; }
/* List styles */
.no-list-style, .single-neighbourhood .median-house-prices, body.single-neighbourhood .intro-tabs, .dpg-wrapper .discover-grid ul, .dpg-wrapper .demographic-tabs, .dpg-wrapper .demographic-content .demographics-summary, .dpg-wrapper .demographic-content .demographic.top-3, .dpg-wrapper .demographic-content .demographics-detail, .dpg-wrapper .demographic-content .demographic.detail {
  list-style-type: none;
  padding-left: 0; }
/* Colours */
.grey-dark {
  color: #686868; }

.grey {
  color: #bbb; }
/* Gradients */
.gradient-overlay-bottom {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2rem;
  width: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 25%, rgba(0, 0, 0, 0) 100%); }

.gradient-overlay-top {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 2rem;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%); }
/* Text alignment. */
.text-shadow {
  text-shadow: 1px 0px 0px rgba(0, 0, 0, 1); }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-capitalize {
  text-transform: capitalize; }

.text-uppercase {
  text-transform: uppercase; }

.text-right {
  text-align: right; }

.link {
  cursor: pointer; }

.dpg-wrapper {
  background-color: #fefefe;
  font-family: 'Lato', sans-serif;
  color: #262626;
  box-sizing: border-box;
  line-height: 1.2; }
  .dpg-wrapper.container-wrap {
    padding-top: 0;
    margin-top: 0; }
  .dpg-wrapper * {
    box-sizing: border-box; }
  .dpg-wrapper h2 {
    color: #262626;
    font-style: normal;
    font-size: 29px;
    line-height: 55px;
    font-weight: 400;
    margin: 0;
    padding: 0; }
  .dpg-wrapper h3 {
    color: #262626;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    padding: 0; }
  .dpg-wrapper p {
    margin-bottom: 0; }
  .dpg-wrapper .wp-content {
    margin-bottom: 20px; }
    .dpg-wrapper .wp-content p {
      font-size: 23px;
      line-height: 1.4;
      font-weight: 300;
      margin-bottom: 20px; }
    .dpg-wrapper .wp-content ul {
      margin-top: 10px;
      margin-bottom: 20px;
      padding-left: 30px; }
      .dpg-wrapper .wp-content ul li {
        list-style: circle;
        padding: 5px 0;
        font-weight: 300; }
    .dpg-wrapper .wp-content a {
      color: #323232; }
  .dpg-wrapper ul {
    margin: 0;
    padding: 0; }
    .dpg-wrapper ul li {
      list-style: none; }
  .dpg-wrapper address {
    margin-bottom: 0; }
  .dpg-wrapper .dpg-container {
    width: 1100px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    max-width: none !important; }
    @media (max-width: 1100px) {
  .dpg-wrapper .dpg-container {
    width: 100%; } }

@media screen and (max-width: 1100px) {
  .dpg-wrapper h2 {
    font-size: 25px;
    line-height: 35px; }
    .dpg-wrapper h3 {
      font-size: 21px; }
    .dpg-wrapper .dpg-container {
      width: 100%; }
    .dpg-wrapper .content p {
      font-size: 18px;
      line-height: 28px; } }

@media screen and (max-width: 821px) {
  .dpg-wrapper h2 {
    font-size: 18px;
    line-height: 30px; }
    .dpg-wrapper h3 {
      font-size: 16px; }
    .dpg-wrapper .wp-content p {
      font-size: 16px;
      line-height: 22px; } }

@media screen and (max-width: 767px) {
  .dpg-wrapper h2 {
    font-size: 22px;
    line-height: 30px; }
    .dpg-wrapper h3 {
      font-size: 18px; }
    .dpg-wrapper .content p {
      font-size: 16px;
      line-height: 26px; } }
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before, .cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1; }

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.ttf?cfudoo') format('truetype'), url('../fonts/icomoon.woff?cfudoo') format('woff'), url('../fonts/icomoon.svg?cfudoo#icomoon') format('svg');
  font-weight: normal;
  font-style: normal; }

.dpg-wrapper {
  /* use !important to prevent issues with browser extensions that change fonts */ }
  .dpg-wrapper i.dpg-icon {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .dpg-wrapper .dpg-icon-bath:before {
    content: "\e900"; }
  .dpg-wrapper .dpg-icon-bed:before {
    content: "\e901"; }
  .dpg-wrapper .dpg-icon-car:before {
    content: "\e902"; }
  .dpg-wrapper .dpg-icon-clock:before {
    content: "\e903"; }
  .dpg-wrapper .dpg-icon-map-marker:before {
    content: "\e904"; }
  .dpg-wrapper .dpg-icon-phone:before {
    content: "\e905"; }
  .dpg-wrapper .dpg-icon-ribbon:before {
    content: "\e906"; }
/**
 * Add to calendar buttons and menu.
 */
/**
 * AddToCalendar White Blue Menu Style
 * http://addtocalendar.com
 */
/* Base */
.addtocalendar var {
  display: none; }

.atcb-link:focus ~ ul, .atcb-link:active ~ ul, .atcb-list:hover {
  visibility: visible; }

.atcb-list {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 170px;
  z-index: 900;
  border: 1px solid #ccc; }

.atcb-list, .atcb-item {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff; }

.atcb-item {
  float: none;
  text-align: left; }

.atcb-item-link {
  text-decoration: none;
  display: block; }

.atcb-item.hover, .atcb-item:hover {
  position: relative;
  z-index: 900;
  cursor: pointer;
  text-decoration: none;
  outline: none; }
/* Menu WB */
.atc-style-menu-wb .atcb-list, .atc-style-menu-wb .atcb-item {
  background: #fff;
  color: #000; }

.atc-style-menu-wb .atcb-item, .atc-style-menu-wb .atcb-item-link {
  line-height: 1.3em;
  vertical-align: middle;
  zoom: 1; }

.atc-style-menu-wb .atcb-item-link, .atc-style-menu-wb .atcb-item-link:hover, .atc-style-menu-wb .atcb-item-link:active, .atc-style-menu-wb .atcb-item-link:focus {
  color: #000;
  font-size: 14px;
  text-decoration: none;
  padding: 5px 15px; }

.atc-style-menu-wb .atcb-item-link:hover, .atc-style-menu-wb .atcb-item-link:active, .atc-style-menu-wb .atcb-item-link:focus {
  color: #fff; }

.atc-style-menu-wb .atcb-item.hover, .atc-style-menu-wb .atcb-item:hover {
  background: #000; }

.dpg-wrapper .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .dpg-wrapper .embed-responsive .embed-responsive-item, .dpg-wrapper .embed-responsive iframe, .dpg-wrapper .embed-responsive embed, .dpg-wrapper .embed-responsive object, .dpg-wrapper .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }
  .dpg-wrapper .embed-responsive-16by9 {
    padding-bottom: 56.25%; }
  .dpg-wrapper .embed-responsive-4by3 {
    padding-bottom: 75%; }
/* Arrows */
.dpg-wrapper .slick-arrow {
  position: absolute;
  line-height: 300px;
  height: 300px;
  color: #fff;
  font-size: 64px;
  width: 60px;
  text-align: center;
  z-index: 2; }
  .dpg-wrapper .slick-arrow:hover {
    color: #323232;
    cursor: pointer; }
  .dpg-wrapper .slick-arrow.slick-prev {
    left: 0; }
  .dpg-wrapper .slick-arrow.slick-next {
    right: 0; }

.dpg-wrapper .svg-icon {
  display: inline-block;
  line-height: 0; }
  .dpg-wrapper .svg-icon .scaling-wrapper {
    display: inline-block;
    position: relative;
    height: 0;
    width: 100%;
    padding: 0;
    padding-bottom: 100%; }
    .dpg-wrapper .svg-icon .scaling-wrapper svg {
      position: absolute;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0; }

.dpg-wrapper button, .dpg-wrapper .btn {
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  display: inline-block;
  height: 62px;
  line-height: 62px;
  border-radius: 3px;
  padding: 0 40px;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #323232;
  color: #323232;
  background-color: transparent;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out; }
  .dpg-wrapper button:focus, .dpg-wrapper .btn:focus {
    outline: 0 !important; }
  .dpg-wrapper button:hover, .dpg-wrapper .btn:hover, .dpg-wrapper button:focus, .dpg-wrapper .btn:focus, .dpg-wrapper button[aria-pressed], .dpg-wrapper .btn[aria-pressed], .dpg-wrapper button[aria-selected], .dpg-wrapper .btn[aria-selected], .dpg-wrapper button.active, .dpg-wrapper .btn.active {
    color: #fff;
    background-color: #323232;
    border-color: #323232;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
  .dpg-wrapper button[aria-pressed], .dpg-wrapper .btn[aria-pressed], .dpg-wrapper button[aria-selected], .dpg-wrapper .btn[aria-selected], .dpg-wrapper button.active, .dpg-wrapper .btn.active {
    box-shadow: none; }
  .dpg-wrapper button.btn-block, .dpg-wrapper .btn.btn-block {
    width: 100%; }
  .dpg-wrapper button.btn-fill, .dpg-wrapper .btn.btn-fill {
    color: #fff;
    background-color: #323232; }
    .dpg-wrapper button.btn-fill:hover, .dpg-wrapper .btn.btn-fill:hover, .dpg-wrapper button.btn-fill:focus, .dpg-wrapper .btn.btn-fill:focus {
      background-color: #000;
      border-color: #000; }

@media screen and (max-width: 1100px) {
  .dpg-wrapper button, .dpg-wrapper .btn {
    height: 52px;
    line-height: 52px;
    padding: 0 30px;
    font-size: 16px; } }

@media screen and (max-width: 767px) {
  .dpg-wrapper button, .dpg-wrapper .btn {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    font-size: 14px; } }

.dpg-wrapper fieldset[disabled] .multiselect {
  pointer-events: none; }
  .dpg-wrapper .multiselect__spinner {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 48px;
    height: 35px;
    background: #fff;
    display: block; }
  .dpg-wrapper .multiselect__spinner:before, .dpg-wrapper .multiselect__spinner:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border-color: #323232 transparent transparent;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0 0 0 1px transparent; }
  .dpg-wrapper .multiselect__spinner:before {
    animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
    animation-iteration-count: infinite; }
  .dpg-wrapper .multiselect__spinner:after {
    animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
    animation-iteration-count: infinite; }
  .dpg-wrapper .multiselect__loading-enter-active, .dpg-wrapper .multiselect__loading-leave-active {
    transition: opacity 0.4s ease-in-out;
    opacity: 1; }
  .dpg-wrapper .multiselect__loading-enter, .dpg-wrapper .multiselect__loading-leave-active {
    opacity: 0; }
  .dpg-wrapper .multiselect, .dpg-wrapper .multiselect__input, .dpg-wrapper .multiselect__single {
    font-family: inherit;
    font-size: 17px;
    font-weight: 700;
    color: #323232;
    text-transform: uppercase;
    touch-action: manipulation; }
  .dpg-wrapper .multiselect {
    box-sizing: content-box;
    display: block;
    position: relative;
    width: 100%;
    min-height: 62px;
    text-align: left;
    color: #35495e; }
  .dpg-wrapper .multiselect * {
    box-sizing: border-box; }
  .dpg-wrapper .multiselect:focus {
    outline: none; }
  .dpg-wrapper .multiselect--disabled {
    pointer-events: none;
    opacity: 0.6; }
  .dpg-wrapper .multiselect--active {
    z-index: 50; }
  .dpg-wrapper .multiselect--active:not(.multiselect--above) .multiselect__current, .dpg-wrapper .multiselect--active:not(.multiselect--above) .multiselect__input, .dpg-wrapper .multiselect--active:not(.multiselect--above) .multiselect__tags {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .dpg-wrapper .multiselect--active .multiselect__select {
    transform: rotateZ(180deg); }
  .dpg-wrapper .multiselect--above.multiselect--active .multiselect__current, .dpg-wrapper .multiselect--above.multiselect--active .multiselect__input, .dpg-wrapper .multiselect--above.multiselect--active .multiselect__tags {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .dpg-wrapper .multiselect__tag ~ .multiselect__input, .dpg-wrapper .multiselect__tag ~ .multiselect__single {
    width: auto; }
  .dpg-wrapper .multiselect__input:hover, .dpg-wrapper .multiselect__single:hover {
    border-color: #cfcfcf; }
  .dpg-wrapper .multiselect__input:focus, .dpg-wrapper .multiselect__single:focus {
    border-color: #a8a8a8;
    outline: none; }
  .dpg-wrapper .multiselect__single {
    padding-left: 6px;
    margin-bottom: 8px; }
  .dpg-wrapper .multiselect__tags-wrap {
    display: inline; }
  .dpg-wrapper .multiselect__tags {
    min-height: 62px;
    display: block;
    padding: 0 40px 0 0;
    border-radius: 3px;
    line-height: 62px;
    border: 1px solid #323232;
    background: #fff;
    text-align: center; }
  .dpg-wrapper .multiselect__tag {
    position: relative;
    display: inline-block;
    padding: 4px 26px 4px 10px;
    border-radius: 5px;
    margin-right: 10px;
    color: #fff;
    line-height: 1;
    background: #41b883;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis; }
  .dpg-wrapper .multiselect__tag-icon {
    cursor: pointer;
    margin-left: 7px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 700;
    font-style: initial;
    width: 22px;
    text-align: center;
    line-height: 22px;
    transition: all 0.2s ease;
    border-radius: 5px; }
  .dpg-wrapper .multiselect__tag-icon:after {
    content: "×";
    color: #266d4d;
    font-size: 14px; }
  .dpg-wrapper .multiselect__tag-icon:focus, .dpg-wrapper .multiselect__tag-icon:hover {
    background: #369a6e; }
  .dpg-wrapper .multiselect__tag-icon:focus:after, .dpg-wrapper .multiselect__tag-icon:hover:after {
    color: white; }
  .dpg-wrapper .multiselect__current {
    line-height: 16px;
    min-height: 40px;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding: 8px 12px 0;
    padding-right: 30px;
    white-space: nowrap;
    margin: 0;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #323232;
    cursor: pointer; }
  .dpg-wrapper .multiselect__select {
    line-height: 16px;
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 40px;
    height: 60px;
    right: 1px;
    top: 1px;
    padding: 4px 8px;
    margin: 0;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s ease; }
  .dpg-wrapper .multiselect__select:before {
    position: relative;
    right: 0;
    top: 65%;
    color: #999;
    margin-top: 4px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #999 transparent transparent transparent;
    content: ""; }
  .dpg-wrapper .multiselect__placeholder {
    color: #adadad;
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 2px; }
  .dpg-wrapper .multiselect--active .multiselect__placeholder {
    display: none; }
  .dpg-wrapper .multiselect__content-wrapper {
    position: absolute;
    display: block;
    background: #fff;
    width: 100%;
    max-height: 240px;
    overflow: auto;
    border: 1px solid #323232;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 50;
    -webkit-overflow-scrolling: touch; }
  .dpg-wrapper .multiselect__content {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 100%;
    vertical-align: top; }
  .dpg-wrapper .multiselect--above .multiselect__content-wrapper {
    bottom: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    border-top: 1px solid #323232; }
  .dpg-wrapper .multiselect__content::webkit-scrollbar {
    display: none; }
  .dpg-wrapper .multiselect__element {
    display: block; }
  .dpg-wrapper .multiselect__option {
    display: block;
    padding: 0;
    min-height: 62px;
    line-height: 62px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    white-space: nowrap; }
  .dpg-wrapper .multiselect__option:after {
    top: 0;
    right: 0;
    position: absolute;
    line-height: 40px;
    padding-right: 12px;
    padding-left: 20px; }
  .dpg-wrapper .multiselect__option--highlight {
    background: #323232;
    outline: none;
    color: white; }
  .dpg-wrapper .multiselect__option--highlight:after {
    content: attr(data-select);
    background: #323232;
    color: white; }
  .dpg-wrapper .multiselect__option--selected {
    background: #f3f3f3;
    color: #35495e; }
  .dpg-wrapper .multiselect__option--selected:after {
    content: attr(data-selected);
    color: silver; }
  .dpg-wrapper .multiselect__option--selected.multiselect__option--highlight {
    background: #323232;
    color: #fff; }
  .dpg-wrapper .multiselect__option--selected.multiselect__option--highlight:after {
    background: #323232;
    content: attr(data-deselect);
    color: #fff; }
  .dpg-wrapper .multiselect--disabled {
    background: #ededed;
    pointer-events: none; }
  .dpg-wrapper .multiselect--disabled .multiselect__current, .dpg-wrapper .multiselect--disabled .multiselect__select {
    background: #ededed;
    color: #a6a6a6; }
  .dpg-wrapper .multiselect__option--disabled {
    background: #ededed;
    color: #a6a6a6;
    cursor: text;
    pointer-events: none; }
  .dpg-wrapper .multiselect__option--disabled.multiselect__option--highlight {
    background: #dedede !important; }
  .dpg-wrapper .multiselect-enter-active, .dpg-wrapper .multiselect-leave-active {
    transition: all 0.15s ease; }
  .dpg-wrapper .multiselect-enter, .dpg-wrapper .multiselect-leave-active {
    opacity: 0; }
  .dpg-wrapper .multiselect__strong {
    margin-bottom: 8px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top; }
  .dpg-wrapper *[dir="rtl"] .multiselect {
    text-align: right; }
  .dpg-wrapper *[dir="rtl"] .multiselect__select {
    right: auto;
    left: 1px; }
  .dpg-wrapper *[dir="rtl"] .multiselect__tags {
    padding: 8px 8px 0px 40px; }
  .dpg-wrapper *[dir="rtl"] .multiselect__content {
    text-align: right; }
  .dpg-wrapper *[dir="rtl"] .multiselect__option:after {
    right: auto;
    left: 0; }
  .dpg-wrapper *[dir="rtl"] .multiselect__clear {
    right: auto;
    left: 12px; }
  .dpg-wrapper *[dir="rtl"] .multiselect__spinner {
    right: auto;
    left: 1px; }

@keyframes spinning {
    from {
      transform: rotate(0); }
    to {
      transform: rotate(2turn); } }

@media screen and (max-width: 1100px) {
  .dpg-wrapper .multiselect {
    min-height: 52px; }
    .dpg-wrapper .multiselect__tags {
      min-height: 52px;
      line-height: 52px; }
    .dpg-wrapper .multiselect__select {
      height: 50px; }
    .dpg-wrapper .multiselect__option {
      min-height: 52px;
      line-height: 52px;
      font-size: 16px; } }

@media screen and (max-width: 767px) {
  .dpg-wrapper .multiselect {
    min-height: 45px; }
    .dpg-wrapper .multiselect__tags {
      min-height: 45px;
      line-height: 45px; }
    .dpg-wrapper .multiselect__select {
      height: 43px; }
    .dpg-wrapper .multiselect__option {
      min-height: 45px;
      line-height: 45px;
      font-size: 14px; } }

.dpg-wrapper .status > span {
  color: #fff;
  padding: 8px 20px;
  font-size: 12px;
  line-height: 14px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  border-radius: 10px; }
  .dpg-wrapper .status > span.new {
    background-color: #f0493c; }
  .dpg-wrapper .status > span.sold {
    background-color: #f0493c; }
  .dpg-wrapper .status > span.leased {
    background-color: #f0493c; }
  .dpg-wrapper .status > span.under-offer {
    background-color: #323232; }
  .dpg-wrapper .status > span.surface {
    color: #262626;
    text-transform: lowercase; }

.dpg-wrapper .fancy-line {
  display: inline-block;
  width: 120px;
  position: relative;
  height: 14px; }
  .dpg-wrapper .fancy-line:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background-color: #fefefe; }
  .dpg-wrapper .fancy-line:after {
    content: '';
    position: absolute;
    left: 23px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: #fefefe; }
  .dpg-wrapper .fancy-line.fancy-line-dark:before {
    background-color: #262626; }
  .dpg-wrapper .fancy-line.fancy-line-dark:after {
    background-color: #262626; }

@media screen and (max-width: 1100px) {
  .dpg-wrapper .fancy-line {
    width: 100px;
    height: 12px; }
    .dpg-wrapper .fancy-line:before {
      width: 12px;
      height: 12px; }
    .dpg-wrapper .fancy-line:after {
      left: 20px; } }

@media screen and (max-width: 767px) {
  .dpg-wrapper .fancy-line {
    width: 80px;
    height: 10px; }
    .dpg-wrapper .fancy-line:before {
      width: 10px;
      height: 10px; }
    .dpg-wrapper .fancy-line:after {
      left: 18px; } }

.google-map {
  min-height: 400px;
  height: 100%;
  background-color: #ddd;
  margin: 0; }

.dpg-wrapper .bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ccc no-repeat center center;
  background-size: cover;
  transition: transform 0.2s ease-out; }
  .dpg-wrapper .bg.with-overlay:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0.3;
    transition: opacity 0.2s ease-out; }

.dpg-wrapper .infowindow {
  width: 430px;
  overflow: hidden;
  border-radius: 3px; }
  .dpg-wrapper .infowindow .wrapper {
    position: relative;
    overflow: hidden; }
  .dpg-wrapper .infowindow img, .dpg-wrapper .infowindow img:not([srcset]) {
    float: left;
    width: 40%;
    min-height: 1px; }
  .dpg-wrapper .infowindow .info {
    float: left;
    width: 60%;
    padding-left: 10px;
    font-family: 'Lato', sans-serif; }
  .dpg-wrapper .infowindow .info .address {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px; }
  .dpg-wrapper .infowindow .info .features {
    margin-bottom: 15px; }
  .dpg-wrapper .infowindow .info .count, .dpg-wrapper .infowindow .info i {
    vertical-align: middle;
    display: inline-block; }
  .dpg-wrapper .infowindow .info .count {
    font-size: 16px; }
  .dpg-wrapper .infowindow .info i {
    padding: 0 16px 0 4px;
    color: #323232;
    font-size: 18px; }
  .dpg-wrapper .infowindow .btn {
    line-height: 30px;
    height: 30px;
    font-size: 12px;
    font-family: 'Lato', sans-serif; }

@media screen and (max-width: 767px) {
  .dpg-wrapper .infowindow {
    width: 200px; }
    .dpg-wrapper .infowindow img, .dpg-wrapper .infowindow img:not([srcset]) {
      width: 100%; }
    .dpg-wrapper .infowindow .info {
      width: 100%;
      padding-left: 0;
      padding-top: 10px; }
      .dpg-wrapper .infowindow .info .address {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5px; }
      .dpg-wrapper .infowindow .info .features {
        margin-bottom: 10px; }
      .dpg-wrapper .infowindow .info .count {
        font-size: 16px; }
      .dpg-wrapper .infowindow .info i {
        padding: 0 12px 0 4px;
        font-size: 16px; } }

.dpg-wrapper header[role=banner] {
  position: relative;
  height: 600px;
  height: 60vh;
  background-color: #ccc; }
  .dpg-wrapper header[role=banner] .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }
  .dpg-wrapper header[role=banner] span, .dpg-wrapper header[role=banner] address {
    font-size: 38px;
    font-weight: 400;
    color: #fefefe; }
  .dpg-wrapper header[role=banner] h3 {
    padding: 10px 0;
    font-size: 63px;
    font-weight: 600;
    color: #fefefe;
    text-transform: uppercase; }

@media screen and (max-width: 767px) {
  .dpg-wrapper header[role=banner] {
    height: 350px;
    height: 60vh; }
    .dpg-wrapper header[role=banner] span, .dpg-wrapper header[role=banner] address {
      font-size: 24px; }
    .dpg-wrapper header[role=banner] h3 {
      padding: 10px 0;
      font-size: 35px; } }

.slide-loading-screen {
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20; }
  .slide-loading-screen .load-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -5.5em;
    margin-left: -5.5em; }

header[role=banner].slide-header {
  height: auto; }
  @media (max-width: 440px) {
  header[role=banner].slide-header {
    padding-left: 0;
    padding-right: 0; } }

.slide-header .slider-wrapper {
  position: relative; }
  .slide-header .slick-dots {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    bottom: 15px; }
  .slide-header .slick-dots li {
    display: inline-block;
    padding: 0 3px; }
  .slide-header .slick-dots li button {
    cursor: pointer;
    line-height: 0;
    box-shadow: none;
    height: 12px;
    width: 12px;
    border: 2px solid #fefefe;
    background-color: transparent;
    padding: 0;
    border-radius: 50% !important;
    transition: background-color 0.2s;
    text-indent: -9999px; }
  .slide-header .slick-dots li.slick-active button, .slide-header .slick-dots li button:hover {
    background-color: #fff; }
  .slide-header .slick-dotted.slick-slider {
    margin-bottom: 0; }
  .slide-header .slide {
    position: relative;
    float: left;
    width: 800px; }
  .slide-header .slide .image-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66%; }
  .slide-header .slide .image-wrapper:before {
    content: '';
    background: #000;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 0.5s;
    z-index: 1; }
  .slide-header .slide:not(.slick-current) .image-wrapper:before {
    opacity: 0.5; }
  .slide-header .slide img {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

@media screen and (max-width: 821px) {
  .slide-header .slide {
    width: 80vw; }
    .slide-header .slide .image-wrapper {
      padding-bottom: 53vw; } }

@media (max-width: 400px) {
  .slide-header .slide {
    width: 100vw; }
    .slide-header .slide .image-wrapper {
      padding-bottom: 75vw; } }

.dpg-wrapper .tabs .buttons {
  margin-bottom: 50px; }
  .dpg-wrapper .tabs button {
    width: 100%;
    cursor: pointer; }
  .dpg-wrapper .accordion > div > .title {
    margin-bottom: 10px; }
  .dpg-wrapper .accordion > div > .content {
    padding: 0 0.25rem; }

@media screen and (max-width: 1100px) {
  .dpg-wrapper .tabs .buttons {
    margin-bottom: 40px; } }

@media screen and (max-width: 767px) {
  .dpg-wrapper .tabs .buttons {
    margin-bottom: 35px; } }
/**
 * Discover Neighbourhood Tile
 */
.dpg-wrapper .discover-tile {
  position: relative;
  overflow: hidden; }
  .dpg-wrapper .discover-tile > a {
    display: block;
    background-color: #ccc; }
  .dpg-wrapper .discover-tile > a:hover .bg {
    transform: scale(1.1); }
    .dpg-wrapper .discover-tile > a:hover .bg:after {
      opacity: 0.6; }
  .dpg-wrapper .discover-tile h4 {
    font-size: 50px;
    color: #fefefe;
    text-transform: uppercase;
    padding: 10px 0; }
  .dpg-wrapper .discover-tile p {
    color: #fefefe;
    font-size: 20px;
    font-weight: 300; }
  .dpg-wrapper .discover-tile p.postcode {
    font-size: 29px;
    font-weight: 400; }
  .dpg-wrapper .discover-tile .content {
    text-align: center;
    padding: 105px 30px;
    position: relative; }

@media screen and (max-width: 1100px) {
  .dpg-wrapper .discover-tile h4 {
    font-size: 40px; }
    .dpg-wrapper .discover-tile p {
      font-size: 21px; }
      .dpg-wrapper .discover-tile p.postcode {
        font-size: 25px; }
    .dpg-wrapper .discover-tile .content {
      padding: 90px 20px; } }

@media screen and (max-width: 767px) {
  .dpg-wrapper .discover-tile h4 {
    font-size: 35px; }
    .dpg-wrapper .discover-tile p {
      font-size: 18px; }
      .dpg-wrapper .discover-tile p.postcode {
        font-size: 22px; }
    .dpg-wrapper .discover-tile .content {
      padding: 70px 20px; } }

.dpg-wrapper .property-grid-component .property-listings {
  margin: -7px;
  display: block; }
  .dpg-wrapper .property-grid-component .property-listings > li {
    width: 33.3333%;
    float: left;
    padding: 7px;
    text-align: center; }
    .dpg-wrapper .property-grid-component .property-listings > li > a {
      display: inline-block;
      width: 100%;
      max-width: 400px; }
  .dpg-wrapper .property-grid-component .property {
    position: relative;
    display: inline-block;
    height: 0;
    width: 100%;
    padding-bottom: 100%; }
  .dpg-wrapper .property-grid-component .property .bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover; }
  .dpg-wrapper .property-grid-component .property .title {
    position: absolute;
    left: 20px;
    bottom: 16px;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase; }
  .dpg-wrapper .property-grid-component .property .status {
    position: absolute;
    right: 20px;
    top: 11px; }
  .dpg-wrapper .property-grid-component .property .overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 30px;
    color: #fff;
    text-align: center;
    background-color: #323232;
    transition: opacity 0.2s; }
  .dpg-wrapper .property-grid-component .property .details {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%; }
    .dpg-wrapper .property-grid-component .property .details .suburb, .dpg-wrapper .property-grid-component .property .details .street, .dpg-wrapper .property-grid-component .property .details .price {
      font-size: 19px;
      font-weight: 700; }
    .dpg-wrapper .property-grid-component .property .details .street {
      padding-top: 5px;
      font-weight: 400; }
    .dpg-wrapper .property-grid-component .property .details .feature-list {
      text-align: center;
      font-size: 0;
      margin: 12px 0; }
    .dpg-wrapper .property-grid-component .property .details .feature-list li {
      display: inline-block; }
    .dpg-wrapper .property-grid-component .property .details .feature-list span {
      font-size: 17px;
      padding: 0 6px 0 14px; }
    .dpg-wrapper .property-grid-component .property .details .feature-list i {
      font-size: 17px; }
    .dpg-wrapper .property-grid-component .property .details hr {
      margin: 30px auto;
      width: 112px;
      background-color: #fff; }
    .dpg-wrapper .property-grid-component .property .details .inspection-auction-wrapper span, .dpg-wrapper .property-grid-component .property .details .inspection-auction-wrapper i {
      display: inline-block;
      vertical-align: middle; }
    .dpg-wrapper .property-grid-component .property .details .inspection-auction-wrapper span {
      font-size: 19px; }
    .dpg-wrapper .property-grid-component .property .details .inspection-auction-wrapper i {
      font-size: 28px;
      padding-right: 3px; }
  .dpg-wrapper .property-grid-component .property:hover .overlay {
    opacity: 0.9; }
  .dpg-wrapper .property-grid-component .property-summary {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 0;
    background: #f7f7f7;
    margin-top: 30px; }
  .dpg-wrapper .property-grid-component .property-summary .images {
    width: 31.25%;
    position: relative; }
    .dpg-wrapper .property-grid-component .property-summary .images .property-images .image {
      height: 300px;
      background-size: cover;
      background-position: top;
      background-repeat: no-repeat; }
    .dpg-wrapper .property-grid-component .property-summary .images .status {
      position: absolute;
      right: 20px;
      top: 11px; }
  .dpg-wrapper .property-grid-component .property-summary .content {
    width: 68.75%;
    padding: 1rem; }
    .dpg-wrapper .property-grid-component .property-summary .content header {
      margin: -1rem;
      padding: 0;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: stretch; }
    .dpg-wrapper .property-grid-component .property-summary .content header a {
      width: 62.5%;
      padding: 1rem;
      position: relative;
      display: inline-block;
      vertical-align: top; }
      .dpg-wrapper .property-grid-component .property-summary .content header a h2 {
        font-size: 18px;
        line-height: 18px;
        font-weight: 600; }
    .dpg-wrapper .property-grid-component .property-summary .content header .feature-list {
      width: 37.5%;
      padding: 1rem;
      position: relative;
      display: inline-block;
      vertical-align: top;
      text-align: right;
      font-weight: 600; }
      .dpg-wrapper .property-grid-component .property-summary .content header .feature-list li {
        display: inline-block;
        padding-right: 10px; }
    .dpg-wrapper .property-grid-component .property-summary .content .information {
      display: block;
      margin: 1rem 0; }
    .dpg-wrapper .property-grid-component .property-summary .content .information .price {
      font-size: 18px;
      padding: 1rem 0;
      font-weight: 600; }
    .dpg-wrapper .property-grid-component .property-summary .content .information .excerpt {
      padding: 1rem 0;
      line-height: 22px;
      margin-bottom: 1rem;
      border-bottom: 1px solid #ccc; }
    .dpg-wrapper .property-grid-component .property-summary .content .information .summary-inspection {
      font-weight: 600; }
    .dpg-wrapper .property-grid-component .property-summary .content .agents {
      float: left;
      font-weight: 600; }
    .dpg-wrapper .property-grid-component .property-summary .content .details-btn {
      float: right; }
    .dpg-wrapper .property-grid-component .property-summary .content .details-btn .btn {
      height: 44px;
      min-height: 44px;
      line-height: 44px;
      font-size: 14px; }

@media screen and (max-width: 821px) {
  .dpg-wrapper .property-grid-component .property-listings > li {
    width: 33.3333%; }
    .dpg-wrapper .property-grid-component .property .title {
      font-size: 16px; }
      .dpg-wrapper .property-grid-component .property .details .suburb, .dpg-wrapper .property-grid-component .property .details .street, .dpg-wrapper .property-grid-component .property .details .price {
        font-size: 16px;
        font-weight: 500; }
        .dpg-wrapper .property-grid-component .property .details .feature-list {
          margin: 6px 0; }
          .dpg-wrapper .property-grid-component .property .details .feature-list span {
            font-size: 14px;
            padding: 0 4px 0 10px; }
          .dpg-wrapper .property-grid-component .property .details .feature-list i {
            font-size: 14px; }
        .dpg-wrapper .property-grid-component .property .details hr {
          margin: 10px auto; }
        .dpg-wrapper .property-grid-component .property .details .inspection-auction-wrapper span {
          font-size: 16px; }
          .dpg-wrapper .property-grid-component .property .details .inspection-auction-wrapper i {
            font-size: 20px;
            padding-right: 2px; } }

@media screen and (max-width: 640px) {
  .dpg-wrapper .property-grid-component .property-listings > li {
    width: 100%; }
    .dpg-wrapper .property-grid-component .property-summary .images {
      width: 100%; }
      .dpg-wrapper .property-grid-component .property-summary .content {
        width: 100%; }
        .dpg-wrapper .property-grid-component .property-summary .content .agents {
          float: none; }
        .dpg-wrapper .property-grid-component .property-summary .content .details-btn {
          float: none; } }

.dpg-wrapper .property-listings-component {
  margin-bottom: 40px; }
  .dpg-wrapper .property-listings-component header {
    padding-top: 20px; }
  .dpg-wrapper .property-listings-component header p {
    font-size: 17px;
    text-transform: uppercase; }
  .dpg-wrapper .property-listings-component .result-count {
    float: left; }
  .dpg-wrapper .property-listings-component .result-count > span {
    display: inline-block;
    vertical-align: middle; }
  .dpg-wrapper .property-listings-component .result-count span.label {
    line-height: 32px; }
  .dpg-wrapper .property-listings-component .sort-options {
    float: right; }
  .dpg-wrapper .property-listings-component .sort-options > * {
    display: inline-block;
    vertical-align: middle; }
  .dpg-wrapper .property-listings-component .sort-options p {
    margin-right: 20px; }
  .dpg-wrapper .property-listings-component .sort-options .sort-select-wrapper {
    min-width: 248px;
    margin-left: 18px; }
    .dpg-wrapper .property-listings-component .sort-options .sort-select-wrapper button {
      width: 100%; }
    .dpg-wrapper .property-listings-component .sort-options .sort-select-wrapper .multiselect__tags {
      min-height: 48px;
      display: block;
      padding: 0 40px 0 20px;
      line-height: 48px; }
    .dpg-wrapper .property-listings-component .sort-options .sort-select-wrapper .multiselect__tags .multiselect__single {
      font-size: 18px; }
    .dpg-wrapper .property-listings-component .sort-options .sort-select-wrapper .multiselect__select {
      height: 48px; }
    .dpg-wrapper .property-listings-component .sort-options .sort-select-wrapper .multiselect__option {
      min-height: 48px;
      line-height: 48px;
      font-size: 18px; }
  .dpg-wrapper .property-listings-component .right-side-actions a.grid-btn i {
    color: #ccc; }
    .dpg-wrapper .property-listings-component .right-side-actions a.grid-btn.active i, .dpg-wrapper .property-listings-component .right-side-actions a.grid-btn:hover i {
      color: #000;
      cursor: pointer; }
  .dpg-wrapper .property-listings-component .status-options {
    margin: 20px 0;
    text-align: center; }
  .dpg-wrapper .property-listings-component .status-options li {
    display: inline-block;
    font-size: 0;
    padding: 0 10px; }
  .dpg-wrapper .property-listings-component .status-options button {
    min-width: 250px; }
  .dpg-wrapper .property-listings-component .latest-filter {
    float: left; }
  .dpg-wrapper .property-listings-component .latest-filter .status-options {
    margin: 0; }
    .dpg-wrapper .property-listings-component .latest-filter .status-options button {
      min-width: 150px;
      height: 48px;
      min-height: 48px;
      line-height: 48px;
      font-size: 18px; }
  .dpg-wrapper .property-listings-component .load-btn {
    margin-top: 20px;
    width: 100%; }
  .dpg-wrapper .property-listings-component.extended .bottom-filter {
    margin-top: 10px; }
  .dpg-wrapper .property-listings-component.extended .sort-options {
    float: none; }
  .dpg-wrapper .property-listings-component.extended .sort-select-wrapper {
    min-width: 198px;
    margin-left: 0;
    margin-right: 5px;
    float: left; }
    .dpg-wrapper .property-listings-component.extended .sort-select-wrapper button {
      width: 100%; }
    .dpg-wrapper .property-listings-component.extended .sort-select-wrapper .multiselect__tags {
      min-height: 44px;
      display: block;
      padding: 0 30px 0 15px;
      line-height: 44px; }
    .dpg-wrapper .property-listings-component.extended .sort-select-wrapper .multiselect__tags .multiselect__single {
      font-size: 13px; }
    .dpg-wrapper .property-listings-component.extended .sort-select-wrapper .multiselect__select {
      height: 44px; }
    .dpg-wrapper .property-listings-component.extended .sort-select-wrapper .multiselect__option {
      min-height: 44px;
      line-height: 44px;
      font-size: 13px; }
  .dpg-wrapper .property-listings-component.extended .status-options {
    margin: 0; }
    .dpg-wrapper .property-listings-component.extended .status-options li {
      padding: 0; }
    .dpg-wrapper .property-listings-component.extended .status-options button {
      min-width: 198px;
      height: 44px;
      min-height: 44px;
      line-height: 44px;
      font-size: 13px;
      margin-right: 5px; }
  .dpg-wrapper .property-listings-component.extended .result-count {
    margin-top: -5px; }
    .dpg-wrapper .property-listings-component.extended .result-count span.label {
      text-transform: uppercase;
      font-size: 13px; }
  .dpg-wrapper .property-listings-component.extended .grid-options li {
    float: right;
    margin-left: 5px; }
    .dpg-wrapper .property-listings-component.extended .grid-options li a.grid-btn i {
      font-size: 28px; }
  .dpg-wrapper .right-side {
    float: right; }
  .dpg-wrapper .left-side {
    float: left; }

@media screen and (max-width: 1100px) {
  .dpg-wrapper .property-listings-component header {
    padding-top: 15px; }
    .dpg-wrapper .property-listings-component header p {
      font-size: 16px; }
    .dpg-wrapper .property-listings-component .result-count span.label {
      line-height: 52px; }
    .dpg-wrapper .property-listings-component .sort-options p {
      margin-right: 15px; }
    .dpg-wrapper .property-listings-component .status-options {
      margin: 15px 0; }
    .dpg-wrapper .property-listings-component .status-options button {
      min-width: 150px; } }

@media screen and (max-width: 821px) {
  .dpg-wrapper .property-listings-component .sort-options .sort-select-wrapper {
    min-width: 208px;
    margin-left: 14px; }
    .dpg-wrapper .property-listings-component .sort-options .sort-select-wrapper .multiselect__tags {
      min-height: 40px;
      display: block;
      padding: 0 30px 0 15px;
      line-height: 40px; }
      .dpg-wrapper .property-listings-component .sort-options .sort-select-wrapper .multiselect__tags .multiselect__single {
        font-size: 16px; }
    .dpg-wrapper .property-listings-component .sort-options .sort-select-wrapper .multiselect__select {
      height: 40px; }
    .dpg-wrapper .property-listings-component .sort-options .sort-select-wrapper .multiselect__option {
      min-height: 40px;
      line-height: 40px;
      font-size: 16px; }
    .dpg-wrapper .property-listings-component .status-options {
      margin: 15px 0;
      text-align: center; }
    .dpg-wrapper .property-listings-component .status-options li {
      display: inline-block;
      font-size: 0;
      padding: 0 10px; }
    .dpg-wrapper .property-listings-component .status-options button {
      height: 40px;
      line-height: 40px;
      font-size: 16px; }
    .dpg-wrapper .property-listings-component .latest-filter {
      float: left; }
    .dpg-wrapper .property-listings-component .latest-filter .status-options {
      margin: 0; }
    .dpg-wrapper .property-listings-component .latest-filter .status-options button {
      min-width: 120px;
      height: 40px;
      min-height: 40px;
      line-height: 40px;
      font-size: 16px; }
    .dpg-wrapper .property-listings-component.extended .sort-select-wrapper {
      min-width: 178px;
      margin-left: 0;
      margin-right: 5px;
      float: left; }
    .dpg-wrapper .property-listings-component.extended .sort-select-wrapper button {
      width: 100%; }
    .dpg-wrapper .property-listings-component.extended .sort-select-wrapper .multiselect__tags {
      min-height: 40px;
      display: block;
      padding: 0 30px 0 15px;
      line-height: 40px; }
      .dpg-wrapper .property-listings-component.extended .sort-select-wrapper .multiselect__tags .multiselect__single {
        font-size: 13px; }
    .dpg-wrapper .property-listings-component.extended .sort-select-wrapper .multiselect__select {
      height: 40px; }
    .dpg-wrapper .property-listings-component.extended .sort-select-wrapper .multiselect__option {
      min-height: 40px;
      line-height: 40px;
      font-size: 13px; } }

@media screen and (max-width: 767px) {
  .dpg-wrapper .property-listings-component header p {
    font-size: 15px; }
    .dpg-wrapper .property-listings-component .result-count span.label {
      line-height: 45px; }
    .dpg-wrapper .property-listings-component .sort-options {
      float: left;
      width: 100%; }
      .dpg-wrapper .property-listings-component .sort-options p {
        padding-bottom: 5px; }
      .dpg-wrapper .property-listings-component .sort-options .sort-select-wrapper {
        width: 100%;
        max-width: 350px;
        margin-left: 0; }
    .dpg-wrapper .property-listings-component .status-options {
      margin: 15px 0; }
      .dpg-wrapper .property-listings-component .status-options li {
        padding: 0 5px; }
      .dpg-wrapper .property-listings-component .status-options button {
        min-width: 130px;
        margin-bottom: 10px; } }

.dpg-wrapper .inspections-section {
  padding: 34px 0 40px;
  background-color: #fafafa; }
  .dpg-wrapper .inspections-section h2 {
    text-align: center;
    color: #323232; }
  .dpg-wrapper .inspection-and-auction-times {
    margin: 0 -20px;
    text-align: center;
    margin-top: 40px;
    font-size: 0; }
  .dpg-wrapper .inspection-and-auction-times > * {
    display: inline-block;
    width: 20%;
    padding: 0 20px;
    margin-bottom: 20px;
    max-width: 200px; }
  .dpg-wrapper .inspection-and-auction-times .content {
    position: relative;
    text-align: center;
    border-radius: 100%;
    background-color: white;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    margin-bottom: 20px; }
  .dpg-wrapper .inspection-and-auction-times .content .dpg-icon {
    color: #323232;
    font-size: 32px; }
  .dpg-wrapper .inspection-and-auction-times .content .day, .dpg-wrapper .inspection-and-auction-times .content .type-title {
    color: #323232;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 600; }
  .dpg-wrapper .inspection-and-auction-times .content .date {
    font-size: 17px;
    color: #afafaf; }
  .dpg-wrapper .inspection-and-auction-times .content .center-helper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .dpg-wrapper .inspection-and-auction-times .content.contact strong {
    font-size: 18px; }
  .dpg-wrapper .inspection-and-auction-times .btn {
    cursor: pointer;
    font-weight: 700;
    line-height: 39px;
    height: 39px;
    border: none;
    border-radius: 20px;
    padding: 0 10px;
    font-size: 15px;
    background-color: #eaeaea;
    color: #262626; }
  .dpg-wrapper .inspection-and-auction-times .btn.btn-book-inspection {
    cursor: pointer;
    font-family: 'Lato', sans-serif;
    display: inline-block;
    height: 62px;
    line-height: 62px;
    border-radius: 3px;
    width: 140px;
    margin: 0 auto;
    padding: 0 40px;
    font-size: 17px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #313236;
    color: #313236; }
  .dpg-wrapper .inspection-and-auction-times .auction .content {
    background: #323232; }
    .dpg-wrapper .inspection-and-auction-times .auction .content .type-title, .dpg-wrapper .inspection-and-auction-times .auction .content .date {
      color: #fff; }
    .dpg-wrapper .inspection-and-auction-times .auction .content .dpg-icon {
      color: #fff; }
  .dpg-wrapper .atc-style-menu-wb {
    position: relative; }
  .dpg-wrapper .atc-style-menu-wb .atcb-list {
    border: 1px solid rgba(50, 50, 50, 0.7);
    display: block;
    top: 100%;
    left: 0;
    bottom: auto;
    min-width: 200px;
    border-radius: 0 !important; }
  .dpg-wrapper .atc-style-menu-wb .atcb-list .atcb-item {
    border: none !important;
    border-radius: 0 !important; }
    .dpg-wrapper .atc-style-menu-wb .atcb-list .atcb-item .atcb-item-link {
      border-radius: 0 !important;
      border: none !important;
      background-color: white !important;
      color: #323232 !important; }
    .dpg-wrapper .atc-style-menu-wb .atcb-list .atcb-item .atcb-item-link:hover {
      border: none !important;
      background-color: #323232 !important;
      color: white !important; }

@media screen and (max-width: 1100px) {
  .dpg-wrapper .inspections-section {
    padding: 24px 0 30px; }
    .dpg-wrapper .inspection-and-auction-times {
      margin: 0 -15px;
      margin-top: 30px; }
      .dpg-wrapper .inspection-and-auction-times > * {
        display: inline-block;
        width: 33.333%;
        padding: 0 15px; }
      .dpg-wrapper .inspection-and-auction-times .content {
        margin-bottom: 15px; }
        .dpg-wrapper .inspection-and-auction-times .content .dpg-icon {
          font-size: 25px; }
        .dpg-wrapper .inspection-and-auction-times .content .day, .dpg-wrapper .inspection-and-auction-times .content .type-title {
          font-size: 17px; }
        .dpg-wrapper .inspection-and-auction-times .content .date {
          font-size: 15px; }
      .dpg-wrapper .inspection-and-auction-times .btn {
        line-height: 35px;
        height: 35px;
        border-radius: 16px;
        font-size: 13px; } }

@media screen and (max-width: 767px) {
  .dpg-wrapper .inspections-section {
    padding: 24px 0 20px; }
    .dpg-wrapper .inspection-and-auction-times {
      margin: 0 -10px;
      margin-top: 30px; }
      .dpg-wrapper .inspection-and-auction-times > * {
        width: 50%;
        padding: 0 10px; } }

.dpg-wrapper .agents-section {
  margin: 34px 0 40px;
  background-color: #fefefe; }
  .dpg-wrapper .agents-section h2 {
    text-align: center;
    color: #323232;
    margin-bottom: 50px; }
  .dpg-wrapper .agents.listings-grid {
    text-align: center;
    margin: 0 -10px; }
  .dpg-wrapper .agents.listings-grid li {
    display: inline-block;
    width: 33.33333%;
    padding: 0 10px;
    margin-bottom: 20px;
    vertical-align: text-top; }
  .dpg-wrapper .agents.listings-grid .agent-block {
    height: 0;
    display: inline-block;
    width: 100%;
    padding-bottom: 100%;
    background-color: #f9f9f9;
    position: relative;
    overflow: hidden; }
  .dpg-wrapper .agents.listings-grid .agent-block .content-block {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    transition: background-color 0.2s ease-out;
    background-color: transparent; }
  .dpg-wrapper .agents.listings-grid .agent-block .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 10px; }
  .dpg-wrapper .agents.listings-grid .agent-block h3 {
    color: #fefefe;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 20px; }
    .dpg-wrapper .agents.listings-grid .agent-block h3:last-child {
      padding-bottom: 0; }
    .dpg-wrapper .agents.listings-grid .agent-block h3 > span, .dpg-wrapper .agents.listings-grid .agent-block h3 > i {
      color: #fefefe;
      display: inline-block;
      vertical-align: middle; }
    .dpg-wrapper .agents.listings-grid .agent-block h3 i {
      font-size: 30px; }
  .dpg-wrapper .agents.listings-grid .agent-block:hover .bg {
    transform: scale(1.1); }
    .dpg-wrapper .agents.listings-grid .agent-block:hover .bg:after {
      opacity: 0.6; }
  .dpg-wrapper .agents.listings-grid .agent-block-wrapper .email-agent-btn {
    margin-top: 20px;
    width: 100%; }

@media screen and (max-width: 1100px) {
  .dpg-wrapper .agents-section {
    margin: 34px 0 30px; }
    .dpg-wrapper .agents-section h2 {
      margin-bottom: 40px; }
    .dpg-wrapper .agents.listings-grid li {
      width: 50%;
      max-width: 350px; }
    .dpg-wrapper .agents.listings-grid .agent-block h3 {
      padding-bottom: 15px; }
      .dpg-wrapper .agents.listings-grid .agent-block h3:last-child {
        padding-bottom: 0; }
    .dpg-wrapper .agents.listings-grid .agent-block-wrapper .email-agent-btn {
      margin-top: 15px; } }

@media screen and (max-width: 767px) {
  .dpg-wrapper .agents-section {
    margin: 24px 0 20px; }
    .dpg-wrapper .agents-section h2 {
      margin-bottom: 30px; }
    .dpg-wrapper .agents.listings-grid li {
      width: 100%;
      max-width: 350px; }
    .dpg-wrapper .agents.listings-grid .agent-block h3 {
      padding-bottom: 10px; }
      .dpg-wrapper .agents.listings-grid .agent-block h3:last-child {
        padding-bottom: 0; }
    .dpg-wrapper .agents.listings-grid .agent-block-wrapper .email-agent-btn {
      margin-top: 10px; } }

.dpg-wrapper .area-map {
  position: relative; }
  .dpg-wrapper .area-map .place-list {
    height: 535px;
    margin-left: 50%;
    padding-left: 20px;
    overflow-y: scroll; }
  .dpg-wrapper .area-map .place-list li {
    border-bottom: 1px solid #ccc;
    position: relative; }
    .dpg-wrapper .area-map .place-list li i {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 32px;
      color: #323232; }
    .dpg-wrapper .area-map .place-list li > div {
      padding-left: 40px; }
    .dpg-wrapper .area-map .place-list li > div > * {
      display: inline-block;
      width: 100%;
      line-height: 1.25; }
    .dpg-wrapper .area-map .place-list li > div .name {
      color: #323232;
      font-size: 18px;
      padding: 10px 0 0; }
    .dpg-wrapper .area-map .place-list li > div .distance {
      font-size: 16px;
      padding-bottom: 10px; }
  .dpg-wrapper .area-map .google-map {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1; }
  .dpg-wrapper .about-area-map {
    position: relative; }
  .dpg-wrapper .about-area-map iframe, .dpg-wrapper .about-area-map .overlay {
    width: 100%;
    height: 600px; }
  .dpg-wrapper .about-area-map iframe {
    z-index: -1; }
  .dpg-wrapper .about-area-map .overlay {
    z-index: 1;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0; }

@media screen and (max-width: 1100px) {
  .dpg-wrapper .area-map .place-list {
    height: 30vh;
    margin-left: 0;
    padding-left: 0; }
    .dpg-wrapper .area-map .place-list li i {
      font-size: 25px; }
      .dpg-wrapper .area-map .place-list li > div {
        padding-left: 30px; }
        .dpg-wrapper .area-map .place-list li > div .name {
          font-size: 16px; }
        .dpg-wrapper .area-map .place-list li > div .distance {
          font-size: 14px; }
    .dpg-wrapper .area-map .google-map {
      position: relative;
      width: 100%;
      height: 250px;
      margin-bottom: 20px; } }

.dpg-wrapper .suburb-list {
  margin: -7px;
  text-align: center; }
  .dpg-wrapper .suburb-list > li {
    position: relative;
    display: inline-block;
    width: 33.3333%;
    padding: 7px;
    font-size: 0; }
  .dpg-wrapper .suburb-list > li .neighbourhood-block {
    text-decoration: none;
    overflow: hidden;
    position: relative;
    height: 0;
    display: inline-block;
    width: 100%;
    padding-bottom: 100%;
    background-color: #f9f9f9; }
    .dpg-wrapper .suburb-list > li .neighbourhood-block article {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 90%; }
    .dpg-wrapper .suburb-list > li .neighbourhood-block article span {
      font-size: 21px;
      color: #fefefe; }
    .dpg-wrapper .suburb-list > li .neighbourhood-block article h3 {
      font-family: 'Lato', sans-serif;
      padding-top: 10px;
      font-size: 37px;
      color: #fefefe;
      text-transform: uppercase; }
    .dpg-wrapper .suburb-list > li .neighbourhood-block:hover .bg {
      transform: scale(1.1); }
      .dpg-wrapper .suburb-list > li .neighbourhood-block:hover .bg:after {
        opacity: 0.6; }

@media screen and (max-width: 1100px) {
  .dpg-wrapper .suburb-list > li .neighbourhood-block article span {
    font-size: 19px; }
    .dpg-wrapper .suburb-list > li .neighbourhood-block article h3 {
      padding-top: 5px;
      font-size: 28px; } }

@media screen and (max-width: 821px) {
  .dpg-wrapper .suburb-list > li .neighbourhood-block article span {
    font-size: 16px; }
    .dpg-wrapper .suburb-list > li .neighbourhood-block article h3 {
      padding-top: 5px;
      font-size: 20px;
      line-height: 26px; } }

@media screen and (max-width: 767px) {
  .dpg-wrapper .suburb-list > li {
    width: 50%; } }

@media screen and (max-width: 480px) {
  .dpg-wrapper .suburb-list > li {
    width: 100%; } }

.dpg-wrapper.single-property article {
  padding-bottom: 50px; }
  .dpg-wrapper .property-header {
    background-color: #323232;
    padding: 25px 0;
    color: #fff; }
  .dpg-wrapper .property-header .dpg-container {
    position: relative; }
  .dpg-wrapper .property-header h2 {
    color: #fff; }
  .dpg-wrapper .property-header .details {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%); }
  .dpg-wrapper .property-header .details .nr {
    font-size: 29px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 18px; }
  .dpg-wrapper .property-header .details i {
    display: inline-block;
    vertical-align: middle;
    font-size: 32px; }
  .dpg-wrapper .sub-header .wrapper {
    padding-top: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid #323232;
    position: relative; }
  .dpg-wrapper .sub-header .price {
    font-size: 29px;
    line-height: 55px;
    color: #323232; }
  .dpg-wrapper .sub-header .status {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0; }
  .dpg-wrapper .sub-header .status span {
    font-size: 16px;
    line-height: 24px; }
  .dpg-wrapper .agent-contact-form .form-line input[type=submit] {
    float: left;
    margin-top: 26px; }
  .dpg-wrapper #property-content-tabs {
    margin-top: 20px; }
  .dpg-wrapper #property-content-tabs .tab-panel {
    margin-top: 35px;
    margin-bottom: 35px; }
  .dpg-wrapper #property-content-tabs #Floor-Plan-tab {
    text-align: center; }
  .dpg-wrapper #property-content-tabs h2 {
    font-weight: 300;
    margin-bottom: 5px; }
  .dpg-wrapper #property-content-tabs .fancy-line {
    margin-bottom: 25px; }
  .dpg-wrapper #property-content-tabs .statement-of-information {
    margin: 20px 0; }
  .dpg-wrapper .agents-section {
    margin-bottom: 90px; }
  .dpg-wrapper #single-property-resources {
    margin-bottom: 50px; }
  .dpg-wrapper section.neighbourhood {
    margin-bottom: 50px; }

@media screen and (max-width: 1100px) {
  .dpg-wrapper .property-header {
    padding: 20px 0; }
    .dpg-wrapper .property-header .details .nr {
      font-size: 25px;
      padding: 0 8px 0 14px; }
      .dpg-wrapper .property-header .details i {
        font-size: 25px; }
    .dpg-wrapper .sub-header .price {
      font-size: 25px;
      line-height: 30px; }
    .dpg-wrapper #property-content-tabs {
      margin-top: 15px; }
    .dpg-wrapper #property-content-tabs .tab-panel {
      margin-top: 30px;
      margin-bottom: 30px; }
    .dpg-wrapper #property-content-tabs h2 {
      margin-bottom: 5px; }
    .dpg-wrapper #property-content-tabs .fancy-line {
      margin-bottom: 20px; }
    .dpg-wrapper .agents-section {
      margin-bottom: 70px; }
    .dpg-wrapper #single-property-resources {
      margin-bottom: 40px; }
    .dpg-wrapper section.neighbourhood {
      margin-bottom: 40px; } }

@media screen and (max-width: 821px) {
  .dpg-wrapper h2 {
    font-size: 18px; }
    .dpg-wrapper .property-header .details {
      padding-top: 5px; }
      .dpg-wrapper .property-header .details .nr {
        font-size: 18px;
        padding: 0 2px 0 14px; }
      .dpg-wrapper .property-header .details i {
        font-size: 15; }
    .dpg-wrapper .sub-header .price {
      font-size: 18px;
      line-height: 30px; }
      .dpg-wrapper .sub-header .status span {
        font-size: 12px;
        line-height: 18px; } }

@media screen and (max-width: 767px) {
  .dpg-wrapper .property-header {
    overflow: hidden; }
    .dpg-wrapper .property-header .details {
      padding-top: 5px;
      float: left;
      position: relative;
      transform: none;
      top: auto;
      right: auto; }
      .dpg-wrapper .property-header .details .icons > span:first-child .nr {
        padding-left: 0; }
    .dpg-wrapper #property-content-tabs {
      margin-top: 15px; }
    .dpg-wrapper #property-content-tabs section {
      margin-top: 30px; }
    .dpg-wrapper #property-content-tabs h2 {
      margin-bottom: 5px; }
    .dpg-wrapper #property-content-tabs .fancy-line {
      margin-bottom: 10px; }
    .dpg-wrapper .agents-section {
      margin-bottom: 50px; }
    .dpg-wrapper #single-property-resources {
      margin-bottom: 35px; }
    .dpg-wrapper section.neighbourhood {
      margin-bottom: 35px; } }

.dpg-wrapper .neighbourhoods-section {
  margin: 40px 0;
  text-align: center; }
  .dpg-wrapper .neighbourhoods-section .container > i {
    color: #323232;
    font-size: 50px; }
  .dpg-wrapper .neighbourhoods-section .container > h3 {
    color: #323232;
    font-size: 38px;
    margin-bottom: 50px; }

@media screen and (max-width: 1100px) {
  .dpg-wrapper .neighbourhoods-section .container > i {
    font-size: 45px; }
    .dpg-wrapper .neighbourhoods-section .container > h3 {
      font-size: 25px;
      margin-bottom: 40px; } }

@media screen and (max-width: 821px) {
  .dpg-wrapper .neighbourhoods-section .container > i {
    font-size: 38px; }
    .dpg-wrapper .neighbourhoods-section .container > h3 {
      font-size: 22px;
      margin-bottom: 35px; } }

.single-neighbourhood .section-title {
  text-align: center;
  padding: 60px 0 20px;
  clear: both; }
  .single-neighbourhood .section-title h1, .single-neighbourhood .section-title h2, .single-neighbourhood .section-title h3, .single-neighbourhood .section-title h4, .single-neighbourhood .section-title h5, .single-neighbourhood .section-title h6 {
    font-family: 'Lato', sans-serif;
    color: #323232;
    font-size: 2rem; }
  .single-neighbourhood section.properties {
    overflow: hidden; }
  .single-neighbourhood .entry-title {
    font-family: 'Lato', sans-serif;
    color: #323232;
    font-size: 2rem; }
  .single-neighbourhood .median-house-prices {
    flex-wrap: wrap; }
  .single-neighbourhood .median-house-prices li {
    flex: 0 0 50%;
    padding: 0 1rem; }
  .single-neighbourhood .median-house-prices li h3 {
    text-align: center; }
  .single-neighbourhood .median-house-prices li .content {
    width: 100%;
    background-color: #f7f7f7;
    position: relative;
    justify-content: center;
    align-items: center; }
    .single-neighbourhood .median-house-prices li .content .header {
      border: 1px solid #d1d1d1;
      text-align: left;
      padding: 1rem;
      font-size: 1.75rem;
      line-height: 1.25em;
      letter-spacing: 1px;
      font-weight: 700; }
    .single-neighbourhood .median-house-prices li .content.house {
      border-bottom: 1px solid #007bce; }
    .single-neighbourhood .median-house-prices li .content.unit {
      border-bottom: 1px solid #d9281d; }
    .single-neighbourhood .median-house-prices li .content > * {
      text-align: center;
      width: 100%; }
    .single-neighbourhood .median-house-prices li .content:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      padding-top: 100%; }

body.single-neighbourhood .neighbourhood.map {
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  height: 40vh;
  width: 100vw;
  margin-bottom: 1rem;
  position: relative; }
  body.single-neighbourhood .neighbourhood.map .overlay {
    position: absolute;
    background-color: transparent;
    top: 0;
    left: 0;
    width: 100%;
    height: 41vh; }
  body.single-neighbourhood .neighbourhood.map iframe {
    height: 40vh;
    width: 100vw; }
  body.single-neighbourhood .neighbourhood-social {
    min-height: 400px;
    height: auto; }
  body.single-neighbourhood .intro-tabs {
    justify-content: center;
    padding: 2rem 0; }
  body.single-neighbourhood .intro-tabs > li {
    flex: 0 0 33%;
    padding: 0 1rem;
    justify-content: center; }
  body.single-neighbourhood .intro-tabs > li > a {
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 100%;
    height: 200px;
    width: 200px;
    line-height: 165px;
    margin-bottom: 1em;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px; }
    body.single-neighbourhood .intro-tabs > li > a#lifestyle {
      background: #79bcff;
      border-colour: #79bcff; }
    body.single-neighbourhood .intro-tabs > li > a#lifestyle:hover {
      background: #a7d3ff !important;
      background-color: #a7d3ff !important; }
    body.single-neighbourhood .intro-tabs > li > a#people {
      background: #f66;
      border-colour: #f66; }
    body.single-neighbourhood .intro-tabs > li > a#people:hover {
      background: #ff9494 !important;
      background-color: #ff9494 !important; }
    body.single-neighbourhood .intro-tabs > li > a#homes {
      background: #68d09f;
      border-colour: #68d09f; }
    body.single-neighbourhood .intro-tabs > li > a#homes:hover {
      background: #8bdbb5 !important;
      background-color: #8bdbb5 !important; }
  body.single-neighbourhood #discover-content .image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding-top: 56.2%; }
  body.single-neighbourhood #discover-content .image .label {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    color: #fff;
    text-transform: uppercase; }
  body.single-neighbourhood #discover-content .image:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0.3; }
  body.single-neighbourhood #discover-content .row.one .label {
    font-size: 5rem; }
  @media (min-width: 768px) {
        body.single-neighbourhood #discover-content .row.two .image {
          padding-top: 75%; } }
    body.single-neighbourhood #discover-content .row.two.sixtysix-thirtythree .column:first-child {
      width: 66.66% !important; }
      body.single-neighbourhood #discover-content .row.two.sixtysix-thirtythree .column:last-child {
        width: 33.33% !important; }
    body.single-neighbourhood #discover-content .row.two .label {
      font-size: 2rem; }
  @media (min-width: 768px) {
        body.single-neighbourhood #discover-content .row.three .image {
          padding-top: 100%; } }

.dpg-wrapper .discover-grid {
  padding: 2rem 0; }
  .dpg-wrapper .discover-grid ul {
    justify-content: stretch;
    width: 100%; }
  .dpg-wrapper .discover-grid ul li {
    border: 4px solid white;
    overflow: hidden; }
    .dpg-wrapper .discover-grid ul.one.column li {
      flex: 0 10 100%; }
  .dpg-wrapper .discover-grid ul.two.column li {
    flex: 0 10 50%; }
  .dpg-wrapper .discover-grid ul.three.column li {
    flex: 0 10 33.33333%; }
  .dpg-wrapper .demographic-tabs {
    justify-content: center; }
  .dpg-wrapper .demographic-tabs .btn {
    cursor: pointer; }
  .dpg-wrapper .demographic-tabs li {
    flex: 0 0 50%;
    padding: 0.5rem; }
  .dpg-wrapper .demographic-content {
    padding: 2rem 0; }
  .dpg-wrapper .demographic-content > div {
    min-height: 440px;
    box-sizing: border-box; }
  .dpg-wrapper .demographic-content .demographics-label, .dpg-wrapper .demographic-content .demographics-summary li .label, .dpg-wrapper .demographic-content .demographic.top-3 li .label, .dpg-wrapper .demographic-content .demographics-detail li .label, .dpg-wrapper .demographic-content .demographic.detail li .label {
    color: black;
    font-weight: 100;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
  .dpg-wrapper .demographic-content .demographics-summary, .dpg-wrapper .demographic-content .demographic.top-3 {
    justify-content: space-around; }
  .dpg-wrapper .demographic-content .demographics-summary li, .dpg-wrapper .demographic-content .demographic.top-3 li {
    flex: 0 0 27.5%;
    position: relative; }
    .dpg-wrapper .demographic-content .demographics-summary li .label, .dpg-wrapper .demographic-content .demographic.top-3 li .label {
      position: absolute;
      top: 37%;
      left: 0;
      width: 100%;
      text-align: center;
      font-size: 1rem;
      line-height: 1.5; }
    .dpg-wrapper .demographic-content .demographics-summary li .label .percentage, .dpg-wrapper .demographic-content .demographic.top-3 li .label .percentage {
      font-size: 0.8rem;
      display: block;
      padding-top: 0.5rem;
      color: #686868; }
  .dpg-wrapper .demographic-content .demographics-detail, .dpg-wrapper .demographic-content .demographic.detail {
    margin-left: 0.5rem; }
  .dpg-wrapper .demographic-content .demographics-detail li, .dpg-wrapper .demographic-content .demographic.detail li {
    justify-content: flex-start;
    padding-bottom: 0.5rem; }
    .dpg-wrapper .demographic-content .demographics-detail li .bar, .dpg-wrapper .demographic-content .demographic.detail li .bar {
      color: white; }
    .dpg-wrapper .demographic-content .demographics-detail li > *, .dpg-wrapper .demographic-content .demographic.detail li > * {
      padding: 0.25rem; }
    .dpg-wrapper .demographic-content .demographics-detail li .label, .dpg-wrapper .demographic-content .demographic.detail li .label {
      font-size: 1.25rem;
      line-height: 1.5em; }

@media screen and (max-width: 821px) {
  .single-neighbourhood .section-title {
    text-align: center;
    padding: 40px 0 15px;
    clear: both; }
    .single-neighbourhood .section-title h1, .single-neighbourhood .section-title h2, .single-neighbourhood .section-title h3, .single-neighbourhood .section-title h4, .single-neighbourhood .section-title h5, .single-neighbourhood .section-title h6 {
      font-size: 1.5rem; }
    .single-neighbourhood .median-house-prices {
      flex-wrap: wrap; }
    .single-neighbourhood .median-house-prices li {
      flex: 0 0 50%;
      padding: 0 1rem; }
      .single-neighbourhood .median-house-prices li h3 {
        text-align: center; }
      .single-neighbourhood .median-house-prices li .content .header {
        padding: 0.75rem;
        font-size: 1.25rem;
        line-height: 1.25em;
        letter-spacing: 1px;
        font-weight: 700; }
    .dpg-wrapper .demographic-content .demographics-detail li .label, .dpg-wrapper .demographic-content .demographic.detail li .label {
      font-size: 0.75rem;
      line-height: 1.75em; }
      .dpg-wrapper .demographic-content .demographics-detail li .percentage, .dpg-wrapper .demographic-content .demographic.detail li .percentage {
        font-size: 1rem; }
    .dpg-wrapper .demographic-content .demographics-summary li .label, .dpg-wrapper .demographic-content .demographic.top-3 li .label {
      font-size: 0.75rem;
      line-height: 1.25; }
      .dpg-wrapper .demographic-content .demographics-summary li .label .percentage, .dpg-wrapper .demographic-content .demographic.top-3 li .label .percentage {
        font-size: 0.6rem;
        padding-top: 0.3rem; } }

@media (max-width: 440px) {
  .single-neighbourhood .section-title {
    padding: 30px 0 15px; }

  body.single-neighbourhood #app {
    padding-top: 2rem; }
    body.single-neighbourhood #app h1 {
      padding-top: 1rem;
      margin-bottom: 1rem; }
    body.single-neighbourhood .neighbourhood-social {
      padding-top: 0; }
    body.single-neighbourhood .intro-tabs {
      justify-content: center;
      flex-direction: row;
      padding-left: 0.5rem;
      padding-right: 0.5rem; }
    body.single-neighbourhood .intro-tabs > li {
      flex: 0 0 33%;
      padding: 0 0.3rem;
      justify-content: center; }
      body.single-neighbourhood .intro-tabs > li > a {
        width: 30vw;
        height: 30vw;
        font-size: 0.8rem; }
    body.single-neighbourhood .properties .property-grid-component:last-of-type {
      margin-bottom: 1rem; }
    body.single-neighbourhood .median-house-prices {
      flex-wrap: wrap;
      flex-direction: column; }
    body.single-neighbourhood .median-house-prices li {
      flex: 0 0 auto;
      width: 100%;
      padding: 0; }
      body.single-neighbourhood .median-house-prices li .content {
        width: 100%; }
        body.single-neighbourhood .median-house-prices li .content .header {
          font-size: 1.75rem; }

  .dpg-wrapper .demographic-tabs {
    justify-content: space-between; }
    .dpg-wrapper .demographic-tabs li {
      padding: 0; }
      .dpg-wrapper .demographic-tabs li:first-of-type {
        padding-right: 0.25rem; }
      .dpg-wrapper .demographic-tabs li:last-of-type {
        padding-left: 0.25rem; }
    .dpg-wrapper .demographic-content {
      padding: 1rem 0; }
    .dpg-wrapper .demographic-content .demographics-summary, .dpg-wrapper .demographic-content .demographic.top-3 {
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .dpg-wrapper .demographic-content .demographics-summary li, .dpg-wrapper .demographic-content .demographic.top-3 li {
        flex: 0 0 auto;
        width: 75%; }
        .dpg-wrapper .demographic-content .demographics-summary li .label, .dpg-wrapper .demographic-content .demographic.top-3 li .label {
          top: 27%;
          width: 100%;
          text-align: center;
          font-size: 1.33rem;
          line-height: 1.5; }
          .dpg-wrapper .demographic-content .demographics-summary li .label .percentage, .dpg-wrapper .demographic-content .demographic.top-3 li .label .percentage {
            font-size: 1.75rem;
            padding-top: 0; }
    .dpg-wrapper .demographic-content .demographics-detail li .bar, .dpg-wrapper .demographic-content .demographic.detail li .bar {
      font-size: 0.9em;
      line-height: 2;
      box-sizing: content-box;
      padding: 0.25rem;
      padding-right: 0.5rem; }
      .dpg-wrapper .demographic-content .demographics-detail li .label, .dpg-wrapper .demographic-content .demographic.detail li .label {
        flex: 10 0 auto;
        text-align: right;
        font-size: 0.9em;
        line-height: 2; }
    .dpg-wrapper .discover-grid {
      padding: 0;
      box-sizing: border-box; }
    .dpg-wrapper .discover-grid * {
      box-sizing: border-box; }
    .dpg-wrapper .discover-grid ul {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 0;
      margin: 0; }
      .dpg-wrapper .discover-grid ul li {
        width: 100%;
        height: auto;
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .dpg-wrapper .discover-grid ul li div {
        width: 100%;
        height: auto;
        padding-top: 100%; }
      .dpg-wrapper .discover-grid ul.one.column li, .dpg-wrapper .discover-grid ul.two.column li, .dpg-wrapper .discover-grid ul.three.column li {
        flex: 0 0 100%; } }