/* If using custom fonts un-comment the following line and add the font files to the font folder */
@import url(fonts/fonts.css);
/* Variables */
/* Variables */
/* reset stuff */
* {
  margin: 0;
  padding: 0; }

/* set stuff */
html, body {
  overflow-x: hidden;
  background-color: white;
  font-family: "FreightText W01 Book", serif; }

html {
  width: 100%;
  height: 100%;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

/* Custom Styles
 ================================================== */
/* Compressed Nav
 ================================================== */
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom, .navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }

#stamp-duty-savings {
  width: 320px;
  height: 320px;
  background: url(../images/stamp-duty-savings.svg) left top no-repeat;
  position: absolute;
  margin: 100px 0 0 0;
  z-index: 100;
  background-size: cover;
  transition: all 0.3s ease; }
  @media screen and (max-width: 992px) {
    #stamp-duty-savings {
      width: 280px;
      height: 280px;
      margin: 80px 0 0 0; } }
  @media screen and (max-width: 767px) {
    #stamp-duty-savings {
      width: 180px;
      height: 180px;
      margin: 47px 0 0 0; } }

.compressed-banner {
  width: 250px !important;
  height: 250px !important;
  margin: 76px 0 0 0 !important; }
  @media screen and (max-width: 992px) {
    .compressed-banner {
      width: 200px !important;
      height: 200px !important;
      margin: 56px 0 0 0 !important; } }
  @media screen and (max-width: 767px) {
    .compressed-banner {
      width: 160px !important;
      height: 160px !important;
      margin: 37px 0 0 0 !important; } }

/* Edge CSS for top corner banner */
@supports (-ms-ime-align: auto) {
  #stamp-duty-savings {
    width: 320px;
    height: 320px;
    background: url(../images/stamp-duty-savings.svg) left top no-repeat;
    position: absolute;
    margin: 200px 0 0 0;
    z-index: 100;
    background-size: cover; }

  .compressed-banner {
    width: 250px !important;
    height: 250px !important;
    margin: 150px 0 0 0 !important; } }
/* IE CSS for top corner banner */
@media all and (-ms-high-contrast: none) {
  body {
    text-shadow: none; }

  #stamp-duty-savings {
    width: 320px;
    height: 320px;
    background: url(../images/stamp-duty-savings.svg) left top no-repeat;
    position: absolute;
    margin: -110px 0 0 0;
    z-index: 100;
    background-size: cover; }

  .compressed-banner {
    width: 250px !important;
    height: 250px !important;
    margin: -50px 0 0 0 !important; }

  /* IE10 */
  *::-ms-backdrop,
  body {
    text-shadow: none; }

  #stamp-duty-savings {
    width: 320px;
    height: 320px;
    background: url(../images/stamp-duty-savings.svg) left top no-repeat;
    position: absolute;
    margin: -60px 0 0 0;
    z-index: 100;
    background-size: cover; }

  .compressed-banner {
    width: 250px !important;
    height: 250px !important;
    margin: -50px 0 0 0 !important; }

  /* IE11 */ }
.navbar {
  padding: 0px;
  background: white;
  color: white; }
  .navbar .inspect {
    background: white;
    padding: 15px;
    color: white;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1; }
  .navbar .hide {
    display: none; }
  .navbar .row {
    width: 100%; }
  @media screen and (max-width: 992px) {
    .navbar {
      background-position-y: -15px; }
      .navbar .inspect {
        padding: 15px 40px; } }
  @media screen and (max-width: 767px) {
    .navbar {
      padding: 25px 0; }
      .navbar .row {
        margin-left: 0;
        margin-right: 0; }
      .navbar .inspect {
        padding: 15px 30px; } }

.navbar a {
  color: #fff !important; }

.navbar button {
  color: inherit !important; }

.navbar.compressed {
  padding: 20px 0 10px;
  background-position-y: -15px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  width: 100% !important; }
  @media screen and (max-width: 992px) {
    .navbar.compressed {
      padding: 16px 0; } }
  @media screen and (max-width: 767px) {
    .navbar.compressed {
      padding: 12px 0; } }

.park-lane-elsternwick-logo-standard {
  width: 100%;
  height: 60px;
  margin: 30px 0;
  background: url(../images/park-lane-logo-green.svg) center top no-repeat;
  background-size: contain; }
  @media screen and (max-width: 992px) {
    .park-lane-elsternwick-logo-standard {
      height: 50px; } }
  @media screen and (max-width: 767px) {
    .park-lane-elsternwick-logo-standard {
      margin: 0 0;
      height: 30px;
      background: url(../images/park-lane-logo-green.svg) center top no-repeat; } }

.park-lane-elsternwick-logo-compressed {
  width: 300px;
  height: 50px;
  display: inline-block;
  background: url(../images/park-lane-logo-green.svg) no-repeat;
  background-position: left center;
  margin: 0px 0;
  background-size: contain !important; }
  @media screen and (max-width: 1500px) {
    .park-lane-elsternwick-logo-compressed {
      background-position: right center;
      width: 400px;
      height: 45px; } }
  @media screen and (max-width: 1300px) {
    .park-lane-elsternwick-logo-compressed {
      background-position: right center; } }
  @media screen and (max-width: 1024px) {
    .park-lane-elsternwick-logo-compressed {
      background-position: right center;
      width: 350px;
      height: 45px;
      margin: 5px 0 0; } }
  @media screen and (max-width: 992px) {
    .park-lane-elsternwick-logo-compressed {
      background-position: right center;
      width: 260px;
      height: 30px;
      margin: 5px 0 0; } }
  @media screen and (max-width: 767px) {
    .park-lane-elsternwick-logo-compressed {
      display: none; } }

#hidden-button {
  width: 100%;
  border: 2px solid black;
  background: black;
  font-size: 0.875rem;
  margin: 30px 0;
  color: #fff;
  padding: 20px;
  text-transform: uppercase;
  transition: all 0.6s ease;
  font-family: "FreightText W01 Bold", serif;
  width: auto;
  background: black;
  float: right;
  text-align: center;
  padding: 12px 30px 12px;
  margin: 0 0 0 0;
  color: white;
  font-size: 0.875rem;
  letter-spacing: 0.1rem;
  font-family: "FreightText W01 Bold", serif; }
  #hidden-button:hover {
    background: #383838;
    border: 2px solid #383838; }
  #hidden-button:hover {
    background: #383838;
    color: white; }
  @media screen and (max-width: 767px) {
    #hidden-button {
      width: auto;
      padding: 14px 25px;
      margin: 0px 0 7px;
      float: right; } }

