.demo {
  padding: 10px 0;
  border-bottom: 1px solid #4d2f6e;
}
.demo:last-child {
  border-bottom: 0;
}
.demo .col-xs-2 .map {
  position: relative;
  height: 75px;
  width: calc(100% + 20px);
  background-size: 100% 100%;
  background-position: left center;
  border-radius: 8px;
  padding: 2px;
  background-clip: content-box;
}
.demo .col-xs-2 .map::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(135deg, #4D86D1 0%, #9A5CFF 50%, #F64A8A 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 991.99px) {
  .demo .col-xs-2 .map {
    height: 150px;
    margin-bottom: 10px;
    background-size: cover;
    background-position: center;
  }
}
.demo .col-xs-5 p {
  display: block;
  line-height: 25px;
  margin-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
}
.demo .col-xs-5 p b {
  font-weight: 500;
}
.demo .col-xs-5 p a:not(.btn2) {
  font-weight: 500;
  color: #4D86D1;
  text-decoration: underline;
}
.demo .col-xs-5:nth-child(3) p:nth-child(1) b {
  color: #AD4747;
}
.demo .col-xs-5:nth-child(3) p:nth-child(2) b {
  color: #466EA5;
}

/* ---------- Мобильный вид демок ---------- */
@media (max-width: 767.99px) {
  .demo .col-lg-2, .demo .col-xs-2 {
    width: 100%;
    float: none;
    text-align: center;
  }
  .demo .col-lg-2 .map, .demo .col-xs-2 .map {
    display: inline-block;
    width: 100%;
    max-width: 340px;
    height: 190px;
    margin-bottom: 12px;
    background-size: cover;
    background-position: center;
  }
  .demo .col-lg-5, .demo .col-xs-5 {
    width: 100%;
    float: none;
    padding-left: 0;
    padding-right: 0;
  }
  .demo .col-lg-5 p, .demo .col-xs-5 p {
    white-space: normal;
    line-height: 24px;
    margin-bottom: 6px;
  }
  .demo .col-lg-5 p, .demo .col-xs-5 p {
    text-align: center;
  }
  .demo .btn2 {
    display: block;
    width: 70%;
    margin: 4px auto 0;
  }
}

/*# sourceMappingURL=primary.css.map */

/* Лог чата демки (стиль как чат сайта) */
.demo-chat-btn { margin-right: 8px; }
.demo-chat { margin: 10px 0 0; text-align: left; }
.demo-chat-messages { max-height: 320px; overflow-y: auto; overflow-x: hidden; border: 1px solid #1a3d7a; border-radius: 8px; padding: 5px 10px; }
.demo-chat-messages::-webkit-scrollbar { width: 8px; }
.demo-chat-messages::-webkit-scrollbar-track { background: transparent; }
.demo-chat-messages::-webkit-scrollbar-thumb { background: #054db9; border-radius: 4px; }
.demo-chat-messages::-webkit-scrollbar-thumb:hover { background: #3ba0e0; }
.demo-chat-message .user_img { float: left; border-radius: 50%; height: 50px; width: 50px; padding: 2px; background-color: #054db9; }
.demo-chat-message .message { word-wrap: break-word; margin-left: 60px; position: relative; overflow: hidden; font-size: 13px; line-height: 18px; }
.demo-chat-message .message .info { display: block; margin-bottom: 3px; height: 16px; }
.demo-chat-message .message .info .author { font-size: 13px; font-weight: normal; float: left; position: relative; }
.demo-chat-message .message .info .date { font-size: 11px; font-weight: 600; position: relative; float: right; line-height: 12px; }
.demo-chat-team { font-weight: normal; opacity: 0.7; font-size: 11px; }
.demo-chat-empty { text-align: center; padding: 15px; opacity: 0.7; }
@media (max-width: 767.99px) {
  .demo-chat-messages { max-height: 260px; }
}