/*------------------------------------*\ 
    #PAGES:HOME
\*------------------------------------*/
body {
  background-image: none;
  background-color: #f0f0f0;
}

/*
    .infinity-home extends .infinity in modules/frontend/_infinity.scss

    1.  .infinity-content is needed because certain elements inside
        .infinity-home need...
        a.  positioning relative to .infinity
*/
.infinity-home {
  background-image: url("/Images/infinity-home.jpg");
}
.infinity-home .infinity-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(transparent));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.35), transparent);
}
@media (min-width: 768px) {
  .infinity-home .infinity-overlay {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.35)), to(transparent));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), transparent);
  }
}
.infinity-home .infinity-content {
  /* [1] */
  position: absolute;
  /* [1a] */
  bottom: 0;
  /* [1a] */
  left: 0;
  width: 100%;
}
.infinity-home .infinity-text {
  text-shadow: 0 -1px 8px rgba(0, 0, 0, 0.06), 0 1px 1px rgba(0, 0, 0, 0.25), 1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 -1px 1px rgba(0, 0, 0, 0.1);
}
.infinity-home .infinity-text, .infinity-home .infinity-text p, .infinity-home .infinity-text li, .infinity-home .infinity-text h1, .infinity-home .infinity-text .h1, .infinity-home .infinity-text h2, .infinity-home .infinity-text .h2, .infinity-home .infinity-text h3, .infinity-home .infinity-text .h3, .infinity-home .infinity-text h4, .infinity-home .infinity-text .h4, .infinity-home .infinity-text h5, .infinity-home .infinity-text .h5, .infinity-home .infinity-text h6, .infinity-home .infinity-text .h6 {
  color: #fff;
}
@media (max-width: 767px) {
  .infinity-home .infinity-text h1, .infinity-home .infinity-text .h1 {
    font-size: 22px;
  }
  .infinity-home .infinity-text h2, .infinity-home .infinity-text .h2 {
    font-size: 18px;
  }
  .infinity-home .infinity-text h3, .infinity-home .infinity-text .h3 {
    font-size: 16px;
  }
  .infinity-home .infinity-text h4, .infinity-home .infinity-text .h4 {
    font-size: 13px;
  }
  .infinity-home .infinity-text h5, .infinity-home .infinity-text .h5 {
    font-size: 12px;
  }
  .infinity-home .infinity-text h6, .infinity-home .infinity-text .h6 {
    font-size: 10px;
  }
}
@media (min-width: 992px) {
  .infinity-home .infinity-text h1, .infinity-home .infinity-text .h1 {
    font-size: 58px;
  }
  .infinity-home .infinity-text h2, .infinity-home .infinity-text .h2 {
    font-size: 47px;
  }
  .infinity-home .infinity-text h3, .infinity-home .infinity-text .h3 {
    font-size: 43px;
  }
  .infinity-home .infinity-text h4, .infinity-home .infinity-text .h4 {
    font-size: 35px;
  }
  .infinity-home .infinity-text h5, .infinity-home .infinity-text .h5 {
    font-size: 31px;
  }
  .infinity-home .infinity-text h6, .infinity-home .infinity-text .h6 {
    font-size: 27px;
  }
}
.infinity-home .infinity-scrim {
  background-color: rgba(46, 46, 46, 0.5);
}

@media (min-width: 768px) {
  .search-main {
    margin-bottom: 20px;
    /*.search-pane*/
  }
  .search-main .search-pane-property {
    padding: 10px 10px 2px;
  }
}

/*
    .lag (listings at a glance)
*/
.lag {
  display: block;
  margin-bottom: 5px;
  border: 2px solid #f5cf47;
  text-transform: uppercase;
  background-color: #f5cf47;
  color: #090909;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.lag:before, .lag:after {
  content: " ";
  display: table;
}
.lag:after {
  clear: both;
}
.lag .lag-label {
  display: block;
  float: left;
  width: 66.6666666667%;
  padding: 10px 0 10px 10px;
  font-family: "PT Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #dfba47;
}
.lag .lag-label, .lag .lag-label small, .lag .lag-label .small {
  color: #090909;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.lag .lag-label small, .lag .lag-label .small {
  font-size: 10px;
}
.lag .lag-value {
  display: block;
  float: left;
  width: 33.3333333333%;
  padding-top: 10px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 27px;
  text-align: center;
}
@media (min-width: 768px) {
  .lag .lag-value {
    padding-top: 3px;
    font-size: 38px;
  }
}
.lag:hover, .lag:focus {
  background-color: #fbdd6f;
  color: #404040;
}
.lag:hover .lag-label, .lag:hover .lag-label small, .lag:hover .lag-label .small, .lag:focus .lag-label, .lag:focus .lag-label small, .lag:focus .lag-label .small {
  background-color: #f5cf47;
  color: black;
}

