.objectBox
{
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    margin-top:15px;
    margin-bottom:15px;
    background:var(--white);
    overflow:hidden;
    color:var(--black);
}


.objectBoxInactive
{
    opacity:.6;
    filter: grayscale(.8);
}

.objectBox .imgWrap .img
{
cursor:pointer;
background-image: url('/public/images/nophoto.jpg');
position:relative;
height:100%;
}

.objectBox .imgWrap
{
    height:200px;
    overflow:hidden;
    position:relative;
} 


.objectBox .imgWrap .priceInfo
{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    color:var(--white); 
    padding:20px;
    box-sizing: border-box;
} 
 

.objectBox .imgWrap .priceInfo .price
{
    font-size:18px;
    font-weight:bold;
    padding:0px 15px;
    margin:0px;
    background:var(--major);
    border-radius:20px;
    height:40px;    
    line-height:40px;
    display:inline-block;
}

.objectBox .imgWrap .priceInfo .available
{
    font-size:14px;
    font-weight:bold;
    padding:0px;
    margin:0px;    
}


.objectBox .imgWrap .priceInfo span
{
    font-size:15px;
    font-weight:normal;
}


.objectBox .imgWrap .img::before 
    {
        position: absolute;
        bottom: 0px;
        left: 0px;
        height: 60%;
        width: 100%;
        content: '';
        background: linear-gradient(360deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    }

.objectBox:hover .imgWrap .img
{
    transform: scale(1.04);
}

 
.objectBox .canvas
{
    padding:20px;
    position:relative;
    height:100px;
}

.objectBox .title
{
    font-size:16px;
    font-weight:bold;
    margin-bottom:5px;
}

.objectBox .city
{    
    margin-bottom:5px;
    opacity:.85;
}


.objectBox .more
{
    position:absolute;
    bottom:20px;
    right:20px;
}