/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
/* line 8, ../sass/screen.scss */
html body {
  padding-bottom: 33px;
  overflow-x: hidden;
}

/* line 12, ../sass/screen.scss */
html body .product-open svg {
  display: none;
}

/* line 15, ../sass/screen.scss */
html body .product-open span {
  background: rgba(0, 0, 0, 0.25);
  left: 0.5rem;
  padding: 1rem;
  position: relative;
  top: 2rem;
}

/* line 22, ../sass/screen.scss */
html body .product-facilities ul li {
  display: inline-block;
  padding: 0 5px;
}

/* line 26, ../sass/screen.scss */
html body .product-facilities .fa-car {
  border: 1px solid;
  border-radius: 6px 6px 0 0;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
}

/* line 33, ../sass/screen.scss */
html body .product-facilities .offstreet {
  border: 0;
  border-bottom: 1px solid #fff;
}

/* line 37, ../sass/screen.scss */
html body .product-facilities .svg-icon-land-area,
html body .product-facilities .svg-icon-offstreet,
html body .product-facilities .svg-icon-carpark-residential,
html body .product-facilities .svg-icon-bathroom,
html body .product-facilities .svg-icon-lounge,
html body .product-facilities .svg-icon-bed {
  display: none;
}

/* line 45, ../sass/screen.scss */
html body .product-footer .pull-right {
  display: none;
}

/* line 48, ../sass/screen.scss */
html body .ibox {
  margin: 0.5rem;
}

/* line 51, ../sass/screen.scss */
html body .featured-ibox {
  background-color: #00263a;
  color: #fff;
}

/* line 55, ../sass/screen.scss */
html body img.ssl-embed-responsive-item {
  width: 100% !important;
  height: auto !important;
}

/* line 59, ../sass/screen.scss */
html body .row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #666;
}

/* line 66, ../sass/screen.scss */
html body .section-header {
  margin-bottom: 0;
  padding-left: 1rem;
}

/* line 70, ../sass/screen.scss */
html body .navbar-light {
  background-color: white;
  min-height: 120px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

/* line 79, ../sass/screen.scss */
html body .navbar-light .navbar-brand img {
  height: 80px;
}

/* line 82, ../sass/screen.scss */
html body .navbar-light #navbarNavDropdown ul.navbar-nav li.nav-item a {
  color: #000;
  text-transform: uppercase;
  border-bottom: 3px solid #fff;
}

/* line 87, ../sass/screen.scss */
html body .navbar-light #navbarNavDropdown ul.navbar-nav li.nav-item a:hover {
  border-bottom: 3px solid #e7e8ea;
}

/* line 90, ../sass/screen.scss */
html body .navbar-light #navbarNavDropdown ul.navbar-nav li.nav-item:last-child > a:hover {
  border-bottom: 3px solid #00263a !important;
}

/* line 93, ../sass/screen.scss */
html body header {
  padding-top: 130px;
}

/* line 96, ../sass/screen.scss */
html body header #splash {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 101, ../sass/screen.scss */
html body header #splash .sitename {
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #e7e8ea;
  bottom: 150px;
  left: 1rem;
  padding: 2rem 1rem 1rem 1rem;
  position: absolute;
  text-align: center;
  z-index: 10;
}

/* line 111, ../sass/screen.scss */
html body header #splash .sitename h1 {
  font-size: 3rem;
  margin-bottom: 0;
  line-height: 2rem;
}

/* line 116, ../sass/screen.scss */
html body header #splash #sitename2 {
  bottom: 56px;
}

/* line 119, ../sass/screen.scss */
html body header #splash h1#sitetagline {
  color: rgba(136, 136, 136, 0.5);
  font-weight: bolder;
  padding: 1rem;
}

/* line 124, ../sass/screen.scss */
html body header .hero-home,
html body header .hero-others {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -100;
}

/* line 131, ../sass/screen.scss */
html body header .hero-home {
  height: 100vh;
}

/* line 134, ../sass/screen.scss */
html body header .hero-home .homepage-header h1 {
  font-style: italic;
}

/* line 137, ../sass/screen.scss */
html body header .hero-others {
  height: 56vh;
}

/* line 140, ../sass/screen.scss */
html body .header-home {
  height: 100vh;
}

/* line 143, ../sass/screen.scss */
html body .header-others {
  background-color: #e7e8ea;
  z-index: -10;
  position: relative;
}

/* line 148, ../sass/screen.scss */
html body .otherpages-site-title {
  background-color: #e7e8ea;
  color: #fff;
}

