#sister_community_map {
  height: 45vh;
  min-height: 300px;
  width: 100%;
  margin: 0 auto;
  display: block;
}
.gm-style-iw,
.gm-style-iw p {
  color: black;
}
#sister_community_rents {
  max-width: 1500px;
  width: 99%;
  margin: 5px 0 0;
  background: #f0f0f0;
  text-align: center;
  color: #333;
}
#sister_community_rents h3 {
  width: 100%;
  background: #888;
  color: #fff;
  text-align: center;
}
#sister_community_rents label {
  color: #333;
  width: 100%;
  text-align: center;
  padding-bottom: 3px;
}
#sister_community_rents label select {
  display: inline-block;
}
.sister-communities {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  text-align: center;
}
.sister-communities li {
  display: inline-block;
  transition: all 0.3s ease 0s;
}
.sister:nth-child(odd) {
  background: #cfcfcf;
}
.sister {
  max-width: 350px;
  min-width: 280px;
  width: 49%;
  overflow: hidden;
  position: relative;
  background: #dfdfdf;
  margin: 7px;
  outline: 0px solid #6BB62F;
}
.sister:hover {
  outline: 3px solid #6BB62F;
  outline-offset: -3px;
  transition: all 0.3s ease 0s;
}
.sister > h4:after {
  content: " - Click here!";
  font-size: 11px;
  line-height: 0;
  opacity: 0;
  transition: opacity .3s ease 0s;
}
.sister:hover > h4:after {
  opacity: 1;
  transition: opacity .3s ease 0s;
}
.sister.active {
  background: #bfbfbf;
  outline: 3px solid #6BB62F;
  outline-offset: -3px;
  transition: all 0.3s ease 0s;
}
.sister-name {
  color: #333;
  width: 96%;
  cursor: pointer;
  text-align: left;
  padding: 8px 10px;
}
.sister-details {
  width: calc(100% - 40px);
}
.sister-details li {
  display: block;
}
.sister-communities ul {
  list-style-type: none;
  margin-left: 20px;
}
.sister-hero-shot {
  width: calc(100% - 32px);
  border: 6px solid #fff;
  border-radius: 2px;
  box-shadow: 1px 2px 1px #d1d1d1;
  max-width: 270px;
  margin: 0 auto;
}
.sister-distance {
  width: 100%;
  margin: 8px 0;
}
.sister-details .sister-distance {
  /* Specificity was required for display flex */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.sister-communities h5 {
  font-size: 15px;
  line-height: 17px;
  color: #444;
}
.sister-distance h5 {
  -ms-flex-order: 2;
      order: 2;
}
.sister-distance > a {
  -ms-flex-order: 1;
      order: 1;
  margin: 0;
}
.sister-link {
  text-align: left;
  width: 100%;
  margin: 5px 0;
}
.sister-link h5 {
  font-weight: bold;
  border-bottom: 2px solid;
  word-break: break-all;
}
.sister-address:before {
  content: '';
  bottom: auto;
  border-bottom: 10px solid #fff;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  left: auto;
  left: 12px;
  top: -9px;
  position: absolute;
}
.sister-address {
  margin-top: 17px;
  padding-top: 5px;
  box-shadow: 2px 7px 2px -2px #999;
}
.sister-address,
.sister-phone {
  background: #fff;
  width: 240px;
}
.sister-address h5,
.sister-phone h5 {
  text-align: center;
}
.sister-phone {
  margin-bottom: 8px;
  padding-bottom: 5px;
  box-shadow: 2px 3px 2px -2px #999;
}
.sister-availabilities {
  margin-bottom: 5px;
}
.sister-availabilities > h5 {
  font-weight: bold;
}