* {
  box-sizing: border-box;
}

.row {
  width: 100%;
}

.col {
  float: left;
  min-height: 138px;
  position: relative;
  background-size: cover;
}

@media (min-width: 768px) {
  .col {
    height: 178px;
  }
}

.col:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 6px solid white;
  pointer-events: none;
}

.col > a {
  display: block;
}

.col a:hover {
  text-decoration: none;
  text-shadow: 0 0 4px rgba(0, 0, 0, 1);
}

/* Small devices (landscape phones, 576px and up) */

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-12 {
  width: 100%;
}

/* Small and Mid devices only */
@media (max-width: 767px) {
  .col-xs-12:after {
    border-left: 0;
    border-right: 0;
  }
}

.col-height-double {
  height: auto;
}

@media (min-width: 576px) {
  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-12 {
    width: 100%;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-height-double {
    height: 356px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-12 {
    width: 100%;
  }
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33333333%;
}

.col-6 {
  width: 50%;
}

.col-8 {
  width: 66.66666667%;
}

.col-9 {
  width: 75%;
}

.col .row:first-child .col {
  margin-top: 0;
}

.col-bg {
  background: #000000;
  opacity: 0.5;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.col-bg:hover,
.col-copy:hover + .col-bg {
  opacity: 0.1;
}

.col-copy {
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  width: 100%;
  margin: 34px auto;
  padding: 0 1em;
  color: #ffffff;
}

.col-4.col-height-double .col-copy {
  margin: 10em auto;
}

.col-copy:hover {
  cursor: pointer;
}

.underline {
  border: 1px solid #cacaca;
  width: 60px;
  margin: 1.5em auto 3em;
}

.col-copy .underline {
  margin: 1em auto 1.5em;
  border-width: 2px;
}

.col-copy p {
  font-size: 16px;
  line-height: 24px;
}

.pl-section {
  margin: 0 0 20px 0;
}

.pl-section h1 {
  text-align: center;
  font-weight: 200;
  font-size: 22px;
  margin: 1.2em 0 0 0;
  color: #555555;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .pl-section h1 {
    font-size: 28px;
  }
}

.pl-section h2 {
  font-size: 24px;
}

.pl-section .col-copy h1,
.pl-section .col-copy h2 {
  color: #ffffff;
}

/* ============== NAV BAR ============== */
.main-nav li {
  margin: 0 4px 0 0;
}

#bhome #pl-main-nav a,
#blifestyle #pl-main-nav a {
  position: relative;
}

#bhome #pl-main-nav a:after,
#blifestyle #pl-main-nav a:after {
  display: block;
  position: absolute;
  left: 0;
  top: -2px;
  width: 100%;
  height: 3px;
  background-color: #408fcd;
  content: "";
  opacity: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

@media (max-width: 767px) {
  #bhome #pl-main-nav a:after {
    top: 100%;
  }
}

#bhome #pl-main-nav a:hover,
#blifestyle #pl-main-nav a:hover {
  text-decoration: none;
}

#bhome #pl-main-nav a:hover:after,
#blifestyle #pl-main-nav a:hover:after,
#bhome #pl-main-nav a.show:after,
#blifestyle #pl-main-nav a.show:after {
  opacity: 1;
}

#blifestyle .myaccount-nav-link {
  color: #fff;
}

/* ============== SUB-NAV BAR ============== */
#bhome #pl-sub-nav,
#blifestyle #pl-sub-nav {
  height: 16px;
  text-align: center;
  padding-top: 10px;
}

#bhome #pl-sub-nav ul.show,
#blifestyle #pl-sub-nav ul.show {
  display: inline-block;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 5px;
}

#bhome #pl-sub-nav a,
#blifestyle #pl-sub-nav a {
  position: relative;
  border: none;
  padding: 1px 1px 5px;
  display: inline-block;
}

#bhome #pl-sub-nav a:after,
#blifestyle #pl-sub-nav a:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 3px;
  background-color: #408fcd;
  content: "";
  opacity: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

#bhome #pl-sub-nav a:hover,
#blifestyle #pl-sub-nav a:hover {
  text-decoration: none;
}

#bhome #pl-sub-nav a:hover:after,
#blifestyle #pl-sub-nav a:hover:after,
#bhome #pl-sub-nav a.show:after,
#blifestyle #pl-sub-nav a.show:after {
  opacity: 1;
}

#bhome #pl-sub-nav li:first-child,
#blifestyle #pl-sub-nav li:first-child {
  padding-left: 0;
}

#bhome #pl-sub-nav li:last-child,
#blifestyle #pl-sub-nav li:last-child {
  padding-right: 0;
}

#bhome .main-nav li a:hover ~ .subnav,
#bhome .subnav:hover,
#blifestyle .main-nav li a:hover ~ .subnav,
#blifestyle .subnav:hover {
  display: block;
}

#bhome #pl-mn-advice .subnav,
#blifestyle #pl-mn-advice .subnav {
  text-align: right;
}

#bhome #pl-main-nav .subnav__list li a:after,
#blifestyle #pl-main-nav .subnav__list li a:after {
  top: 100%;
}

#bhome .subnav__list li a,
#blifestyle .subnav__list li a {
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
}

/* ============== STATUS ============== */
.srp .status-ribbon,
.featured_listings_wrap .status-ribbon {
  left: 0;
  top: 0;
}

.srp .status-ribbon span.status-text,
.featured_listings_wrap .status-ribbon span.status-text {
  margin: 0;
  padding: 0;
  color: transparent !important;
  width: 64px;
  height: 64px;
  background: none;
  background-image: url(/www/w/primelocation/static/images/icons/labels-e4db6b1b10.png);
  background-repeat: no-repeat;
  background-size: 1088px 80px;
}

/* HD screens */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .srp .status-ribbon span.status-text,
  .featured_listings_wrap .status-ribbon span.status-text {
    background-image: url(/www/w/primelocation/static/images/icons/labels_2x-48d7bc8beb.png);
  }
}

.status-text-rented {
  background-position: -271px -9px !important;
}
.status-text-sold {
  background-position: -586px -9px !important;
}
.status-text-rent-under-offer {
  background-position: -349px -9px !important;
}
.status-text-sale-under-offer {
  background-position: -665px -9px !important;
}
.status-text-new-home {
  background-position: -34px -9px !important;
}
.status-text-expired {
  background-position: -192px -9px !important;
}

.status-bg-featured {
  border: none;
}

.status-text-featured {
  background-position: -742px -9px !important;
}
.status-text-student {
  background-position: -821px -9px !important;
}
.status-text-investment {
  background-position: -910px -9px !important;
}
.status-text-business-for-sale {
  background-position: -985px -9px !important;
}

.srp .status-ribbon span:after,
.featured_listings_wrap .status-ribbon span:after {
  border-left: none;
  border-right: none;
}