.navbar a {
  color: #fff !important; }

.navbar .button {
  color: inherit !important; }

h1, h2, h3, h4, h5, h6, h7, h8, h9, h1, h11 {
  font-weight: normal;
  letter-spacing: normal; }

/* Header Section
 ================================================== */
#header-image {
  width: 100%;
  height: auto;
  padding: 100px 0;
  background: linear-gradient(16deg, rgba(0, 0, 0, 0.55) 20%, transparent 68%), url(../images/park-lane-elsternwick-header-desktop2.jpg) center center no-repeat;
  background-size: cover;
  margin: 120px 0 0 0;
  /* form stuff */
  /* infield label */
  /* Privacy Policy */ }
  #header-image h1 {
    margin: 0 0 1rem 0;
    line-height: 1;
    font-family: "Freight Text W01 Semibold", serif;
    font-size: 3rem;
    color: white;
    text-shadow: 0 0 55px black;
    padding: 0 3rem 0 0; }
    #header-image h1 span {
      display: block;
      font-size: 5rem;
      margin: 2rem 0 0 0;
      font-family: "FreightText W01 Book", serif;
      text-shadow: 0 0 25px black; }
  #header-image #formcontent {
    background: white;
    background-size: 90% 40px;
    background-position-y: 25px;
    width: 100%;
    padding: 25px 0;
    margin: 0;
    z-index: 100;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
    transition: all 0.6s ease; }
    #header-image #formcontent h2, #header-image #formcontent #formcontent #thankyou1 h2, #header-image #formcontent #formcontent #sorry1 h2 {
      font-family: "FreightText W01 Book", serif;
      font-size: 2.75rem;
      color: #2e4f39;
      margin: 0px;
      padding: 0 0 0 0;
      text-align: center; }
    #header-image #formcontent .further-info {
      font-size: 1.125rem;
      padding: 0.75rem 0 0 0;
      font-family: "Freight Text W01 Semibold", serif; }
    @media screen and (max-width: 1024px) {
      #header-image #formcontent {
        padding: 15px 0; }
        #header-image #formcontent h2, #header-image #formcontent #formcontent #thankyou1 h2, #header-image #formcontent #formcontent #sorry1 h2 {
          font-size: 2.5rem; }
        #header-image #formcontent .further-info {
          font-size: 1rem;
          padding: 0.75rem 0 0 0; } }
    @media screen and (max-width: 992px) {
      #header-image #formcontent {
        padding: 10px 0; }
        #header-image #formcontent h2, #header-image #formcontent #formcontent #thankyou1 h2, #header-image #formcontent #formcontent #sorry1 h2 {
          font-size: 2rem; }
        #header-image #formcontent .further-info {
          font-size: 0.875rem;
          padding: 0.5rem 0 0 0rem; } }
    @media screen and (max-width: 767px) {
      #header-image #formcontent {
        width: 90%;
        margin: 12px auto 0;
        padding: 15px 10px 15px; }
        #header-image #formcontent h2, #header-image #formcontent #formcontent #thankyou1 h2, #header-image #formcontent #formcontent #sorry1 h2 {
          font-size: 2.25rem; }
        #header-image #formcontent .further-info {
          padding: 0.5rem 1rem 0 1rem; } }
  #header-image .beige-border {
    border: 10px solid rgba(139, 141, 130, 0.3); }
  #header-image .white-border {
    border: 10px solid rgba(255, 255, 255, 0.8); }
  #header-image .clearfix {
    *zoom: 1; }
  #header-image .clearfix:before, #header-image .clearfix:after {
    display: table;
    content: "";
    line-height: 0; }
  #header-image .clearfix:after {
    clear: both; }
  #header-image label {
    width: auto; }
  #header-image #thankyou1, #header-image #sorry1 {
    display: none; }
  #header-image #jpform {
    height: 295px; }
  #header-image form, #header-image fieldset {
    padding: 0;
    margin: 0;
    border: none; }
  #header-image fieldset {
    padding: 15px 30px 0; }
    @media screen and (max-width: 1024px) {
      #header-image fieldset {
        padding: 5px 20px 0; } }
    @media screen and (max-width: 992px) {
      #header-image fieldset {
        padding: 0 20px 0; } }
  #header-image input, #header-image label, #header-image a.selectbox-link span.selectbox-link-text {
    font-size: 1rem !important;
    color: #383838 !important;
    font-family: "Freight Text W01 Semibold", serif; }
    @media screen and (max-width: 1024px) {
      #header-image input, #header-image label, #header-image a.selectbox-link span.selectbox-link-text {
        font-size: 0.875rem !important; } }
  #header-image input {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
    height: 47px;
    border: none;
    border-bottom: 1px solid rgba(46, 79, 57, 0.6);
    margin: 0px 0 15px 0px;
    padding: 10px 0 0 15px;
    background: transparent;
    box-shadow: none;
    transition: none;
    text-align: left;
    transition: all 0.6s ease; }
    #header-image input:hover {
      border-bottom: 1px solid #2e4f39; }
    @media screen and (max-width: 992px) {
      #header-image input {
        height: 40px;
        margin: 5px 0px;
        padding: 3px 0 0 8px; } }
  #header-image input:focus, #header-image textarea:focus {
    border-color: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  #header-image a.selectbox-link {
    width: 100%;
    height: 47px;
    border: 2px solid white !important;
    margin: 5px 0 0px 0;
    background-color: transparent !important;
    background-image: none !important;
    position: relative;
    z-index: 10;
    border-radius: 0;
    padding: 9px 0 0 13px;
    text-align: left; }
  #header-image a.selectbox-link span.selectbox-link-icon,
  #header-image span.selectbox-disabled span.selectbox-link-icon {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: transparent;
    background-image: #000;
    border-left: 0 solid #A8873E;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px; }
  #header-image a.selectbox-link span.selectbox-link-icon span,
  #header-image span.selectbox-disabled span.selectbox-link-icon span {
    background: url(../images/custom-dropdown.png) no-repeat -31px -37px;
    display: block;
    width: 100%;
    height: 100%; }
  #header-image input.hiddenfield {
    width: 1px;
    height: 1px;
    border: 0px;
    float: right;
    position: relative;
    z-index: 1;
    left: -40px;
    background: none; }
  #header-image input#Select_Something {
    left: -210px; }
  #header-image form p {
    position: relative;
    margin: 1px 0 !important; }
  #header-image form p label {
    position: absolute;
    top: 13px;
    left: 15px; }
    @media screen and (max-width: 992px) {
      #header-image form p label {
        top: 11px;
        left: 8px; } }
  #header-image form p br {
    display: none; }
  #header-image form fieldset p label {
    width: 100%;
    display: block;
    font-size: 16px;
    text-align: left; }
  #header-image label.infield {
    margin: 5px 0 0 0;
    color: grey; }
  #header-image label.error {
    margin: 6px 0 0 0;
    padding: 0 0 0 4px;
    background-color: white; }
  #header-image .button-link {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
    text-align: left;
    height: 70px;
    margin: 20px 0 0 0;
    padding: 0 0 0 20px;
    background: #2e4f39;
    border: 0 solid #2e4f39;
    cursor: pointer;
    transition: all 0.6s ease;
    letter-spacing: 0.2rem;
    font-family: "FreightText W01 Book", serif; }
    #header-image .button-link:hover {
      background: #383838; }
    @media screen and (max-width: 992px) {
      #header-image .button-link {
        height: 60px; } }
  #header-image .button-link span.msg, #header-image .button-link span#msg {
    text-align: left;
    font-size: 1.5rem;
    color: white; }
    @media screen and (max-width: 992px) {
      #header-image .button-link span.msg, #header-image .button-link span#msg {
        font-size: 1.25rem; } }
  #header-image #loadingbtn, #header-image #thankyou {
    display: none; }
  #header-image .privacy-policy, #header-image p.privacy-policy, #header-image a.policy-link, #header-image a:hover.policy-link, #header-image #privacy-policy {
    color: #6d6e71;
    text-align: left; }
  #header-image .privacy-policy {
    font-size: 10px;
    text-align: center; }
  #header-image p.privacy-policy {
    font-size: 10px;
    margin: 20px 30px 15px 30px;
    line-height: 12px;
    background: url(../images/lock.png) top left no-repeat;
    padding-left: 15px; }
    @media screen and (max-width: 1024px) {
      #header-image p.privacy-policy {
        margin: 20px 30px 15px 20px; } }
  #header-image p.privacy-policy img {
    margin-right: 10px;
    text-align: left; }
  #header-image a.policy-link {
    text-decoration: underline;
    color: #6d6e71f; }
  #header-image a:hover.policy-link {
    text-decoration: none;
    color: #6d6e71; }
  #header-image #privacy-policy {
    display: none;
    font-size: 9px;
    width: 90%;
    margin: 0 5% 20px; }
  @media screen and (max-width: 1024px) {
    #header-image {
      padding: 30px 0;
      background: linear-gradient(19deg, rgba(0, 0, 0, 0.75) 20%, transparent 61%), url(../images/park-lane-elsternwick-header-tablet-landscape2.jpg) right bottom no-repeat;
      background-size: cover; }
      #header-image h1 {
        text-shadow: 0 0 35px rgba(0, 0, 0, 0.9);
        font-size: 3.875rem;
        padding: 0 50px 0 0; }
        #header-image h1 span {
          font-size: 5rem;
          margin: 1rem 0 0 0; } }
  @media screen and (max-width: 992px) {
    #header-image {
      padding: 30px 0;
      background: linear-gradient(19deg, rgba(0, 0, 0, 0.75) 20%, transparent 80%), url(../images/park-lane-elsternwick-header-tablet-portrait2.jpg) center top no-repeat;
      background-size: cover; }
      #header-image h1 {
        text-shadow: 0 0 35px rgba(0, 0, 0, 0.9);
        font-size: 2.5rem;
        padding: 0 0 0 0;
        line-height: 1; }
        #header-image h1 span {
          font-size: 3.25rem;
          margin: 1rem 0 0 0; } }
  @media screen and (max-width: 767px) {
    #header-image {
      margin-top: 66px;
      padding: 230px 0 20px;
      height: auto;
      background: #2e4f39 url(../images/park-lane-elsternwick-header-mob2.jpg) center top no-repeat;
      background-size: contain; }
      #header-image h1 {
        text-shadow: none;
        font-size: 1.5rem;
        padding: 0 0;
        text-align: center;
        line-height: 1.2;
        font-family: "FreightText W01 Book", serif; }
        #header-image h1 span {
          font-size: 2.25rem;
          margin: 0.75rem 0;
          text-shadow: none; } }

