.ip-banner canvas {
    aspect-ratio: 2000 / 800;
    min-height: 0;
    background-position: center top;
}
.sapo-single a{
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0 min(0.449vw,7px);
}
.sapo-single a .sapo-img{
    background: #000;
    overflow: hidden;
}
.sapo-single a .sapo-img img{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.sapo-single a:hover .sapo-img img{
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.sapo-single a .sapo-det{
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.025em;
    padding: 30px 15px;
    background: #162130;
}
.sapo-single a .sapo-name{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 2em;
}
.sapo-single a .sapo-add{
    margin: 7px 0 0;
}
.sapo-single a .sapo-price{
    margin: 7px 0 0;
}
.sapo-single a .sapo-exp{
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.200em;
    margin: 16px 0 0;
}

@media only screen and (min-width: 992px) {
    .sapo-single a .sapo-img:before{
        content:'';
        display: block;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(../images/sapo-fade.png) center center no-repeat;
        background-size: cover;
        opacity: 0.45;
    }
    .sapo-single a:hover .sapo-img:before{
        opacity: 0.75;
    }
    .sapo-single a .sapo-img img{
        opacity: 0.75;
    }
    .sapo-single a .sapo-det{
        padding: 0 0 min(2.564vw,40px);
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: max(-2.436vw,-38px);
        background: rgba(0,0,0,0);
        font-size: min(1.35vw,15px);
    }
    .sapo-single a:hover .sapo-det{
        bottom: 0;
    }
    .sapo-single a .sapo-add{
        margin: min(0.449vw,7px) 0 0;
    }
    .sapo-single a .sapo-price{
        margin: min(0.449vw,7px) 0 0;
    }
    .sapo-single a .sapo-exp{
        opacity: 0;
        margin: min(1.026vw,16px) 0 0;
    }
    .sapo-single a:hover .sapo-exp{
        opacity: 1;
    }
}

.new-listings-slide-content {
    position: relative;
    margin: 55px 0 0;
}

.new-listings-active-slide, 
.new-listings-pending-slide, 
.new-listings-sold-slide {
    z-index: 2;
}
.new-listings-arrows{ 
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    pointer-events: none; 
    margin-left: -30px; 
    margin-right: -30px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.new-listings-arrows .new-listings-active-arrow button,
.new-listings-arrows .new-listings-pending-arrow button,
.new-listings-arrows .new-listings-sold-arrow button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    border: 0;
    background: none;
    font-size: 30px;
    color: #000;
    opacity: 1;
    padding: 0 0;
    pointer-events: auto;
}
.new-listings-arrows .new-listings-active-arrow button:hover,
.new-listings-arrows .new-listings-pending-arrow button:hover,
.new-listings-arrows .new-listings-sold-arrow button:hover {
    opacity: 0.7;
}

.new-listings-arrows button i {
    font-style: unset !important;
}