﻿
.property .head-pics {
    position: relative;
}

.property .head-pics .swiper-container {
    height: 65vh;
    cursor: pointer;
}

.property .head-pics .swiper-wrapper,
.property .head-pics .swiper-slide {
    height: 65vh;
}

.property .head-pics .swiper-container img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.property .head-pics .buttons-container {
    position: absolute;
    bottom: 40px;
    z-index: 9;
    width: 100%;
    display: flex;
    justify-content: center;
}

.property .head-pics .buttons-container-inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1600px;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}


.property .head-pics .buttons-container .btn {
    text-transform: initial;
    border: 1px solid rgba(255,255,255,.2);
}

.property .head-pics .buttons-container .btn img {
    width: 150%;
    height: 150%;
    margin-right: 0.2rem;
}

.property .property-video,
.property .property-tour {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99;
    top: 0; left: 0; bottom: 0; right: 0;
}

.property .property-tour-container,
.property .property-video-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #151515;
}