/* Section 1 
 ================================================== */
#section-1 {
  padding: 60px 0;
  background: #2e4f39;
  color: white; }
  #section-1 h3 {
    font-family: "FreightText W01 Book", serif;
    margin: 1.25rem 0 3.5rem;
    font-size: 2.5rem;
    display: block;
    padding: 0 0 0 0;
    line-height: 1.2; }
    @media screen and (max-width: 1024px) {
      #section-1 h3 {
        font-size: 2.25rem; } }
    @media screen and (max-width: 992px) {
      #section-1 h3 {
        font-size: 2rem;
        margin: 0rem 0 2rem; } }
    @media screen and (max-width: 767px) {
      #section-1 h3 {
        font-size: 1.5rem; } }
  #section-1 h5 {
    font-family: "FreightText W01 Bold", serif;
    color: #2e4f39;
    font-size: 1.5rem;
    line-height: 1.5; }
  #section-1 p {
    margin: 0 0 2rem;
    line-height: auto;
    font-size: 1.5rem;
    padding: 0 1.25rem 0 0; }
    @media screen and (max-width: 1024px) {
      #section-1 p {
        font-size: 1.25rem; } }
    @media screen and (max-width: 992px) {
      #section-1 p {
        font-size: 1.125rem;
        line-height: 1.75rem; } }
  #section-1 .button {
    width: 100%;
    border: 2px solid black;
    background: black;
    font-size: 0.875rem;
    margin: 30px 0;
    color: #fff;
    padding: 20px;
    text-transform: uppercase;
    transition: all 0.6s ease;
    font-family: "FreightText W01 Bold", serif; }
    #section-1 .button:hover {
      background: #383838;
      border: 2px solid #383838; }
    #section-1 .button:hover {
      background: black;
      border: 2px solid black; }
  #section-1 .pricebox-living, #section-1 .pricebox-bedroom {
    background-size: contain !important; }
  #section-1 .pricebox-living {
    background-color: white;
    padding: 160px 20px 30px;
    height: 100%;
    -webkit-box-shadow: 0 0 12px 0 rgba(56, 56, 56, 0.8);
    box-shadow: 0 0 12px 0 rgba(56, 56, 56, 0.8);
    transition: all 0.3s ease;
    background: white url(../images/thumb-living.jpg) center top no-repeat; }
    #section-1 .pricebox-living h6, #section-1 .pricebox-living h7 {
      line-height: 1;
      letter-spacing: normal; }
    #section-1 .pricebox-living h6 {
      font-family: "EngraversGothicW01-Bold", sans-serif;
      font-size: 1.75rem;
      text-transform: uppercase;
      margin: 0 0 1.125rem 0;
      color: #2e4f39; }
      #section-1 .pricebox-living h6:after {
        content: ' ';
        display: block;
        border-top: 1px solid #2e4f39;
        width: 60px;
        margin: 10px 0 0 0; }
    #section-1 .pricebox-living h7 {
      font-family: "EngraversGothicW01-Bold", sans-serif;
      font-size: 1.875rem;
      margin-top: 0 !important;
      color: #262626; }
    #section-1 .pricebox-living:hover {
      margin-top: -2px;
      -webkit-box-shadow: 0 8px 20px 0 rgba(56, 56, 56, 0.5);
      box-shadow: 0 8px 20px 0 rgba(56, 56, 56, 0.5); }
    @media screen and (max-width: 1024px) {
      #section-1 .pricebox-living {
        padding: 140px 20px 30px; }
        #section-1 .pricebox-living h6 {
          font-size: 1.375rem; }
          #section-1 .pricebox-living h6:after {
            content: ' ';
            display: block;
            border-top: 1px solid #2e4f39;
            width: 60px;
            margin: 10px 0 0 0; }
        #section-1 .pricebox-living h7 {
          font-size: 1.675rem; } }
    @media screen and (max-width: 992px) {
      #section-1 .pricebox-living {
        margin: 30px 0 0 0;
        padding: 190px 20px 0px; }
        #section-1 .pricebox-living h6 {
          font-size: 1.875rem;
          margin: 0 0 1.125rem 0; }
          #section-1 .pricebox-living h6:after {
            content: ' ';
            display: block;
            border-top: 1px solid #8b8d82;
            width: 60px;
            margin: 10px auto 0 0; }
        #section-1 .pricebox-living h7 {
          font-size: 1.75rem;
          margin-top: 0 !important; } }
    @media screen and (max-width: 767px) {
      #section-1 .pricebox-living {
        margin: 30px 0 0 0;
        padding: 180px 20px 20px;
        height: auto; }
        #section-1 .pricebox-living h6 {
          font-size: 1.75rem;
          margin: 0 0 1.125rem 0; }
        #section-1 .pricebox-living h7 {
          font-size: 1.5rem;
          margin-top: 0 !important; } }
    @media screen and (max-width: 992px) {
      #section-1 .pricebox-living {
        background: white url(../images/thumb-living-tablet-portrait.jpg) center top no-repeat;
        margin-bottom: 20px; } }
  #section-1 .pricebox-bedroom {
    background-color: white;
    padding: 160px 20px 30px;
    height: 100%;
    -webkit-box-shadow: 0 0 12px 0 rgba(56, 56, 56, 0.8);
    box-shadow: 0 0 12px 0 rgba(56, 56, 56, 0.8);
    transition: all 0.3s ease;
    background: white url(../images/thumb-bed.jpg) center top no-repeat; }
    #section-1 .pricebox-bedroom h6, #section-1 .pricebox-bedroom h7 {
      line-height: 1;
      letter-spacing: normal; }
    #section-1 .pricebox-bedroom h6 {
      font-family: "EngraversGothicW01-Bold", sans-serif;
      font-size: 1.75rem;
      text-transform: uppercase;
      margin: 0 0 1.125rem 0;
      color: #2e4f39; }
      #section-1 .pricebox-bedroom h6:after {
        content: ' ';
        display: block;
        border-top: 1px solid #2e4f39;
        width: 60px;
        margin: 10px 0 0 0; }
    #section-1 .pricebox-bedroom h7 {
      font-family: "EngraversGothicW01-Bold", sans-serif;
      font-size: 1.875rem;
      margin-top: 0 !important;
      color: #262626; }
    #section-1 .pricebox-bedroom:hover {
      margin-top: -2px;
      -webkit-box-shadow: 0 8px 20px 0 rgba(56, 56, 56, 0.5);
      box-shadow: 0 8px 20px 0 rgba(56, 56, 56, 0.5); }
    @media screen and (max-width: 1024px) {
      #section-1 .pricebox-bedroom {
        padding: 140px 20px 30px; }
        #section-1 .pricebox-bedroom h6 {
          font-size: 1.375rem; }
          #section-1 .pricebox-bedroom h6:after {
            content: ' ';
            display: block;
            border-top: 1px solid #2e4f39;
            width: 60px;
            margin: 10px 0 0 0; }
        #section-1 .pricebox-bedroom h7 {
          font-size: 1.675rem; } }
    @media screen and (max-width: 992px) {
      #section-1 .pricebox-bedroom {
        margin: 30px 0 0 0;
        padding: 190px 20px 0px; }
        #section-1 .pricebox-bedroom h6 {
          font-size: 1.875rem;
          margin: 0 0 1.125rem 0; }
          #section-1 .pricebox-bedroom h6:after {
            content: ' ';
            display: block;
            border-top: 1px solid #8b8d82;
            width: 60px;
            margin: 10px auto 0 0; }
        #section-1 .pricebox-bedroom h7 {
          font-size: 1.75rem;
          margin-top: 0 !important; } }
    @media screen and (max-width: 767px) {
      #section-1 .pricebox-bedroom {
        margin: 30px 0 0 0;
        padding: 180px 20px 20px;
        height: auto; }
        #section-1 .pricebox-bedroom h6 {
          font-size: 1.75rem;
          margin: 0 0 1.125rem 0; }
        #section-1 .pricebox-bedroom h7 {
          font-size: 1.5rem;
          margin-top: 0 !important; } }
    @media screen and (max-width: 992px) {
      #section-1 .pricebox-bedroom {
        background: white url(../images/thumb-bed-tablet-portrait.jpg) center top no-repeat;
        margin-bottom: 20px; } }
  @media screen and (max-width: 1024px) {
    #section-1 {
      background-position-y: -150px;
      background-size: 100% 700px; }
      #section-1 h5 {
        margin: 0 0 1rem; } }
  @media screen and (max-width: 992px) {
    #section-1 {
      background-position-y: -160px;
      background-size: 120% 700px;
      padding: 40px 0 100px; }
      #section-1 h5 {
        text-align: center; }
      #section-1 p {
        margin: 0 0 2rem;
        line-height: auto;
        font-size: 1.5rem;
        text-align: center; } }
    @media screen and (max-width: 992px) and (max-width: 1024px) {
      #section-1 p {
        font-size: 1.25rem; } }
    @media screen and (max-width: 992px) and (max-width: 992px) {
      #section-1 p {
        font-size: 1.125rem;
        line-height: 1.75rem; } }
  @media screen and (max-width: 992px) {
      #section-1 .button {
        margin: 4rem 0 0; } }
  @media screen and (max-width: 767px) {
    #section-1 {
      background-position-y: -260px;
      background-size: 140% 700px;
      padding: 20px 0; }
      #section-1 .button {
        margin: 2rem 0 0; }
      #section-1 .two-bed {
        margin-bottom: 20px; } }

