.image-spliter {
  width: 100%;
  vertical-align: middle;
}

.image-spliter,
img,
.mover {
  overflow: hidden;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}




.img-left {
  position: absolute;
/*  top: 98px;  CUSTOM ADDED SIZE: Half of BG image size (for selected test slide)  */
  left:0;
}
/* CUSTOM TEST   */
@media screen and (max-width: 640px) {
	.img-left {
  position: absolute;
  /*top: -16px;  CUSTOM ADDED SIZE for mobile   */
  left:0;
}
}
/* END TEST   */

.mover {
  position:absolute;
  width: 200px;
  height: 100%;
  top: 0;
  left:0;
  z-index: 10;
}
.mover:before,
.mover:after {
  position:absolute;
  left:50%;
  content: "";
  background: #fff;
  cursor: -webkit-grab;
  cursor: grab;
}

.mover:before {
  top: 0;
  transform:translateX(-50%);
  width: 1px;
  height: 100%;
}
.mover:after {
  top: 50%;
  transform:translate(-50%, -50%);
  width: 5px;
  height: 33%;
  border-radius: 5px;
}

.mover .indicator {
	background: #000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAVCAQAAAD/C0bXAAAAV0lEQVR4AaXU0Q3AMAjE0Oy/NF3gfZxq8XfGqpJA3/0shTckT9otGVogIkUDROTAEEEAIYIBQQQFgAiOGCI6EE7ihS+GM4ZbDe8YJifMatiOsI/hDzDWB0E9ERqE6ADSAAAAAElFTkSuQmCC') no-repeat center center;
	background-color: rgba(0, 0, 0, 0.4);
	background-size: 40px 20px;
	width: 60px;
	height: 60px;
	border-radius: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	z-index: 5;
	cursor: grab;
}