/* line 152, ../sass/screen.scss */
html body .otherpages-site-title h1 {
  font-family: HKGrotesk, Arial, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: -2px;
  line-height: 4rem;
  margin-bottom: 3rem;
  text-transform: uppercase;
  word-spacing: 6px;
}

/* line 161, ../sass/screen.scss */
html body .otherpages-site-subtitle {
  background-color: #00263a;
  color: #fff;
}

/* line 165, ../sass/screen.scss */
html body .sitename-highlighted-word {
  border-top: 6px solid #00263a;
  font-size: 125%;
  font-style: italic;
  letter-spacing: 0;
  font-family: HKGroteskBoldItalic, Arial, Helvetica, sans-serif;
}

/* line 172, ../sass/screen.scss */
html body .sitename-normal-word {
  color: #888;
  font-style: italic;
  letter-spacing: -4px;
}

/* line 177, ../sass/screen.scss */
html body .sitename-small-screens {
  display: none;
}

/* line 180, ../sass/screen.scss */
html body .sitename-small-screens h1 {
  font-size: 2.5rem;
  margin-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
}

/* line 187, ../sass/screen.scss */
html body .sitename-small-screens .sitename-highlighted-word {
  letter-spacing: 0;
}

/* line 190, ../sass/screen.scss */
html body .menu-item-anchor {
  scroll-margin-top: 110px;
}

/* line 193, ../sass/screen.scss */
html body .main {
  position: relative;
}

/* line 196, ../sass/screen.scss */
html body .suburb-page-left-col .blog-post-contact-form {
  background-color: #e7e8ea;
}

/* line 199, ../sass/screen.scss */
html body .suburb-page-right-col {
  background-color: #00263a;
  color: #fff;
}

/* line 203, ../sass/screen.scss */
html body .BlockTextPage {
  background-color: #fff;
}

/* line 206, ../sass/screen.scss */
html body .BlockTextPage .BlockTextPage-dummy-column {
  background-color: #00263a;
}

/* line 209, ../sass/screen.scss */
html body .BlockTextPage .BlockTextPage-image-col {
  height: 100vh;
}

/* line 212, ../sass/screen.scss */
html body .BlockTextPage .BlockTextPage-image-col .BlockTextPage-jumbotron2 {
  background-color: #fff;
  padding: 1rem;
}

/* line 216, ../sass/screen.scss */
html body .BlockTextPage .BlockTextPage-image-col .BlockTextPage-jumbotron2 h4 {
  color: #000;
  font-size: 1.25rem;
}

/* line 220, ../sass/screen.scss */
html body .BlockTextPage .BlockTextPage-image-col .BlockTextPage-jumbotron2 a {
  color: #00263a;
  text-decoration: underline;
  text-decoration-color: #00263a;
  text-decoration-style: dotted;
}

/* line 226, ../sass/screen.scss */
html body .BlockTextPage .BlockTextPage-image-col .BlockTextPage-image {
  background-color: #00263a;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: cover;
}

/* line 233, ../sass/screen.scss */
html body .BlockTextPage .BlockTextPage-jumbotron-col {
  background-color: #e7e8ea;
}

/* line 236, ../sass/screen.scss */
html body .BlockTextPage .BlockTextPage-jumbotron-col blockquote {
  color: #000;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  line-height: 26px;
  padding-top: 2rem;
}

/* line 244, ../sass/screen.scss */
html body .BlockTextPage .BlockTextPage-jumbotron-col .jumbotron-link-cell {
  background-color: #00263a;
}

/* line 247, ../sass/screen.scss */
html body .BlockTextPage .BlockTextPage-jumbotron-col .jumbotron-link-cell h3 {
  text-align: center;
  color: #fff;
}

/* line 251, ../sass/screen.scss */
html body .BlockTextPage .BlockTextPage-jumbotron-col .jumbotron-link-cell a {
  color: #fff;
}

/* line 254, ../sass/screen.scss */
html body .BlockTextPage .BlockTextPage-jumbotron-col .jumbotron-text {
  background-color: #00263a;
}

/* line 257, ../sass/screen.scss */
html body .BlockTextPage .BlockTextPage-jumbotron-col .jumbotron-text h3 {
  color: #fff;
  font-style: italic;
}

/* line 261, ../sass/screen.scss */
html body .BlockTextPage .BlockTextPage-text-col {
  background-color: white;
}

/* line 264, ../sass/screen.scss */
html body .BlockTextPage .BlockTextPage-text-col .BlockTextPage-text-col-inner {
  width: 75%;
}

/* line 267, ../sass/screen.scss */
html body .BlockSliderPage-heading h2 {
  margin-bottom: 0;
  text-transform: uppercase;
}