/* Section 2 
 ================================================== */
#section-2 {
  padding: 60px 0;
  color: black;
  background: #8b8d82; }
  #section-2 h9 {
    font-family: "FreightText W01 Book", serif;
    margin: 1.25rem 0 3.5rem;
    font-size: 2.5rem;
    display: block;
    padding: 0 0 0 0;
    line-height: 1.2;
    color: black;
    text-transform: none;
    margin-bottom: 0; }
    @media screen and (max-width: 1024px) {
      #section-2 h9 {
        font-size: 2.25rem; } }
    @media screen and (max-width: 992px) {
      #section-2 h9 {
        font-size: 2rem;
        margin: 0rem 0 2rem; } }
    @media screen and (max-width: 767px) {
      #section-2 h9 {
        font-size: 1.5rem; } }
  #section-2 p {
    margin: 0 0 2rem;
    line-height: auto;
    font-size: 1.5rem; }
    @media screen and (max-width: 1024px) {
      #section-2 p {
        font-size: 1.25rem; } }
    @media screen and (max-width: 992px) {
      #section-2 p {
        font-size: 1.125rem;
        line-height: 1.75rem; } }
  #section-2 ul {
    font-family: "FreightText W01 Bold", serif;
    font-size: 1rem;
    margin: 0 1.75rem 0 1.75rem; }
    #section-2 ul li {
      margin: 0 0 0.5rem; }
  #section-2 .line {
    margin: 50px auto;
    height: 1px;
    width: 86px;
    background-color: #2e4f39; }
  #section-2 .button {
    width: 100%;
    border: 2px solid black;
    background: black;
    font-size: 0.875rem;
    margin: 30px 0;
    color: #fff;
    padding: 20px;
    text-transform: uppercase;
    transition: all 0.6s ease;
    font-family: "FreightText W01 Bold", serif; }
    #section-2 .button:hover {
      background: #383838;
      border: 2px solid #383838; }
  @media screen and (max-width: 992px) {
    #section-2 {
      padding: 40px 0 0px; } }
  @media screen and (max-width: 767px) {
    #section-2 {
      padding: 20px 0 0px; }
      #section-2 h9 {
        padding: 0 0 0; }
      #section-2 ul li {
        font-size: 0.875rem; } }

