/*--WEBFONTS--*/
@font-face {
  font-family: 'Avenir Medium Oblique';
  src: url('AvenirLTStd-MediumOblique.woff2') format('woff2'), url('AvenirLTStd-MediumOblique.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Avenir Roman';
  src: url('AvenirLTStd-Roman.woff2') format('woff2'), url('AvenirLTStd-Roman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir Light';
  src: url('AvenirLTStd-Light.woff2') format('woff2'), url('AvenirLTStd-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir Light Oblique';
  src: url('../webfonts/AvenirLTStd-LightOblique.woff2') format('woff2'), url('../webfonts/AvenirLTStd-LightOblique.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Avenir Oblique';
  src: url('../webfonts/AvenirLTStd-Oblique.woff2') format('woff2'), url('../webfonts/AvenirLTStd-Oblique.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Avenir Book Oblique';
  src: url('../webfonts/AvenirLTStd-BookOblique.woff2') format('woff2'), url('../webfonts/AvenirLTStd-BookOblique.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Avenir Book';
  src: url('../webfonts/AvenirLTStd-Book.woff2') format('woff2'), url('../webfonts/AvenirLTStd-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir Medium';
  src: url('../webfonts/AvenirLTStd-Medium.woff2') format('woff2'), url('../webfonts/AvenirLTStd-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

.alert, .brand, .btn-simple, .h1, .h2, .h3, .h4, .h5, .h6, .navbar, .td-name, a, body, button.close, h1, h2, h3, h4, h5, h6, p, td {
  font-family: Avenir,sans-serif !important;
}

.p {
  font-family: Avenir Medium,sans-serif !important;
}

.card-img-top {
  width: 100%;
  height: -webkit-fill-available;
  object-fit: cover;
}

.rl-footer {
    background-color: transparent;
    line-height: 30px;
    border-top: 0px solid #ebecec!important;
    font-size: 13px;
    padding: 20px 20px 5px 20px;
}

.single-line-row {
  clear: both !important;
  display: inline-block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.main-panel {
  /* width: calc(100% - 320px); */
}

.sidebar .nav-collapse li a .sub-item:before, .sidebar[data-background-color=white] .nav-collapse li a .sub-item:before{
  background: #fff;
}

.sidebar, .sidebar[data-background-color=white] {
  /* width: 310px !important; */
}

.sub-nav-padding {
  padding-left: 15px !important;
}

.load-more {
  display: flex;
  align-items: center;
  padding: 15px;
}

.logo-header[data-background-color=blue] {
  background: #4E82C2!important;
}

.navbar-header[data-background-color=blue2] {
  background: #4E82C2!important;
}

.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a {
  background: #4E82C2!important;
}

.btn-rl-primary {
  background: #4E82C2 !important;
  color: #fff;
}

.btn-rl-secondary {
  background: #cd4c98 !important;
  color: #fff;
}

.amenity-btn-rl-secondary {
  background: #cd4c98 !important;
  color: #fff;
  font-size: 13px;
}

.text-rl-primary {
  color: #4E82C2;
}

.selector-for-some-widget {
  box-sizing: content-box;
}

.text-rl-secondary {
  color: #cd4c98;
}

.chip {
  display: inline-block;
  padding: 0 20px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  border-radius: 25px;
  background-color: #c4deff;
}

.chip:hover {
  background-color: #a3cbff;
}
.closebtn {
  padding-left: 10px;
  color: #888;
  font-weight: bold;
  float: right;
  font-size: 20px;
  cursor: pointer;
}

.closebtn:hover {
  color: #000;
}

.footerdiv {
  line-height: 22px !important;
}

.breadcrumbs-new {
  list-style: none;
  display: inline;
  border-left: 0px solid #efefef;
  margin-left: 0px;
  padding-left: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.nav-item {
  padding-right: 10px;
}

.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    margin-bottom: 0px;
}

.card .card-body {
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 0px;
}

.card-circle {
  border-radius: 15px 0px 0px 15px  !important;
}

.card-circle-right {
  border-radius: 0px 0px 0px 0px  !important;
}

.card-video-left {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  border-radius: 0px 15px 15px 0px  !important;
  transition: 0.3s;
  margin-bottom: 0px;
}

.rlprimary-color {
  color: rgb(7, 76, 160) !important;
}

.rlsecondary-color {
  color: #cd4c98 !important;
}

.rl-text-color {
  color: rgb(63, 59, 59) !important;
}

.card .card-body .apartment-name div h5 a {
  color: rgb(63, 59, 59) !important;
  /* font-weight: bold; */
  /* font-style: oblique; */
}

.card .card-body .apartment-name div a{
  color: rgb(63, 59, 59) !important;
}

.card .card-body .price-bed-bath .apartment-price h5 a {
  color: rgb(63, 59, 59) !important;
}

.amenities-margin .badge {
  font-size: 80% !important;
  font-weight: 900 !important;
  font-family: avenir medium  !important;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.agent-name {
  font-size: 11px;
}

.listing {
  padding: 0px 0px 30px 0px;
}


.listingrid {
    display: grid;
    /* grid-template-columns: repeat(2, 1fr); */
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    /* grid-gap:0px 30px; */
  }

  .listingrid-new {
    display: grid;
    /* grid-template-columns: repeat(2, 1fr); */
    grid-gap:30px;
  }

  .rcorners-image {
    border-radius: 0px 15px 15px 0px  !important;
    width: inherit;
    height: 100%;
  }
  .rcorners-image-left {
    width: inherit;
    height: auto;
    /* object-fit: fill; */
  }

  .error-message {
    color: red;
    display: none;
  }

  .not-foundImage {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

  .bed i {
    background: url(../images/bed-icon.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 19px;
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
  }
  .bath i {
    background: url(../images/bath-icon.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 19px;
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
  }

  .petfriendly i {
    background: url(../images/pet-black@3x.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 25px;
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
  }

  .bedbath-padding {
    padding: 0px 0px 0px 10px;
  }

  .amenities-padding {
    padding: 0px;
  }

  .amenities-height {
    overflow-y: scroll;
    height: 48px !important;
  }

  .avatar-sm {
    width: 3.5rem !important;
    height: 3.5rem !important;
}

.selectgroup-item {
  margin-bottom: 10px;
}

.selectgroup , .electgroup-pills {
  margin-left: 10px;
}

.showFirst {
  order: 1;
}

.hideListing {
  display: none !important;
}

.showListings{
  display: block !important;
}

.showLast {
  order: 2;
}

.nav-bar-rl-logo {
  height: 40px;
}

.animated {
  animation: duration 0ms;
  -webkit-animation: 0ms;
}

.navbar-nav .dropdown-menu {
  background: #eaeaea;
}

.card-pricing .card-price .text {
  font-size: 28px;
  font-weight: 400;
  color: #6c757d!important;
}


  /* smartphone */

  @media (min-width: 320px) and (max-width: 370px) {
  
      

       .company-logo {
         display: none;
       }

       .agent-info-div{
         display: none;
       }
  }

  @media (min-width: 371px) and (max-width: 480px) {
  
    
  }

  
  /* desktop */
  @media (min-width: 1281px) {
    .bed i, .bath i {
        width: 25px;
        height:20px;
    }  

    .amenities-height {
      overflow-y: hidden;
      height: auto !important;
      padding-top: 35px;
    }

    .listing {
      padding: 0px 0px 30px 0px;
    }

    .main-panel-new {
      width: 100%;
      padding-left: 10%;
      padding-right: 10%;
    }
  }

  @media (min-width:0px) and (max-width: 481px){
    .amenities-height {
      height: auto;
    }

    .listingrid {
      display: grid;
      /* grid-template-columns: repeat(2, 1fr); */
      grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)) !important;
      /* grid-gap:0px 30px; */
    }
  }


  /* between mobile and desktop*/
  @media (min-width: 481px) and (max-width: 1280px){
    .rcorners-image {
        object-fit: none;
      }

      

      .rcorners-image-left {
        /* object-fit: fill; */
      }

      .main-panel-new {
        width: calc(100% - 40px);
      }
  }

  /* Ipad pro*/
  
  @media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

    .main-panel-new {
      width: calc(100% - 40px);
    }
    .rcorners-image {
        object-fit: none;
      }

      .rcorners-image-left {
        /* object-fit: fill; */
      }

      .bed i, .bath i {
        width: 20px;
        height:19px;
    } 

    .bedbath-padding {
      flex: 0 0 50%;
      max-width: 50%;
    }

    .amenities-height {
    }
}

@media only screen 
  and (min-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1.5)
  and (orientation: landscape) {
    .amenities-height {
      /* max-height: 40%; */
      overflow-y: scroll;
    }

    .main-panel-new {
      width: calc(100% - 40px);
    }

}


.footer-ele-height{
  overflow-y: overlay;
  height: 280px;
  margin-bottom: 4%;
}

.footer-ele-margin {
  padding-right: 3%;
  padding-left: %;
}