/*Before After*/
.before-after {
    padding: 0;
}

.beforeAfter_wrapper img {
    display: block;
    width: 100%;
    height: auto;
}

.beforeAfter_wrapper {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    background-size: 100% auto !important;
    cursor: none;
}

.img_before {
    visibility: hidden;
}

.beforeAfter_wrapper .after_wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    background-size: auto 100% !important;
}

.beforeAfter_wrapper .after_wrapper img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}

.beforeAfter_wrapper .result_line {
    width: 28px;
    height: 12px;
    display: block;
    background: url(ba-result.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    margin: -6px 0 0 -14px;
}

.beforeAfter_wrapper .result_line:before {
    content: '';
    background: #ffffff;
    width: 2px;
    height: 500px;
    left: 13px;
    bottom: 5px;
    display: block;
    position: absolute;
}

.beforeAfter_wrapper .result_line:after {
    content: '';
    background: #ffffff;
    width: 2px;
    height: 500px;
    left: 13px;
    top: 5px;
    display: block;
    position: absolute;
}
.beforeTag,.afterTag{position:absolute; top:10px; display:inline-block; padding:0 12px; line-height:22px; text-transform:uppercase;background:rgba(0,0,0,0.6); color:#FFF; font-size:12px; font-weight:400; border-radius: 40px;}
.beforeTag{left:10px;}
.afterTag{right:10px;}