/* Carousel  
 ================================================== */
#carousel {
  padding: 40px 0 30px;
  background: #8b8d82; }
  #carousel .slick-slide img {
    display: block;
    padding: 0 10px; }
  #carousel .slick-dots {
    background: #8b8d82;
    padding: 20px; }
  #carousel .slick-dots li button:before {
    color: white; }
  @media screen and (max-width: 1200px) {
    #carousel .landscape {
      width: 1600px;
      height: 1000px; }
    #carousel .portrait {
      width: 1000px;
      height: 1000px; } }
  @media screen and (max-width: 1024px) {
    #carousel .landscape {
      width: 1024px;
      height: 640px; }
    #carousel .portrait {
      width: 640px;
      height: 640px; } }
  @media screen and (max-width: 992px) {
    #carousel .landscape {
      width: 768px;
      height: 480px; }
    #carousel .portrait {
      width: 480px;
      height: 480px; } }
  @media screen and (max-width: 767px) {
    #carousel {
      padding: 18px 0 18px; }
      #carousel .landscape {
        width: 360px;
        height: 180px; }
      #carousel .portrait {
        width: 180px;
        height: 180px; }
      #carousel .slick-slide img {
        padding: 0 5px; } }

/* Section 2 
 ================================================== */
#section-3 {
  padding: 60px 0;
  text-align: center;
  background-position-y: 3.75rem;
  color: #2e4f39; }
  #section-3 h9 {
    font-family: "FreightText W01 Book", serif;
    margin: 1.25rem 0 3.5rem;
    font-size: 2.5rem;
    display: block;
    padding: 0 0 0 0;
    line-height: 1.2;
    text-transform: none; }
    @media screen and (max-width: 1024px) {
      #section-3 h9 {
        font-size: 2.25rem; } }
    @media screen and (max-width: 992px) {
      #section-3 h9 {
        font-size: 2rem;
        margin: 0rem 0 2rem; } }
    @media screen and (max-width: 767px) {
      #section-3 h9 {
        font-size: 1.5rem; } }
  #section-3 p {
    margin: 0 0 2rem;
    line-height: auto;
    font-size: 1.5rem; }
    @media screen and (max-width: 1024px) {
      #section-3 p {
        font-size: 1.25rem; } }
    @media screen and (max-width: 992px) {
      #section-3 p {
        font-size: 1.125rem;
        line-height: 1.75rem; } }
  #section-3 h10 {
    font-family: "FreightText W01 Bold", serif;
    font-size: 1.25rem;
    margin: 0 0 2rem;
    line-height: 1.2; }
  #section-3 ul {
    font-family: "FreightText W01 Book", serif;
    font-size: 1.5rem;
    color: black; }
    #section-3 ul li {
      list-style-type: none;
      margin: 0 0 1rem;
      padding: 0 0 1rem;
      background: url(../images/li-border.svg) center bottom no-repeat !important;
      background-size: 100px 1px !important; }
  #section-3 .button {
    width: 100%;
    border: 2px solid black;
    background: black;
    font-size: 0.875rem;
    margin: 30px 0;
    color: #fff;
    padding: 20px;
    text-transform: uppercase;
    transition: all 0.6s ease;
    font-family: "FreightText W01 Bold", serif; }
    #section-3 .button:hover {
      background: #383838;
      border: 2px solid #383838; }
  @media screen and (max-width: 992px) {
    #section-3 {
      padding: 40px 0 40px; } }
  @media screen and (max-width: 767px) {
    #section-3 {
      padding: 20px 0;
      background-position-y: 2.75rem; }
      #section-3 h9 {
        padding: 0 0 0; }
      #section-3 p {
        text-align: left; }
      #section-3 h10 {
        font-size: 1rem; }
      #section-3 ul {
        font-size: 1.125rem; } }

