/**
 * @version     CVS: 1.0.0
 * @package     com_estate
 * @copyright   2025 Atrium Web
 * @license     GNU General Public License версии 2 или более поздней; Смотрите LICENSE.txt
 * @author      Atrium Web <web@atrium-web.ru>
 */
.properties-list {
  margin: 1.5rem 0;
}
.properties-list .list-item {
  margin-bottom: 2rem;
  position: relative;
  z-index: 1;
}
.properties-list .list-item:before {
  content: '';
  position: absolute;
  inset: -1.5rem;
  border: 1px solid transparent;
  transition: var(--transition);
  pointer-events: none;
  z-index: -1;
}
.properties-list .list-item:hover:before {
  border: 1px solid #FFFFFF38;
}
.properties-list .list-item .prorerty-slider {
  position: relative;
  z-index: 1;
  margin-bottom: 1rem;
}
.properties-list .list-item .prorerty-slider .controls {
  position: absolute;
  left: .5rem;
  right: .5rem;
  top: 50%;
  transform: translate(0,-50%);
  z-index: 2;
}
.properties-list .list-item .prorerty-slider .controls .control {
  background: transparent;
  border: 0;
}
.properties-list .list-item .prorerty-slider .controls .control:after {
  font-size: 20px;
  font-weight: bolder;
  color: white;
}
/*color: #CF8C6F;*/
.properties-list .list-item .prorerty-slider .swiper-pagination {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translate(-50%,0);
}
.properties-list .list-item .prorerty-slider .swiper-pagination .swiper-pagination-bullet {
  background: rgba(255,255,255,1);
  opacity: .6;
}
.properties-list .list-item .prorerty-slider .swiper-pagination .swiper-pagination-bullet-active {
  background: #CF8C6F;
  opacity: 1;
}
.properties-list .list-item .image {
  display: block;
  width: 100%;
  max-width: 320px;
  height: 200px;
  margin-bottom: 1rem;
}
.properties-list .list-item .prorerty-slider .image {
  margin: 0;
}
.properties-list .list-item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.properties-list .list-item .info {}
.properties-list .list-item .info .name,
.properties-list .list-item .info .name a {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: var(--color-5);
  text-decoration: none;
	white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: var(--transition);
}
.properties-list .list-item .info .name a:hover {
  color: var(--color-7);
}
.properties-list .list-item .info .controls {}
.properties-list .list-item .info .controls button {
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  margin-left: 1rem;
  line-height: 100%;
  text-align: center;
  color: var(--color-7);
  cursor: pointer;
  background: transparent;
  border: 0;
  outline: none;
  transition: var(--transition);
}
.properties-list .list-item .info .controls .active,
.properties-list .list-item .info .controls button:hover {
  color: var(--color-5);
}
.properties-list .list-item .info .zone,
.properties-list .list-item .info .square {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: var(--color-6);
}
.properties-list .list-item .info .zone {}
.properties-list .list-item .info .square {}
.properties-list .list-item .info .price {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: var(--color-5);
}
.properties-list .text-center .btn {
  padding: 1rem;
  border-color: #FFFFFF38;
}
.properties-list .text-center .btn:hover {
  border-color: var(--color-6);
}

.properties-list button[data-show-more] {
  border-color: rgba(255,255,255,.22);
}

