.ns-compare, 
.ns-compare > *{
     box-sizing: border-box;
}

.ns-compare {
    background-size: cover;

    position:relative;

    box-shadow: 0 1px 5px #000000, inset 0 1px 0 #fff;

    overflow:hidden;
                                                
    background-size: cover;
    box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);

    border-top:1px solid #999;
    border-bottom:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #999;
}


.ns-compare > div{
    transition: width 2s;

    transform: translate3d(0,0,0);
/*
    position: absolute;
*/
    height: 100%;
    width: 0%;

    background-size: cover;
    overflow:hidden;

}


.ns-compare > div:nth-of-type(n+2){
    top: 0px;
    position: absolute;
    height: 100%;
    border-right:1px solid #999;
}

.ns-compare > div > img {
    width: auto;
    height: 100%;
}

.ns-compare > div.nsact {
    width: 100%;
    height: 100%;
}

.ns-compare > div.nsctrl{
    border: none;
    width: 100%;
    height: 100%
}

.ns-compare .nsctrl > div.nscont {
    position: absolute;
    top: calc(50% - 10%);
    left: 0px;
    height: 20%;
    width: 7.5%;
    background: rgba(0,0,0,0.5);
    box-shadow: none;
    padding-top: 2.3%;

}
.ns-compare .nsctrl > div.nscont:before {
    content: '\f105';
    font-family: "fontawesome";
    font-size: 16px;
    display: block;
    content: '\f104';
    color: #fff;
    text-align: center;
}

.ns-compare .nsctrl > div.nscont:hover {
    cursor:pointer;
    background: rgba(0,0,0,0.65);
}

.ns-compare .nsctrl > div.nscont:last-child:before {
    content: '\f105';
}

.ns-compare .nsctrl > div.nscont:last-child {
    right: 0px;
    left: initial;
}