/* Downsizer Guide
 ================================================== */
#downsizer-guide {
  padding: 30px 0;
  background: #2e4f39;
  color: white; }
  #downsizer-guide p {
    font-family: "FreightText W01 Book", serif;
    font-size: 2.5rem;
    margin: 0 0;
    line-height: 1.2; }
  #downsizer-guide .stamp-duty {
    font-size: 1.5rem;
    line-height: 1.2; }
  #downsizer-guide .button {
    width: 100%;
    border: 2px solid black;
    background: black;
    font-size: 0.875rem;
    margin: 30px 0;
    color: #fff;
    padding: 20px;
    text-transform: uppercase;
    transition: all 0.6s ease;
    font-family: "FreightText W01 Bold", serif;
    margin: 12px 0;
    background: white;
    color: #383838;
    border: 2px solid white; }
    #downsizer-guide .button:hover {
      background: #383838;
      border: 2px solid #383838; }
    #downsizer-guide .button:hover {
      color: white; }
  @media screen and (max-width: 1024px) {
    #downsizer-guide {
      padding: 30px 0 40px; } }
  @media screen and (max-width: 992px) {
    #downsizer-guide {
      padding: 30px 0 40px; }
      #downsizer-guide p {
        font-size: 2rem;
        line-height: 1.2; }
      #downsizer-guide .stamp-duty {
        font-size: 1.25rem; } }
  @media screen and (max-width: 992px) {
    #downsizer-guide {
      padding: 20px 0 30px;
      text-align: center; }
      #downsizer-guide p {
        font-size: 1.5rem;
        margin: 0 0 0.75rem; }
      #downsizer-guide .stamp-duty {
        font-size: 1.125rem; } }