.property {}
.property .images {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 -.5rem 1.5rem;
}
.property .images .main {
  flex: 1;
  margin: 0 .5rem;
  width: 100%;
  max-width: 700px;
  height: 447px;
}
.property .images .main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.property .images .thumbs {
  flex: 0 0 254px;
  margin: 0 .5rem;
}
.property .images .thumbs-item {
  width: 100%;
  max-width: 260px;
  height: 190px;
  margin-bottom: 1rem;
}
.property .images .thumbs-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.property .images .thumbs .btn {
  width: 100%;
}
.property .header {
  margin: 1.5rem 0;
  display: flex;
  flex-direction: row;
}
.property .header h1 {
  display: block;
  flex: 1;
  margin: 0;
  font-weight: 400;
  font-size: 26px;
  line-height: 120%;
  color: #FFFFFF;
}
.property .header .controls {
  flex: 0 0 254px;
  margin-left: 2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.property .header .controls .control {
  display: block;
  margin-left: 1rem;
  width: 24px;
  height: 24px;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  transition: var(--transition);
  color: #CF8C6F;
  outline: none;
  box-shadow: none;
}
.property .header .controls .control.active {
  color: #FFFFFF;
}
.property .header .controls .control:hover {
  opacity: .5;
  object-fit: contain !important;
  object-position: center !important;
}
.property .header .controls .control.control-1 {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.61 21C15.9473 21 15.385 20.7683 14.923 20.305C14.4617 19.841 14.231 19.2777 14.231 18.615C14.231 18.515 14.275 18.2627 14.363 17.858L7.166 13.585C6.95 13.8343 6.68567 14.03 6.373 14.172C6.06033 14.314 5.72467 14.385 5.366 14.385C4.70867 14.385 4.15 14.151 3.69 13.683C3.23 13.215 3 12.654 3 12C3 11.346 3.23 10.785 3.69 10.317C4.15 9.849 4.70867 9.615 5.366 9.615C5.724 9.615 6.05967 9.686 6.373 9.828C6.68633 9.97 6.95067 10.166 7.166 10.416L14.364 6.161C14.3173 6.03167 14.2837 5.90333 14.263 5.776C14.2417 5.648 14.231 5.51733 14.231 5.384C14.231 4.722 14.4633 4.159 14.928 3.695C15.3927 3.23167 15.9567 3 16.62 3C17.2833 3 17.846 3.23233 18.308 3.697C18.77 4.16167 19.0007 4.72567 19 5.389C18.9993 6.05233 18.7677 6.615 18.305 7.077C17.8423 7.539 17.279 7.76967 16.615 7.769C16.2537 7.769 15.9203 7.695 15.615 7.547C15.3097 7.399 15.0497 7.2 14.835 6.95L7.636 11.223C7.68267 11.3523 7.71633 11.481 7.737 11.609C7.75833 11.7363 7.769 11.8667 7.769 12C7.769 12.1333 7.75833 12.2637 7.737 12.391C7.71567 12.5183 7.68233 12.647 7.637 12.777L14.835 17.05C15.0503 16.8 15.3103 16.601 15.615 16.453C15.9203 16.305 16.2537 16.231 16.615 16.231C17.2777 16.231 17.841 16.463 18.305 16.927C18.7683 17.3923 19 17.9567 19 18.62C19 19.2833 18.7677 19.846 18.303 20.308C17.8383 20.77 17.2733 21.0007 16.61 21ZM16.615 20C17.0077 20 17.3367 19.8673 17.602 19.602C17.8673 19.3367 18 19.008 18 18.616C18 18.224 17.8673 17.895 17.602 17.629C17.3367 17.363 17.008 17.2303 16.616 17.231C16.224 17.2317 15.895 17.3643 15.629 17.629C15.363 17.8937 15.2303 18.2223 15.231 18.615C15.2317 19.0077 15.3643 19.3367 15.629 19.602C15.8937 19.8673 16.2217 20 16.615 20ZM5.366 13.384C5.76333 13.384 6.09667 13.2513 6.366 12.986C6.63467 12.7207 6.769 12.392 6.769 12C6.769 11.608 6.63467 11.2793 6.366 11.014C6.09733 10.7487 5.764 10.616 5.366 10.616C4.97867 10.616 4.65433 10.7487 4.393 11.014C4.13167 11.2793 4.00067 11.608 4 12C3.99933 12.392 4.13033 12.721 4.393 12.987C4.65567 13.253 4.98 13.3853 5.366 13.384ZM16.616 6.769C17.008 6.769 17.3367 6.63633 17.602 6.371C17.8673 6.10567 18 5.77667 18 5.384C18 4.99133 17.8673 4.66267 17.602 4.398C17.3367 4.13333 17.008 4.00067 16.616 4C16.224 3.99933 15.895 4.132 15.629 4.398C15.363 4.664 15.2303 4.993 15.231 5.385C15.2317 5.777 15.3643 6.10567 15.629 6.371C15.8937 6.63633 16.2227 6.769 16.616 6.769Z" fill="%23CF8C6F"/></svg>');
}
.property .header .controls .control.control-2 {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 3H3C2.46957 3 1.96086 3.21071 1.58579 3.58579C1.21071 3.96086 1 4.46957 1 5V17C1 17.5304 1.21071 18.0391 1.58579 18.4142C1.96086 18.7893 2.46957 19 3 19H10M14 3H15C15.5304 3 16.0391 3.21071 16.4142 3.58579C16.7893 3.96086 17 4.46957 17 5V6M17 16V17C17 17.5304 16.7893 18.0391 16.4142 18.4142C16.0391 18.7893 15.5304 19 15 19H14M17 10V12M9 1V21" stroke="%23CF8C6F" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.property .header .controls .control.control-3 {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 20.2417V3.5H18.5V20.2417L12.197 17.5404L12 17.456L11.803 17.5404L5.5 20.2417Z" stroke="%23CF8C6F"/></svg>');
}
.property .price-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 1.5rem 0;
}
.property .price-info .price {
  display: block;
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  color: #FFFFFF;
}
.property .price-info .currency,
.property .price-info .unit {
  margin: 0 0 0 2rem;
}
.property .price-info .currency span,
.property .price-info .unit span {
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #FFFFFF70;
}
.property .price-info .currency select,
.property .price-info .unit select {
  display: inline-block;
  margin: 0 0 0 .25rem;
  padding: 0 .25rem;
  background: transparent;
  color: #CF8C6F;
  border: 0;
  outline: none;
  cursor: pointer;
}
.property .price-info .currency select option,
.property .price-info .unit select option {
  background: #212529;
  cursor: pointer;
  border: 0;
}

