// PROPIEDAD
.propiedad-header {
    background: #9a9a98;
    border: 1px solid #c6c6c6;
    padding: 20px 0;
    
    .container {
        position: relative;
    }
    
    .close-btn {
        font-family: $vbold;
        font-size: 55px;
        position: absolute;
        top: 10px;
        right: -30px;
        z-index: 3;
        a {
            color: $black;
            padding: 0;
            margin: 0;
            display: inline-block;
            &:hover {
                text-decoration: none;
            }
        }
        @include media-xs {
            position: relative;
            right: 0;
            a {
                margin: 0 0 15px auto;
                float: right;
            }
        }
    }
    
    .title {
        &.medium {
            margin: 0;
            font-size: 32px;
        }
        &.small {
            margin: 0 0 25px 0;
            font-size: 22px;
        }
    }
    
    p {
        color: $black;
        font-size: 17px;
        text-transform: uppercase;
        margin: 0;
        font-family: $vbold;
    }
    
    .price {
        font-size: 33px;
        font-family: $lora;
        span {
            font-size: 21px;
        }
    }
    
    .type {
        background: #c6c6c6;
        display: inline-block;
        color: $white;
        text-transform: uppercase;
        font-size: 20px;
        font-family: $vbold;
        padding: 4px 10px;
        margin: 10px 0 0 0;
    }
    
}

.propiedad-slider {
    margin: 40px 0 70px 0;
}

.propiedad-info {
    margin-bottom: 30px;
    ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    li {
        display: inline-block;
        padding: 0 20px;
        border-right: 1px solid #184543;
        color: $black;
        font-family: $lora;
        font-style: italic;
        font-size: 30px;
        em {
            font-size: 22px;
        }
        &:first-child {
            padding-left: 0;
        }
        &:last-child {
            border: none;
        }
        span {
            color: $gray;
            text-transform: uppercase;
            font-family: $vbold;
            font-size: 12px;
            font-style: normal;
        }
        @include media-md {
            padding: 0 15px;
            font-size: 26px;
            span {
                font-size: 10px;
            }
        }
    }
    @media (max-width: 530px) {
        li {
            padding: 0 10px;
        }
        > div {
            padding: 20px 15px;
        }
    }
    
    @media (max-width: 450px) {
        li {
            padding: 0 5px;
            font-size: 18px;
        }
    }
    .btn-primary {
        @include media-xs {
            display: block;
            margin: 30px 0 0 0;
        }
    }
}

.propiedad-content {
    padding: 30px 0;
    h6 {
        text-transform: uppercase;
        font-family: $lato;
        font-size: 25px;
        margin: 0 0 50px 0;
        color: $black;
        strong {
            font-weight: 700;
        }
    }
    img {
        max-width: 300px;
        margin: 0 auto 130px auto;
    }
    .title {
        font-size: 20px;
        display: block;
        margin: 0 0 10px 0;
    }
    p {
        font-family: $lato;
        color: $black;
        font-size: 15px;
    }
    ul {
        list-style: none;
        padding: 0;
        margin: 0 0 30px 0;
    }
    li {
        color: $black;
        font-family: $lato;
        font-size: 15px;
    }
    .content {
        margin-bottom: 30px;
    }
}

#map2 {
    width: 100%;
    height: 280px;
    margin: 0 0 30px 0;
}