
.wpba_wrapper {
	position: relative;
	width: 100%;
	height: 500px;
	display: inline-block;
}

.wpba_img_container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: none;
	background: transparent;
	color: transparent !important;
	border-radius: 0;
}

.wpba_img_bfr {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	z-index: 2;
}

.wpba_img_aftr {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	z-index: 1;
}

.wpba_img_container .wpba_slice {
	position: absolute;
	display: block !important;
	width: 2px !important;
	height: 100% !important;
	top: 0;
	left: 50%;
	margin-left: -2px;
	z-index: 10;
	border: none;
	background: transparent;
	color: transparent !important;
	border-radius: 0;
	cursor: pointer;
}

.wpba_handle {
	position: absolute;
	/* width: 40px; */
	width: 60px;
	/* height: 40px; */
	height: 30px;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	/* margin: auto auto auto -19px; */
	margin: auto auto auto -29px;
	/* border-radius: 100%; */
	border-radius: 30px;
	background: transparent;
	/* border: 2px solid #fff; */
	border: 1px solid #fff;
	/* -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23); */
	background: rgba(255, 255, 255, 0.3);
}

.wpba_handle:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 1000px;
	background: #fff;
	left: 50%;
	top: -1000px;
	margin-left: -1px;
}

.wpba_handle:after {
	position: absolute;
	content: "";
	width: 2px;
	height: 1000px;
	background: #fff;
	left: 50%;
	bottom: -1000px;
	margin-left: -1px;
}

.wpba_left{
	position: absolute;
	top: 0;
	left: 6px;
	bottom: 0;
	width: 20px;
	height: 20px;
	margin: auto;
	border-style: solid;
	border: 0;
}
.wpba_left img{width: 100%;height: 100%;}

.wpba_right {
	position: absolute;
	top: 0;
	right: 6px;
	bottom: 0;
	width: 20px;
	height: 20px;
	margin: auto;
	border-style: solid;
	border: 0;
}
.wpba_right img{width: 100%;height: 100%;}


/* .wpba_left {
	margin: auto auto auto 5px;
	border-width: 5px 10px 5px 0;
	border-color: transparent #fff transparent transparent;
}

.wpba_right {
	margin: auto 5px auto auto;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #fff;
} */

.ui-slider-vertical .wpba_slice {
	width: 100% !important;
	height: 2px !important;
	bottom: 50%;
	top: auto;
	left: 0;
	margin-left: 0;
	margin-top: -1px;
}

.ui-slider-vertical .wpba_handle {
	margin: auto auto auto auto;
}

.ui-slider-vertical .wpba_handle:before {
	width: 1000px;
	height: 2px;
	top: 50%;
	left: -1000px;
	margin-left: 0;
	margin-top: -1px;
}

.ui-slider-vertical .wpba_handle:after {
	width: 1000px;
	height: 2px;
	top: 50%;
	bottom: auto;
	left: 38px;
	margin-left: 0;
	margin-top: -1px;
}

.ui-slider-vertical .wpba_left {
	margin: 5px auto auto auto;
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #fff transparent;
}

.ui-slider-vertical .wpba_right {
	margin: auto auto 5px auto;
	border-width: 10px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
}