/* line 271, ../sass/screen.scss */
html body .BlockSliderPage {
  background-color: #00263a;
  height: 48vh;
}

/* line 275, ../sass/screen.scss */
html body .BlockSliderPage .carousel {
  height: 346px;
}

/* line 278, ../sass/screen.scss */
html body .BlockSliderPage .carousel .carousel-inner {
  height: 100%;
  color: #fff;
  font-family: Serif, Arial, Helvetica, sans-serif;
}

/* line 283, ../sass/screen.scss */
html body .BlockSliderPage .carousel .carousel-inner .carousel-item {
  width: 80%;
  float: unset;
  margin: 0 auto;
}

/* line 288, ../sass/screen.scss */
html body .BlockSliderPage .carousel .carousel-inner .carousel-item .carousel-caption {
  bottom: unset;
}

/* line 291, ../sass/screen.scss */
html body .BlockSliderPage .carousel .carousel-inner .carousel-item .carousel-caption p,
html body .BlockSliderPage .carousel .carousel-inner .carousel-item .carousel-caption p.longtext {
  margin-bottom: 0;
}

/* line 295, ../sass/screen.scss */
html body .BlockSliderPage .carousel .carousel-inner .carousel-item .carousel-caption p {
  font-size: 2rem;
}

/* line 298, ../sass/screen.scss */
html body .BlockSliderPage .carousel .carousel-inner .carousel-item .carousel-caption p.longtext {
  font-size: 1.25rem;
}

/* line 301, ../sass/screen.scss */
html body .carousel-read-more-link {
  background-color: #00263a;
}

/* line 304, ../sass/screen.scss */
html body .carousel-read-more-link h3 {
  margin-bottom: 0;
}

/* line 307, ../sass/screen.scss */
html body .carousel-read-more-link h3 a {
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
}

/* line 313, ../sass/screen.scss */
html body .BlockPropertiesPage .BlockPropertiesPage-heading {
  background-color: white;
}

/* line 316, ../sass/screen.scss */
html body .BlockPropertiesPage .BlockPropertiesPage-heading h2 {
  margin-bottom: 0;
}

/* line 319, ../sass/screen.scss */
html body .BlockPropertiesPage .BlockPropertiesPage-heading h3 {
  text-transform: uppercase;
}

/* line 322, ../sass/screen.scss */
html body .BlockPropertiesPage .tommys-loop-template {
  padding: 0;
}

/* line 325, ../sass/screen.scss */
html body .BlockPropertiesPage .tommys-loop-template .col-inner .image-full-width .epl-archive-entry-image a {
  text-decoration: none;
}

/* line 328, ../sass/screen.scss */
html body .BlockPropertiesPage .tommys-loop-template .col-inner .image-full-width .epl-archive-entry-image img {
  height: auto;
  width: 100%;
}

/* line 332, ../sass/screen.scss */
html body .BlockPropertiesPage .tommys-loop-template .col-inner .image-full-width .epl-archive-entry-image .epl-stickers-wrapper {
  position: absolute;
  top: 14px;
}

/* line 336, ../sass/screen.scss */
html body .BlockPropertiesPage .tommys-loop-template .col-inner .image-full-width .epl-archive-entry-image .epl-stickers-wrapper .new,
html body .BlockPropertiesPage .tommys-loop-template .col-inner .image-full-width .epl-archive-entry-image .epl-stickers-wrapper .open {
  color: white;
  padding: 0.5rem;
  margin: 0.25rem;
  border: 1px solid #aaa;
}

/* line 343, ../sass/screen.scss */
html body .BlockPropertiesPage .tommys-loop-template .col-inner .image-full-width .epl-archive-entry-image .epl-stickers-wrapper .new {
  background-color: #e7e8ea;
}

/* line 346, ../sass/screen.scss */
html body .BlockPropertiesPage .tommys-loop-template .col-inner .image-full-width .epl-archive-entry-image .epl-stickers-wrapper .open {
  background-color: #00263a;
}

/* line 349, ../sass/screen.scss */
html body .BlockPropertiesPage .tommys-loop-template .col-inner .image-full-width .property-video-image-price {
  position: absolute;
  bottom: 189px;
  left: 12px;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 6px 12px 6px 6px;
}

/* line 357, ../sass/screen.scss */
html body .BlockPropertiesPage .tommys-loop-template .col-inner .image-full-width .property-video-image-price img {
  padding: 0 10px 0 0;
  height: 40px;
  width: auto;
}

/* line 362, ../sass/screen.scss */
html body .BlockPropertiesPage .tommys-loop-template .col-inner .image-full-width .property-video-image-price a {
  color: #fff;
}

