.twentytwenty-horizontal .twentytwenty-handle:before, 
.twentytwenty-horizontal .twentytwenty-handle:after, 
.twentytwenty-vertical .twentytwenty-handle:before, 
.twentytwenty-vertical .twentytwenty-handle:after{
	content: " ";
	display: block;
	background: #FFFFFF;
	position: absolute;
	z-index: 30;
}
.twentytwenty-horizontal .twentytwenty-handle:before, 
.twentytwenty-horizontal .twentytwenty-handle:after {
  	width: 3px;
  	height: 9999px;
  	left: 50%;
  	margin-left: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:before, 
.twentytwenty-vertical .twentytwenty-handle:after {
  	width: 9999px;
  	height: 3px;
  	top: 50%;
  	margin-top: -1.5px; 
}

.twentytwenty-container {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	z-index: 0;
	overflow: hidden;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none; 
}
.twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; 
}
.twentytwenty-container * {
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; 
}

.twentytwenty-before {
  z-index: 20; 
}
.twentytwenty-after {
  z-index: 10; 
}

.twentytwenty-handle {
  height: 60px;
  width: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #3A535E;
  background-image: url(../images/slider-cursor.svg);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 40;
  cursor: ew-resize; 
  margin-left: -30px;
  margin-right: -30px;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
  	bottom: 50%;
  	margin-bottom: 30px;
}
.twentytwenty-horizontal .twentytwenty-handle:after {
  	top: 50%;
  	margin-top: 30px;
}
.twentytwenty-vertical .twentytwenty-handle:before {
  	left: 50%;
  	margin-left: 30px;
}
.twentytwenty-vertical .twentytwenty-handle:after {
  	right: 50%;
  	margin-right: 30px; 
}