/* Google Map
 ================================================== */
#google-map {
  width: 100%;
  height: 600px;
  /*
  	 border-top: 1rem solid rgba($darkgrey, 0.6);
  	 border-bottom: 1rem solid rgba($darkgrey, 0.6);
  */ }
  @media screen and (max-width: 1024px) {
    #google-map {
      height: 500px; } }
  @media screen and (max-width: 992px) {
    #google-map {
      height: 450px; } }
  @media screen and (max-width: 767px) {
    #google-map {
      height: 350px; } }

/* Section 3 
 ================================================== */
#section-4 {
  padding: 60px 0 20px;
  color: #2e4f39; }
  #section-4 h11 {
    font-family: "FreightText W01 Book", serif;
    margin: 1.25rem 0 3.5rem;
    font-size: 2.5rem;
    display: block;
    padding: 0 0 0 0;
    line-height: 1.2; }
    @media screen and (max-width: 1024px) {
      #section-4 h11 {
        font-size: 2.25rem; } }
    @media screen and (max-width: 992px) {
      #section-4 h11 {
        font-size: 2rem;
        margin: 0rem 0 2rem; } }
    @media screen and (max-width: 767px) {
      #section-4 h11 {
        font-size: 1.5rem; } }
  #section-4 p {
    margin: 0 0 2rem;
    line-height: auto;
    font-size: 1.5rem;
    color: black; }
    @media screen and (max-width: 1024px) {
      #section-4 p {
        font-size: 1.25rem; } }
    @media screen and (max-width: 992px) {
      #section-4 p {
        font-size: 1.125rem;
        line-height: 1.75rem; } }
  #section-4 .button {
    width: 100%;
    border: 2px solid black;
    background: black;
    font-size: 0.875rem;
    margin: 30px 0;
    color: #fff;
    padding: 20px;
    text-transform: uppercase;
    transition: all 0.6s ease;
    font-family: "FreightText W01 Bold", serif; }
    #section-4 .button:hover {
      background: #383838;
      border: 2px solid #383838; }
  #section-4 .disclaimer {
    font-size: 0.875rem; }
  @media screen and (max-width: 1024px) {
    #section-4 {
      padding: 40px 0 0px; }
      #section-4 .button {
        margin: 20px 0 24px; } }
  @media screen and (max-width: 992px) {
    #section-4 {
      padding: 40px 0 0px; }
      #section-4 .button {
        margin: 20px 0; } }
  @media screen and (max-width: 767px) {
    #section-4 {
      padding: 20px 0; }
      #section-4 h11 {
        padding: 0 0 0;
        margin: 0 0 1rem; }
      #section-4 p {
        margin: 0 0 0 0; }
      #section-4 .selling-fast {
        font-size: 1.25rem; } }

/* Footer Section Styles
 ================================================== */
#footer {
  padding: 30px 0;
  background: #2e4f39; }
  #footer #citiplan-logo, #footer #jcb-logo, #footer #eckersley-logo {
    display: inline-block;
    transition: all 0.6s ease;
    margin: 0 18px;
    background-size: contain !important; }
    #footer #citiplan-logo:hover, #footer #jcb-logo:hover, #footer #eckersley-logo:hover {
      opacity: 0.6; }
  #footer #citiplan-logo {
    background: url(../images/citiplan.svg) center center no-repeat;
    width: 152px;
    height: 15px;
    position: relative;
    z-index: 100; }
  #footer #jcb-logo {
    background: url(../images/jcba-white.svg) center center no-repeat;
    width: 66px;
    height: 33px;
    position: relative;
    z-index: 100; }
  #footer #eckersley-logo {
    background: url(../images/eckersley-white.svg) center center no-repeat;
    width: 90px;
    height: 33px;
    position: relative;
    z-index: 100; }
  @media screen and (max-width: 1024px) {
    #footer #citiplan-logo, #footer #jcb-logo, #footer #eckersley-logo {
      margin: 0 13px; } }
  @media screen and (max-width: 992px) {
    #footer #citiplan-logo, #footer #jcb-logo, #footer #eckersley-logo {
      margin: 0 13px; } }
  @media screen and (max-width: 767px) {
    #footer {
      padding: 20px 0; }
      #footer #citiplan-logo, #footer #jcb-logo, #footer #eckersley-logo {
        margin: 0 11px; }
      #footer #citiplan-logo {
        height: 13px;
        width: 136px; }
      #footer #jcb-logo {
        height: 30px;
        width: 59px; }
      #footer #eckersley-logo {
        height: 30px;
        width: 81px; } }

.logo-link {
  position: relative; }

.logo-link a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none;
  z-index: 10;
  background-color: #FFF;
  opacity: 0;
  filter: alpha(opacity=1); }

/* form stuff */
#formcontent {
  background: white;
  background-size: 90% 40px;
  background-position-y: 25px;
  width: 100%;
  padding: 25px 0;
  margin: 0;
  z-index: 100;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
  transition: all 0.6s ease; }
  #formcontent h2, #formcontent #formcontent #thankyou1 h2, #formcontent #formcontent #sorry1 h2 {
    font-family: "FreightText W01 Book", serif;
    font-size: 2.75rem;
    color: #2e4f39;
    margin: 0px;
    padding: 0 0 0 0;
    text-align: center; }
  #formcontent .further-info {
    font-size: 1.125rem;
    padding: 0.75rem 0 0 0;
    font-family: "Freight Text W01 Semibold", serif; }
  @media screen and (max-width: 1024px) {
    #formcontent {
      padding: 15px 0; }
      #formcontent h2, #formcontent #formcontent #thankyou1 h2, #formcontent #formcontent #sorry1 h2 {
        font-size: 2.5rem; }
      #formcontent .further-info {
        font-size: 1rem;
        padding: 0.75rem 0 0 0; } }
  @media screen and (max-width: 992px) {
    #formcontent {
      padding: 10px 0; }
      #formcontent h2, #formcontent #formcontent #thankyou1 h2, #formcontent #formcontent #sorry1 h2 {
        font-size: 2rem; }
      #formcontent .further-info {
        font-size: 0.875rem;
        padding: 0.5rem 0 0 0rem; } }
  @media screen and (max-width: 767px) {
    #formcontent {
      width: 90%;
      margin: 12px auto 0;
      padding: 15px 10px 15px; }
      #formcontent h2, #formcontent #formcontent #thankyou1 h2, #formcontent #formcontent #sorry1 h2 {
        font-size: 2.25rem; }
      #formcontent .further-info {
        padding: 0.5rem 1rem 0 1rem; } }