/*
    The CSS for homepage CTAs is kinda complex. We're using flexbox to make
    sure that 1) each CTA is the same height regardless of the height of their
    contents, 2) the contents of each CTA is bottom aligned, and 3) the
    contents of each CTA has the same amount of empty space above it for the
    sake of showing the pretty background image of each CTA without text over
    it. This ensures that CTAs--particularly those with another CTA next to
    them--appear as intended.

    1.  The container for all CTAs needs flexbox with align-items: stretch so
        each CTA is the same height, and each CTA needs flex-basis set to their
        desired width (the flex shorthand is used here to cover flex-grow,
        flex-shrink and flex-basis all at once).
    2.  Each CTA also needs flexbox so their contents can be stacked on top of
        each other and, more importantly, so that [3] can work as intended.
        This is done using:
        a.  flex-direction: column so items in each CTA stack on top of each
            other rather than side by side
        b.  align-items: stretch just so items in each CTA can fill the full
            width of the CTA
    3.  Each CTA has a pseudoelement that will act as an extra empty flex item
        inside the CTA. With JS, we can give this pseudoelement a certain
        flex-basis value so we can control the vertical space each CTA has for
        showcasing their background images. For example, we can make that
        vertical space vary depending on the window width and/or height. The
        flex value set here is just a fallback.
    4.  Unfortunately IE is a POS and makes using flexbox difficult. Applying
        margins, padding and borders to each .cta-home to achieve our desired
        spacing would be ideal, but because several versions of IE don't take
        box-sizing: border-box into consideration when calculating flex item
        dimensions, instead we have to:
        a.  Use an inner container inside each CTA to apply our desired
            margins, padding and borders
        b.  Use a spacer element to put in between CTAs to get the desired
            horizontal spacing between CTAs that are side-by-side
        c.  Ensure that the flex-basis of two side-by-side CTAs and a spacer
            ([4b]) all add up to 100%

    Here's (kinda) the intended layout for .ctas-home and related classes:

    <div class="ctas-home">
        <div class="cta-home cta-home-js cta-home1">
            <div class="cta-content">CTA on the left</div>
        </div>
        <div class="cta-home cta-home-js cta-home-spacer"></div>
        <div class="cta-home cta-home-js cta-home2">
            <div class="cta-content">CTA on the right</div>
        </div>
        <div class="cta-home cta-home-js cta-home3">
            <div class="cta-content">Full-width CTA</div>
        </div>
        ...
    </div>
*/
.ctas-home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* [1] */
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* [1] */
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* [1] */
  border-bottom: 4px solid #fff;
  background: #fff;
}
@media (min-width: 768px) {
  .ctas-home {
    border-bottom-width: 6px;
  }
}