/* line 365, ../sass/screen.scss */
html body .BlockPropertiesPage .tommys-loop-template .col-inner .image-full-width .property-video-image-price .photo-gallery-count {
  cursor: pointer;
}

/* line 368, ../sass/screen.scss */
html body .BlockPropertiesPage .tommys-loop-template .col-inner .vrm-row {
  display: none;
}

/* line 371, ../sass/screen.scss */
html body .BlockPropertiesPage .tommys-loop-template .col-inner .property-content .upper-content .entry-title {
  display: none;
}

/* line 374, ../sass/screen.scss */
html body .BlockPropertiesPage .tommys-loop-template .property-content {
  padding: 15px;
}

/* line 377, ../sass/screen.scss */
html body .BlockPropertiesPage .tommys-loop-template .property-content .content-divider {
  display: none;
}

/* line 380, ../sass/screen.scss */
html body .BlockVideoPage {
  background-color: #666;
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff;
  padding-bottom: 0.5rem;
  padding-top: 1rem;
}

/* line 387, ../sass/screen.scss */
html body .BlockGenericContentPage .generic-content {
  height: 600px;
  background-position: center;
  background-size: cover;
}

/* line 392, ../sass/screen.scss */
html body .BlockGenericContentPage .generic-content .generic-content-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
}

/* line 397, ../sass/screen.scss */
html body .BlockGenericContentPage .generic-content .generic-content-overlay .generic-content-table {
  display: table;
  height: 100%;
  margin: 0 auto;
}

/* line 402, ../sass/screen.scss */
html body .BlockGenericContentPage .generic-content .generic-content-overlay .generic-content-table .generic-content-row {
  display: table-row;
}

/* line 405, ../sass/screen.scss */
html body .BlockGenericContentPage .generic-content .generic-content-overlay .generic-content-table .generic-content-row .generic-content-cell {
  background-color: rgba(231, 232, 234, 0.75);
  color: #000;
  display: table-cell;
  vertical-align: middle;
}

/* line 411, ../sass/screen.scss */
html body .BlockContactFormPage .BlockContactFormPage-heading h2 {
  margin-bottom: 0;
}

/* line 414, ../sass/screen.scss */
html body .BlockContactFormPage .BlockContactFormPage-inner {
  background-color: #00263a;
  color: #fff;
}

/* line 418, ../sass/screen.scss */
html body .BlockContactFormPage .BlockContactFormPage-inner .BlockContactFormPage-inner-left {
  background-color: #e7e8ea;
  color: #000;
}

/* line 422, ../sass/screen.scss */
html body .BlockContactFormPage .BlockContactFormPage-inner .BlockContactFormPage-inner-left h3 {
  margin-bottom: 1.5rem;
}

/* line 425, ../sass/screen.scss */
html body .other-menu-items-strip {
  background-color: #00263a;
}

/* line 428, ../sass/screen.scss */
html body .other-menu-items-strip .other-menu-items-item a {
  color: #e7e8ea;
  font-weight: bold;
  text-decoration: none;
}

/* line 433, ../sass/screen.scss */
html body .other-menu-items-strip .other-menu-items-item a:hover {
  color: #fff;
}

/* line 436, ../sass/screen.scss */
html body .other-menu-items-strip .other-menu-items-item:hover {
  background-color: #00263a;
}

/* line 439, ../sass/screen.scss */
html body footer {
  background: #e7e8ea;
  border-top: 1px solid #fff;
  position: fixed;
  bottom: 0;
  transition: bottom 0.2s ease-in-out;
  width: 100%;
  z-index: 1000;
}

/* line 448, ../sass/screen.scss */
html body footer .footer-content {
  height: 100%;
}

/* line 451, ../sass/screen.scss */
html body footer .footer-content .footer-phone p,
html body footer .footer-content .footer-email p,
html body footer .footer-content .footer-right p {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 0;
}

/* line 458, ../sass/screen.scss */
html body footer .footer-content .footer-phone a,
html body footer .footer-content .footer-email a {
  color: #fff;
  text-decoration: none;
}

/* line 463, ../sass/screen.scss */
html body footer .footer-content .footer-phone {
  background-color: #00263a;
}

/* line 466, ../sass/screen.scss */
html body footer .footer-content .footer-email {
  background-color: #666;
}

/* line 469, ../sass/screen.scss */
html body footer .footer-content .footer-right {
  background-color: #666;
}

/* line 472, ../sass/screen.scss */
html body footer .footer-content .footer-right p {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 0;
}

/* line 477, ../sass/screen.scss */
html body footer .footer-content .footer-right a {
  color: #fff;
}