.property .short-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 1.5rem 0;
}
.property .short-info .location {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.property .location #location {
  height: 400px;
}
.property .location #location path {
  fill: #CF8C6F
}
.property .location #location canvas {
  filter: brightness(0.7) grayscale(1);
}
.property .short-info .square {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 2rem;
}
.property .short-info .advanced-items {}
.property .short-info .advanced-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 2rem;
}
.property .short-info .icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1rem;
  color: #FFFFFF70;
}
.property .short-info .icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.property .short-info .title {
  display: inline-block;
  margin: 0 0 0 .5rem;
  font-weight: 400;
  font-size: 16px;
  line-height: 1rem;
  color: #FFFFFF70;
}
.property hr {
  display: block;
  margin: 1.5rem 0;
  height: 0px;
  border: 0;
  border-bottom: 1px solid #FFFFFF38;
}

.property h3 {
  margin: 1.5rem 0;
  font-size: 22px;
  line-height: 120%;
  font-weight: 400;
  color: #FFFFFF;
}

.property .features {}
.property .features-items {
  margin: 1.5rem 0;
}
.property .features-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.property .features-item .icon {
  margin: 0 .75rem 0 0;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 1.5rem;
  color: #CF8C6F;
}
.property .features-item .title {
  font-size: 16px;
  line-height: 1.5rem;
  font-weight: 400;
  color: #FFFFFF;
}

.property .description {}
.property .description {
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
  color: #FFFFFF70;
}
.property .description p {
  margin: 1rem 0;
}

.property .details {}
.property .details h3 {
  margin-bottom: .5rem;
}
.property .details .details-items {}
.property .details .details-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 1rem 0 0;
}
.property .details .details-item .label {
  display: block;
  flex: 0 0 180px;
  margin: 0 .5rem 0 0;
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
  color: #FFFFFF70;
}
.property .details .details-item .value {
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
  color: #FFFFFF;
}
.property .details .details-item .value img {}

.property .schools {}
.property .schools h3 {
  margin-bottom: 0;
}
.property .school-items {}
.property .school-item {
  margin: 1.5rem 0 0;
}
.property .school-item .title {
  margin-bottom: .25rem;
  font-size: 16px;
  line-height: 175%;
  font-weight: 400;
  color: #FFFFFF;
}
.property .school-item .address,
.property .school-item .distance {
  font-size: 14px;
  line-height: 175%;
  font-weight: 400;
  color: #FFFFFF70;
}


@media screen and ( max-width: 991px ) {
  .properties-list .list-item {
    max-width: 320px;
    margin: 1.5rem auto 0;
  }
  .property .images {
    flex-wrap: wrap;
    margin: 0 0 2rem;
  }
  .property .images .main {
    flex: 0 0 100%;
    margin: 0 0 1rem;
  }
  .property .images .thumbs {
    flex: 1;
    margin: 0 -.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .property .images .thumbs .thumbs-item {
    flex: 0 0 calc(50% - 1rem);
    margin: 0 .5rem;
  }
  .property .images .thumbs .btn {
    flex: 1;
    margin: 1rem .5rem 0;
  }
  .property .price-info,
  .property .short-info {
    flex-wrap: wrap;
  }
  .property .price-info .price {
    flex: 0 0 100%;
    margin: 0 0 1rem;
  }
  .property .price-info .currency {
    margin: 0;
  }
  .property .short-info .location,
  .property .short-info .square,
  .property .short-info .advanced-item {
    flex: 0 0 100%;
    margin: 0 0 1rem;
  }
}