.stock-grid > a:hover {
    text-decoration: none;
}

.stock-card {
  position: relative;
  border-radius: 5px;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
  padding: 0;
  display: flex;
  overflow: hidden;
  height: 324px;
  cursor: pointer;
  flex-direction: column;
}

.stock-card:hover {
  box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
}

.stock-card.phone {
  height: 329px;
}

.stock-card .card-content {
  display: flex;
  flex: 1;
}

.stock-thumbnail {
  position: relative;
  flex: 0 0 40%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.media-icons {
  display: flex;
}

.media-icons div {
  margin: 3px 6px 5px 0;
  height: 20px;
}

.media-icons div img {
  height: 100%;
}

.stock-card.is-s .media-icons div {
  margin: 0;
}

.is-soleagent {
  border-color: #B60000 transparent transparent transparent;
}

.info-container {
  position: relative;
  flex: 1;
}

.stock-info {
  padding: 5px 10px;
  height: 100%;
}

.stock-card .ics-tag {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  color: #ffffff;
  float: right;
}

.stock-card.is-i .ics-tag {
  background: #47337C;
}

.stock-card.is-c .ics-tag {
  background: #008CBA;
}

.stock-card.is-s .ics-tag {
  background: #DA4E00;
}

.stock-info-district {
  font-weight: bold;
  color: #BEBBAB;
  font-weight: 400;
  font-size: 1rem;
}

.stock-info-name {
  font-size: 1.4rem;
}

.stock-attic {
  float: right;
  height: 24px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  color: #ffffff;
  margin-right: 3px;
  background: #4e52e6;
  font-weight: normal;
}

.misc-info {
  padding: 0;
}

.note {
  border-radius: 5px;
  color: #ffffff;
  padding: 1px 6px;
  margin: 2px 0;
  display: inline-block;
  text-align: center;
}

.stock-card.phone .note {
  font-size: 0.9rem;
}

.is-with-ta {
  background-color: #E81CB1;
}

.office-deco {
  background-color: #0BB71E;
}

.price-info-container {
  font-size: 1.2rem;
  position: absolute;
  bottom: 26px;
  right: 10px;
}

.price-info {
  text-align: right;
  padding: 2px 0;
}

.price-info + .price-info {
  margin-top: 8px;
}

.ref-info {
  position: absolute;
  bottom: 8px;
  right: 10px;
  font-size: 0.70rem;
  color: #aaa;
  white-space: nowrap;
}

.is-s .price-info {
  margin-bottom: 0;
}


.price-info > span {
  border-radius: 5px;
  color: #ffffff;
  padding: 2px 6px;
}

.price-info .small-feet-price {
  font-size: 0.8rem;
}

.stock-card.phone .price-info {
  font-size: 1.1rem;
}

.stock-card.phone .price-info .small-feet-price {
  font-size: 0.9rem;
}

.is-sell > span {
  background-color: #FF150D;
}

.is-rent > span {
  background-color: #00BEB5;
}

.contact-info {
  width: 100%;
  padding: 10px;
  font-size: 1.2rem;
  border-top: 2px solid;
}

.stock-card .contact-info > * {
  padding-top: 1px;
}

.stock-card .contact-info > * > .tele {
  float: right;
}

.stock-card.phone .contact-info {
  font-size: 1.2rem;
}

.stock-card.is-c .contact-info {
  border-color: #008CBA;
}

.stock-card.is-i .contact-info {
  border-color: #47337C;
}

.stock-card.is-s .stock-thumbnail {
  flex: 0 0 130px;
}

.stock-card.is-s .stock-thumbnail .overlay-icons div {
  flex: none;
  height: 30%;
}

.stock-card.is-s .card-content {
  flex-direction: column;
}
.stock-info-title {
  position: relative;
}

.stock-card.is-s .stock-info .stock-info-title > * {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.stock-card.is-s .price-info {
  display: inline-block;
}

.stock-card.is-s .contact-info {
  border-color: #DA4E00;
}

.stock-card.is-s .contact-info > * {
}

.stock-card.is-i .contact-info {
  background: rgb(248, 245, 252);
}

.stock-card.is-c .contact-info {
  background: rgb(242, 247, 255);
}

.stock-card.is-s .contact-info {
  background: rgb(255, 249, 245);
}

.fade-enter-active, .fade-leave-active {
  transition: all .2s ease;
}
.fade-enter {
  transform: translateY(10px);
  opacity: 0;
}
.fade-leave-to {
  opacity: 0;
}

.stock-description {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 15px 0px 6px 0px;
}

.stock-card.is-s .stock-description {
  margin: 0;
}