/* line 480, ../sass/screen.scss */
html body footer .footer-content .footer-phone:hover {
  background-color: #e7e8ea;
  color: #000;
}

/* line 484, ../sass/screen.scss */
html body footer .footer-content .footer-phone:hover a {
  color: inherit;
}

/* line 487, ../sass/screen.scss */
html body footer .footer-content .footer-email:hover {
  background-color: #e7e8ea;
  color: #000;
}

/* line 491, ../sass/screen.scss */
html body footer .footer-content .footer-email:hover a {
  color: inherit;
}

/* line 494, ../sass/screen.scss */
html body footer .footer-content .footer-right:hover {
  background-color: #e7e8ea;
}

/* line 497, ../sass/screen.scss */
html body footer .footer-content .footer-right:hover a {
  color: #000;
}

/* line 500, ../sass/screen.scss */
html body footer .footer-content .footer-right:hover a:hover {
  color: #000;
}

/* line 503, ../sass/screen.scss */
html body .nav-down {
  bottom: -40px;
}

/* line 506, ../sass/screen.scss */
html body .suburb-train-header {
  background-color: #000;
}

/* line 509, ../sass/screen.scss */
html body .suburb-train-header p {
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}

/* line 516, ../sass/screen.scss */
html body .ticker {
  display: flex;
  height: 49px;
  line-height: 1;
  padding: 0 12px;
  width: 2000px;
  overflow: hidden;
  background-color: #000;
}

/* line 525, ../sass/screen.scss */
html body .msg {
  animation: marquee 99s linear infinite;
  animation-name: marquee;
  animation-duration: 99s;
  animation-iteration-count: infinite;
  animation-delay: 2s;
  margin: 0 auto;
  position: absolute;
  white-space: nowrap;
  width: 792rem;
}

/* line 536, ../sass/screen.scss */
html body .msg span {
  display: inline-block;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 543, ../sass/screen.scss */
html body .a-train {
  padding-top: 0;
  padding-bottom: 0.25rem;
}

/* line 547, ../sass/screen.scss */
html body .a-train .suburb-dark-background,
html body .a-train .suburb-light-background {
  font-size: 2rem;
  font-weight: Bold;
  text-transform: uppercase;
  text-align: center;
  width: 24rem;
}

/* line 555, ../sass/screen.scss */
html body .a-train .suburb-dark-background a,
html body .a-train .suburb-light-background a {
  color: inherit;
  text-decoration: none;
}

/* line 560, ../sass/screen.scss */
html body .a-train .suburb-dark-background {
  background-color: #00263a;
  color: #fff;
}

/* line 564, ../sass/screen.scss */
html body .a-train .suburb-dark-background:hover {
  background-color: #004b73;
}

/* line 567, ../sass/screen.scss */
html body .a-train .suburb-light-background {
  background-color: #e7e8ea;
  color: #000;
}

/* line 571, ../sass/screen.scss */
html body .a-train .suburb-light-background:hover {
  background-color: #666;
  color: #fff;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-792rem, 0);
  }
}
/* line 583, ../sass/screen.scss */
html body .blog-entry .post-image img {
  height: auto;
}