.beige-border {
  border: 10px solid rgba(139, 141, 130, 0.3); }

.white-border {
  border: 10px solid rgba(255, 255, 255, 0.8); }

.clearfix {
  *zoom: 1; }

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0; }

.clearfix:after {
  clear: both; }

label {
  width: auto; }

#thankyou1, #sorry1 {
  display: none; }

#jpform {
  height: 295px; }

/* infield label */
form, fieldset {
  padding: 0;
  margin: 0;
  border: none; }

fieldset {
  padding: 15px 30px 0; }
  @media screen and (max-width: 1024px) {
    fieldset {
      padding: 5px 20px 0; } }
  @media screen and (max-width: 992px) {
    fieldset {
      padding: 0 20px 0; } }

input, label, a.selectbox-link span.selectbox-link-text {
  font-size: 1rem !important;
  color: #383838 !important;
  font-family: "Freight Text W01 Semibold", serif; }
  @media screen and (max-width: 1024px) {
    input, label, a.selectbox-link span.selectbox-link-text {
      font-size: 0.875rem !important; } }

input {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 100%;
  height: 47px;
  border: none;
  border-bottom: 1px solid rgba(46, 79, 57, 0.6);
  margin: 0px 0 15px 0px;
  padding: 10px 0 0 15px;
  background: transparent;
  box-shadow: none;
  transition: none;
  text-align: left;
  transition: all 0.6s ease; }
  input:hover {
    border-bottom: 1px solid #2e4f39; }
  @media screen and (max-width: 992px) {
    input {
      height: 40px;
      margin: 5px 0px;
      padding: 3px 0 0 8px; } }

input:focus, textarea:focus {
  border-color: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

a.selectbox-link {
  width: 100%;
  height: 47px;
  border: 2px solid white !important;
  margin: 5px 0 0px 0;
  background-color: transparent !important;
  background-image: none !important;
  position: relative;
  z-index: 10;
  border-radius: 0;
  padding: 9px 0 0 13px;
  text-align: left; }

a.selectbox-link span.selectbox-link-icon,
span.selectbox-disabled span.selectbox-link-icon {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: transparent;
  background-image: #000;
  border-left: 0 solid #A8873E;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px; }

a.selectbox-link span.selectbox-link-icon span,
span.selectbox-disabled span.selectbox-link-icon span {
  background: url(../images/custom-dropdown.png) no-repeat -31px -37px;
  display: block;
  width: 100%;
  height: 100%; }

input.hiddenfield {
  width: 1px;
  height: 1px;
  border: 0px;
  float: right;
  position: relative;
  z-index: 1;
  left: -40px;
  background: none; }

input#Select_Something {
  left: -210px; }

form p {
  position: relative;
  margin: 1px 0 !important; }

form p label {
  position: absolute;
  top: 13px;
  left: 15px; }
  @media screen and (max-width: 992px) {
    form p label {
      top: 11px;
      left: 8px; } }

form p br {
  display: none; }

form fieldset p label {
  width: 100%;
  display: block;
  font-size: 16px;
  text-align: left; }

label.infield {
  margin: 5px 0 0 0;
  color: grey; }

label.error {
  margin: 6px 0 0 0;
  padding: 0 0 0 4px;
  background-color: white; }

.button-link {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 100%;
  text-align: left;
  height: 70px;
  margin: 20px 0 0 0;
  padding: 0 0 0 20px;
  background: #2e4f39;
  border: 0 solid #2e4f39;
  cursor: pointer;
  transition: all 0.6s ease;
  letter-spacing: 0.2rem;
  font-family: "FreightText W01 Book", serif; }
  .button-link:hover {
    background: #383838; }
  @media screen and (max-width: 992px) {
    .button-link {
      height: 60px; } }

.button-link span.msg, .button-link span#msg {
  text-align: left;
  font-size: 1.5rem;
  color: white; }
  @media screen and (max-width: 992px) {
    .button-link span.msg, .button-link span#msg {
      font-size: 1.25rem; } }

#loadingbtn, #thankyou {
  display: none; }

/* Privacy Policy */
.privacy-policy, p.privacy-policy, a.policy-link, a:hover.policy-link, #privacy-policy {
  color: #6d6e71;
  text-align: left; }

.privacy-policy {
  font-size: 10px;
  text-align: center; }

p.privacy-policy {
  font-size: 10px;
  margin: 20px 30px 15px 30px;
  line-height: 12px;
  background: url(../images/lock.png) top left no-repeat;
  padding-left: 15px; }
  @media screen and (max-width: 1024px) {
    p.privacy-policy {
      margin: 20px 30px 15px 20px; } }

p.privacy-policy img {
  margin-right: 10px;
  text-align: left; }

a.policy-link {
  text-decoration: underline;
  color: #6d6e71f; }

a:hover.policy-link {
  text-decoration: none;
  color: #6d6e71; }

#privacy-policy {
  display: none;
  font-size: 9px;
  width: 90%;
  margin: 0 5% 20px; }