.ba-slider, .ba-slider2, .ba-slider3{
	position:relative;
	overflow:hidden}
.ba-slider img, .ba-slider2 img, .ba-slider3 img{
	width:100%;
	display:block;
	max-width:none}
.ba-slider .resize, .ba-slider2 .resize, .ba-slider3 .resize{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:50%;
	overflow:hidden}
.ba-slider .handle, .ba-slider2 .handle, .ba-slider3 .handle{
	position:absolute;
	left:50%;
	top:0;
	bottom:0;
    background: #c3c3c3;
    width: 1.5px;
    margin-left: -2px;
	cursor: grab;}
.ba-slider .handle:after, .ba-slider2 .handle:after, .ba-slider3 .handle:after{
	position:absolute;
}
.ba-slider .handle.ba-draggable:after, .ba-slider2 .handle.ba-draggable:after, .ba-slider3 .handle.ba-draggable:after{
	width:48px;
	height:48px;
	margin:-24px 0 0 -24px;
	line-height:50px;
	font-size:30px}
.resize.drag_smooth, .resize.drag_smooth2, .resize.drag_smooth3{
	transition: all 0.5s ease-in-out 0s;
}
.handle.right1, .handle.right2, .handle.right3{
	transition: all 0.5s ease-in-out 0s;
}
.handle.left1, .handle.left2, .handle.left3{
	transition: all 0.5s ease-in-out 0s;
}

/* Drag handle (circle) */
.images-compare-handle {
    height: 45px;
    width: 45px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -24px;
    margin-top: -22px;
    border: 3px solid white;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
    z-index: 3;
    background: rgb(255, 255, 255);
    cursor: pointer;
}

/* Drag handle arrows */
.images-compare-left-arrow, .images-compare-right-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.images-compare-left-arrow {
    border-right: 6px solid white;
    left: 0%;
    margin-left: -24px;
	opacity:0.7;
}

.images-compare-right-arrow {
    border-left: 6px solid white;
    right: 0%;
    margin-right: -24px;
	opacity:0.7;
}

/* Label */
.images-compare-label {
    font-family: sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    color: rgb(0, 0, 0);
    color: rgba(0, 0, 0, 0.4);
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.7);
    padding: 10px;
    border-radius: 5px;
    pointer-events: none;
    display: none;
}

.images-compare-container .images-compare-label {
    display: inherit;
}

.images-compare-before .images-compare-label {
    left: 10px;
}

.images-compare-after .images-compare-label {
    left: auto;
    right: 10px;
}