@media screen and (max-width: 360px) {
  /* line 587, ../sass/screen.scss */
  html body .typography span.sitename-tagline {
    font-size: 1.5rem;
  }

  /* line 590, ../sass/screen.scss */
  html body .header-home #splash,
  html body .header-others #splash {
    height: unset;
  }

  /* line 594, ../sass/screen.scss */
  html body .header-home #splash .sitename,
  html body .header-others #splash .sitename {
    display: none;
  }

  /* line 598, ../sass/screen.scss */
  html body .header-home {
    height: auto;
  }

  /* line 601, ../sass/screen.scss */
  html body .header-home #splash {
    height: 466px;
  }

  /* line 604, ../sass/screen.scss */
  html body .header-others #splash {
    height: 220px;
  }

  /* line 607, ../sass/screen.scss */
  html body .hero-home {
    height: 390px;
    position: relative;
  }

  /* line 611, ../sass/screen.scss */
  html body .sitename-small-screens {
    display: block;
  }

  /* line 614, ../sass/screen.scss */
  html body .sitename-small-screens h1 {
    font-size: 2.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
  }

  /* line 620, ../sass/screen.scss */
  html body .sitename-small-screens .sitename-highlighted-word {
    letter-spacing: 0;
  }

  /* line 623, ../sass/screen.scss */
  html body .BlockTextPage {
    height: auto;
  }

  /* line 626, ../sass/screen.scss */
  html body .BlockTextPage .BlockTextPage-image-col {
    display: none;
  }

  /* line 629, ../sass/screen.scss */
  html body .BlockTextPage .BlockTextPage-text-col .BlockTextPage-text-col-inner {
    width: 100%;
  }

  /* line 632, ../sass/screen.scss */
  html body .BlockSliderPage {
    height: auto;
  }

  /* line 635, ../sass/screen.scss */
  html body .BlockSliderPage .carousel .carousel-inner .carousel-item .carousel-caption {
    left: 10px;
    right: 10px;
  }

  /* line 639, ../sass/screen.scss */
  html body .BlockSliderPage .carousel .carousel-inner .carousel-item .carousel-caption p {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 576px) {
  /* line 644, ../sass/screen.scss */
  html body {
    padding-bottom: 0;
  }

  /* line 647, ../sass/screen.scss */
  html body .typography span.sitename-tagline {
    font-size: 1.5rem;
  }

  /* line 650, ../sass/screen.scss */
  html body .navbar-light #navbarNavDropdown ul.navbar-nav {
    background-color: #00263a;
  }

  /* line 653, ../sass/screen.scss */
  html body .navbar-light #navbarNavDropdown ul.navbar-nav li.nav-item {
    padding-right: 0.5rem;
  }

  /* line 656, ../sass/screen.scss */
  html body .navbar-light #navbarNavDropdown ul.navbar-nav li.nav-item a.nav-link {
    padding-left: 1rem;
    color: #fff;
  }

  /* line 660, ../sass/screen.scss */
  html body .header-home {
    height: auto;
  }

  /* line 663, ../sass/screen.scss */
  html body header {
    padding-top: 180px;
  }

  /* line 666, ../sass/screen.scss */
  html body header .header-home #splash .sitename,
  html body header .header-others #splash .sitename {
    display: none;
  }

  /* line 670, ../sass/screen.scss */
  html body header .header-home #splash #sitetagline,
  html body header .header-others #splash #sitetagline {
    display: none;
  }

  /* line 674, ../sass/screen.scss */
  html body header .header-home {
    height: auto;
  }

  /* line 677, ../sass/screen.scss */
  html body header .header-home #splash {
    background-position: center 2rem;
    height: 320px;
  }

  /* line 681, ../sass/screen.scss */
  html body header .header-others #splash {
    height: 220px;
  }

  /* line 684, ../sass/screen.scss */
  html body header .hero-home {
    height: 390px;
    position: relative;
  }

  /* line 688, ../sass/screen.scss */
  html body header .hero-others {
    height: 180px;
  }

  /* line 691, ../sass/screen.scss */
  html body header .sitename-small-screens {
    display: block;
  }

  /* line 694, ../sass/screen.scss */
  html body header .sitename-small-screens h1 {
    font-size: 2.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
  }

  /* line 700, ../sass/screen.scss */
  html body header .sitename-small-screens .sitename-highlighted-word {
    letter-spacing: 0;
  }

  /* line 703, ../sass/screen.scss */
  html body .BlockTextPage {
    height: auto;
  }

  /* line 706, ../sass/screen.scss */
  html body .BlockTextPage .BlockTextPage-image-col {
    display: none;
  }

  /* line 709, ../sass/screen.scss */
  html body .BlockTextPage .BlockTextPage-text-col .BlockTextPage-text-col-inner {
    width: 100%;
  }

  /* line 712, ../sass/screen.scss */
  html body .BlockPropertiesPage .tommys-loop-template:last-child {
    border-bottom: 1px solid #ccc;
  }

  /* line 715, ../sass/screen.scss */
  html body .BlockSliderPage {
    height: auto;
  }

  /* line 718, ../sass/screen.scss */
  html body .BlockSliderPage .carousel .carousel-inner .carousel-item .carousel-caption {
    left: 10px;
    right: 10px;
  }

  /* line 722, ../sass/screen.scss */
  html body .BlockSliderPage .carousel .carousel-inner .carousel-item .carousel-caption p {
    font-size: 1.25rem;
  }

  /* line 725, ../sass/screen.scss */
  html body .otherpages-site-subtitle h1 {
    line-height: 2rem;
  }

  /* line 728, ../sass/screen.scss */
  html body .blog-header {
    background-color: #1c4a9f;
    color: #fff;
  }

  /* line 732, ../sass/screen.scss */
  html body footer {
    position: unset;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  /* line 737, ../sass/screen.scss */
  html body .typography span.sitename-tagline {
    font-size: 1.5rem;
  }

  /* line 740, ../sass/screen.scss */
  html body #mainContainer {
    padding-bottom: 32px;
  }

  /* line 743, ../sass/screen.scss */
  html body #topOfPage .BlockTextPage .hidden-xs {
    display: none !important;
  }

  /* line 746, ../sass/screen.scss */
  html body #topOfPage .BlockTextPage .BlockTextPage-text-col .BlockTextPage-text-col-inner {
    width: 100%;
  }

  /* line 749, ../sass/screen.scss */
  html body #topOfPage .BlockPropertiesPage .tommys-loop-template .col-inner .image-full-width .property-video-image-price {
    top: auto;
    left: auto;
    padding: 0.5rem;
  }
}
@media screen and (min-width: 720px) and (max-width: 960px) {
  /* line 756, ../sass/screen.scss */
  html body {
    padding-bottom: 0;
  }

  /* line 759, ../sass/screen.scss */
  html body .typography span.sitename-tagline {
    font-size: 1.5rem;
  }

  /* line 762, ../sass/screen.scss */
  html body header {
    padding-top: 120px;
  }

  /* line 765, ../sass/screen.scss */
  html body header #splash .sitename {
    border: 1px solid #e7e8ea;
    bottom: 100px;
    left: 1rem;
    padding: 3rem 1rem 1rem 1rem;
    position: absolute;
    z-index: 1000;
  }

  /* line 773, ../sass/screen.scss */
  html body header #splash .sitename h1 {
    font-size: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    text-align: center;
  }

  /* line 779, ../sass/screen.scss */
  html body header #splash #sitename1,
  html body header #splash #sitename2 {
    background-color: rgba(255, 255, 255, 0.75);
  }

  /* line 783, ../sass/screen.scss */
  html body header #splash #sitename1 h1,
  html body header #splash #sitename2 h1 {
    margin-bottom: 0;
  }

  /* line 787, ../sass/screen.scss */
  html body header #splash #sitename2 {
    top: 50px;
    height: 138px;
    right: 28px;
    width: 840px;
    left: unset;
  }

  /* line 794, ../sass/screen.scss */
  html body header .hero-home,
  html body header .hero-others {
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -100;
  }

  /* line 801, ../sass/screen.scss */
  html body header .hero-home {
    height: 40vh;
  }

  /* line 804, ../sass/screen.scss */
  html body header .hero-others {
    height: 560px;
  }

  /* line 807, ../sass/screen.scss */
  html body .header-home {
    height: 79vh;
  }

  /* line 810, ../sass/screen.scss */
  html body .header-others {
    background-color: blueviolet;
    z-index: -10;
    position: relative;
  }

  /* line 815, ../sass/screen.scss */
  html body .sitename-small-screens {
    border-bottom: 1px solid #e7e8ea;
    border-top: 1px solid #e7e8ea;
    display: block;
    padding: 1rem;
  }

  /* line 821, ../sass/screen.scss */
  html body .sitename-small-screens h1 {
    font-size: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
  }

  /* line 827, ../sass/screen.scss */
  html body .BlockTextPage {
    height: auto;
  }

  /* line 830, ../sass/screen.scss */
  html body .BlockTextPage .BlockTextPage-image-col {
    display: none;
  }

  /* line 833, ../sass/screen.scss */
  html body .BlockTextPage .BlockTextPage-jumbotron-col .jumbotron-text {
    background-color: #14341a;
  }

  /* line 836, ../sass/screen.scss */
  html body .BlockTextPage .BlockTextPage-jumbotron-col .jumbotron-link {
    height: auto;
  }

  /* line 839, ../sass/screen.scss */
  html body .BlockTextPage .BlockTextPage-text-col .BlockTextPage-text-col-inner {
    width: 100%;
  }

  /* line 842, ../sass/screen.scss */
  html body .BlockSliderPage {
    height: auto;
  }

  /* line 845, ../sass/screen.scss */
  html body .BlockSliderPage .carousel {
    min-height: 41vh;
  }

  /* line 848, ../sass/screen.scss */
  html body .BlockSliderPage .carousel .carousel-inner .carousel-item {
    width: inherit;
  }

  /* line 851, ../sass/screen.scss */
  html body .BlockSliderPage .carousel .carousel-inner .carousel-item .carousel-caption p {
    font-size: 1.5rem;
  }

  /* line 854, ../sass/screen.scss */
  html body .BlockSliderPage .carousel .carousel-inner .carousel-item .carousel-caption p.longtext {
    font-size: 1.25rem;
  }

  /* line 857, ../sass/screen.scss */
  html body .BlockPropertiesPage .tommys-loop-template .col-inner .image-full-width .property-video-image-price {
    position: unset;
    top: auto;
    left: auto;
    padding: 0.5rem;
  }

  /* line 863, ../sass/screen.scss */
  html body footer {
    position: unset;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 868, ../sass/screen.scss */
  html body header .hero-home {
    height: 62vh;
  }

  /* line 871, ../sass/screen.scss */
  html body .header-home {
    height: unset;
  }
}
@font-face {
  font-family: "HKGrotesk";
  src: url("../webfonts/HKGrotesk-Regular.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HKGrotesk";
  src: url("../webfonts/HKGrotesk-Italic.otf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "HKGroteskBoldItalic";
  src: url("../webfonts/HKGrotesk-BoldItalic.otf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "HKGrotesk";
  src: url("../webfonts/HKGrotesk-Italic.otf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "HKGrotesk";
  src: url("../webfonts/HKGrotesk-Light.otf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "HKGrotesk";
  src: url("../webfonts/HKGrotesk-ExtraBold.otf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* line 911, ../sass/screen.scss */
.typography * {
  font-family: Arial, Helvetica, sans-serif;
}

/* line 914, ../sass/screen.scss */
.typography .fas,
.typography .far,
.typography .fa {
  font-family: "Font Awesome 5 Free";
}

/* line 919, ../sass/screen.scss */
.typography a {
  color: #00263a;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #00263a;
  font-weight: bolder;
}

/* line 926, ../sass/screen.scss */
.typography span.sitename-first-word,
.typography span.first-word {
  font-weight: lighter;
  color: #aaa;
  letter-spacing: -4px;
}

/* line 932, ../sass/screen.scss */
.typography span.first-word {
  border-bottom: 7px solid #00263a;
}

/* line 935, ../sass/screen.scss */
.typography span.sitename-tagline {
  font-size: 3rem;
}

/* line 938, ../sass/screen.scss */
.typography h1,
.typography h2 {
  font-family: HKGrotesk, Arial, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: -2px;
  line-height: 4rem;
  margin-bottom: 3rem;
  text-transform: uppercase;
}

/* line 948, ../sass/screen.scss */
.typography h3 {
  font-family: HKGrotesk, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: -2px;
  color: #666;
}

/* line 956, ../sass/screen.scss */
.typography h3 em {
  color: #000;
  font-weight: bold;
  letter-spacing: -2px;
  font-size: inherit;
}

/* line 963, ../sass/screen.scss */
.typography .jumbotron {
  background-color: #00263a;
  color: #fff;
  font-size: 125%;
  border-radius: 0.5rem;
  padding: 1rem;
}

/* line 970, ../sass/screen.scss */
.typography .jumbotron a {
  color: #e7e8ea;
}

/* line 973, ../sass/screen.scss */
.typography .jumbotron-text blockquote {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0;
}

/* line 978, ../sass/screen.scss */
.typography .jumbotron-text blockquote p {
  margin-bottom: 0;
  font-style: italic;
}

/* line 982, ../sass/screen.scss */
.typography .jumbotron-text blockquote.light {
  font-size: 1.25rem;
  color: #fff;
}

/* line 986, ../sass/screen.scss */
.typography .jumbotron-text blockquote.dark {
  color: #000;
}

/* line 989, ../sass/screen.scss */
.typography .jumbotron-text a {
  color: #14341a;
}

/* line 992, ../sass/screen.scss */
.typography blockquote {
  font-family: Serif, Arial, Helvetica, sans-serif;
}

/* line 995, ../sass/screen.scss */
.typography .suburb-page-left-col h1,
.typography .suburb-page-left-col h2 {
  line-height: 2.5rem;
  letter-spacing: unset;
}

/* line 1000, ../sass/screen.scss */
form .userform-fields .middleColumn {
  margin-bottom: 1rem;
}

/* line 1003, ../sass/screen.scss */
form .userform-fields .middleColumn textarea,
form .userform-fields .middleColumn input[type="text"],
form .userform-fields .middleColumn input[type="email"] {
  padding: 1rem;
  width: 100%;
}

/* line 1009, ../sass/screen.scss */
form .userform-fields .middleColumn label {
  color: #fff;
  font-size: 1.5rem;
}

/* line 1013, ../sass/screen.scss */
form #Evaluation .middleColumn label {
  color: #000;
  font-size: 1rem;
}

/* line 1017, ../sass/screen.scss */
input[type="submit"] {
  background-color: #666;
  border: 0;
  color: #fff;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  padding: 1rem;
  width: 100%;
}

/* line 1026, ../sass/screen.scss */
input[type="submit"]:hover {
  background-color: #e7e8ea;
  color: #000;
}