.cta-home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* [2] */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  /* [2a] */
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* [2b] */
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  /* [1] */
  width: 100%;
  background-color: #2e2e2e;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.cta-home:after {
  display: block;
  content: "";
  -webkit-box-flex: 999;
  -webkit-flex: 999 999 150px;
  -ms-flex: 999 999 150px;
  flex: 999 999 150px;
  /* [3] */
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.25)), to(transparent));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.25), transparent);
  background-clip: padding-box;
  -webkit-transition: -webkit-box-flex 0.5s ease, -webkit-flex 0.5s ease;
  transition: -webkit-box-flex 0.5s ease, -webkit-flex 0.5s ease;
  transition: flex 0.5s ease;
  transition: flex 0.5s ease, -webkit-box-flex 0.5s ease, -webkit-flex 0.5s ease, -ms-flex 0.5s ease;
}
.cta-home .cta-content {
  /* [4a] */
  display: block;
  padding: 15px;
  /* [4a] */
  border-top: 4px solid #fff;
  /* [4a] */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), to(transparent));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), transparent);
  background-clip: padding-box;
  text-shadow: 0 -1px 8px rgba(0, 0, 0, 0.06), 0 1px 1px rgba(0, 0, 0, 0.25), 1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 -1px 1px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .cta-home .cta-content {
    padding-top: 30px;
    /* [4a] */
    padding-left: 30px;
    /* [4a] */
    padding-right: 30px;
    /* [4a] */
    border-top-width: 6px;
    /* [4a] */
  }
}
.cta-home .cta-content, .cta-home .cta-content a, .cta-home .cta-content p, .cta-home .cta-content li, .cta-home .cta-content h1, .cta-home .cta-content .h1, .cta-home .cta-content h2, .cta-home .cta-content .h2, .cta-home .cta-content h3, .cta-home .cta-content .h3, .cta-home .cta-content h4, .cta-home .cta-content .h4, .cta-home .cta-content h5, .cta-home .cta-content .h5, .cta-home .cta-content h6, .cta-home .cta-content .h6 {
  color: #fff;
}
@media (min-width: 768px) {
  .cta-home .cta-content h1, .cta-home .cta-content .h1 {
    font-size: 45px;
  }
  .cta-home .cta-content h2, .cta-home .cta-content .h2 {
    font-size: 36px;
  }
  .cta-home .cta-content h3, .cta-home .cta-content .h3 {
    font-size: 33px;
  }
  .cta-home .cta-content h4, .cta-home .cta-content .h4 {
    font-size: 27px;
  }
  .cta-home .cta-content h5, .cta-home .cta-content .h5 {
    font-size: 24px;
  }
  .cta-home .cta-content h6, .cta-home .cta-content .h6 {
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  .cta-home .cta-content h1, .cta-home .cta-content .h1 {
    font-size: 65px;
  }
  .cta-home .cta-content h2, .cta-home .cta-content .h2 {
    font-size: 52px;
  }
  .cta-home .cta-content h3, .cta-home .cta-content .h3 {
    font-size: 47px;
  }
  .cta-home .cta-content h4, .cta-home .cta-content .h4 {
    font-size: 39px;
  }
  .cta-home .cta-content h5, .cta-home .cta-content .h5 {
    font-size: 34px;
  }
  .cta-home .cta-content h6, .cta-home .cta-content .h6 {
    font-size: 30px;
  }
}

a.cta-home:hover, a.cta-home:focus {
  text-decoration: none;
}
a.cta-home:hover:after, a.cta-home:focus:after {
  background-image: none;
}
a.cta-home:hover .cta-content, a.cta-home:focus .cta-content {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.35)), to(transparent));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), transparent);
}

/*.cta-home*/
.cta-home-spacer {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 1%;
  -ms-flex: 0 1 1%;
  flex: 0 1 1%;
  /* [4b] */
  background-color: #fff;
}
@media (min-width: 992px) {
  .cta-home-spacer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 0.5%;
    -ms-flex: 0 1 0.5%;
    flex: 0 1 0.5%;
    /* [4b] */
  }
}
.cta-home-spacer:after {
  background: transparent;
}

@media (min-width: 768px) {
  .cta-home3, .cta-home2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 49.5%;
    -ms-flex: 0 1 49.5%;
    flex: 0 1 49.5%;
    /* [4c] */
  }
}
@media (min-width: 992px) {
  .cta-home3, .cta-home2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 49.75%;
    -ms-flex: 0 1 49.75%;
    flex: 0 1 49.75%;
    /* [4c] */
  }
}
.cta-home3:before, .cta-home2:before {
  display: block;
  content: "";
  border-top: 4px solid #fff;
  /* [4a] */
  -webkit-box-flex: 999;
  -webkit-flex: 999 999 75px;
  -ms-flex: 999 999 75px;
  flex: 999 999 75px;
  /* [3] */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(transparent));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), transparent);
  background-clip: padding-box;
  -webkit-transition: -webkit-box-flex 0.5s ease, -webkit-flex 0.5s ease;
  transition: -webkit-box-flex 0.5s ease, -webkit-flex 0.5s ease;
  transition: flex 0.5s ease;
  transition: flex 0.5s ease, -webkit-box-flex 0.5s ease, -webkit-flex 0.5s ease, -ms-flex 0.5s ease;
}
@media (min-width: 768px) {
  .cta-home3:before, .cta-home2:before {
    border-top-width: 6px;
  }
}
.cta-home3:after, .cta-home2:after {
  -webkit-box-flex: 999;
  -webkit-flex: 999 999 75px;
  -ms-flex: 999 999 75px;
  flex: 999 999 75px;
  /* [3] */
}
.cta-home3 .cta-content, .cta-home2 .cta-content {
  border-top: none;
  text-align: center;
  background-image: none;
}

a.cta-home3:hover:before, a.cta-home2:hover:before, a.cta-home3:hover:after, a.cta-home2:hover:after, a.cta-home3:focus:before, a.cta-home2:focus:before, a.cta-home3:focus:after, a.cta-home2:focus:after {
  background-image: none;
}
a.cta-home3:hover .cta-content, a.cta-home2:hover .cta-content, a.cta-home3:focus .cta-content, a.cta-home2:focus .cta-content {
  background-image: none;
}

/*.cta-home*/
/*.cta-home*/
.footer-main {
  margin-top: 0;
}
/*# sourceMappingURL=home.css.map */