/*
 * @author    ThemePunch <info@themepunch.com>
 * @link      https://www.themepunch.com/
 * @copyright 2017 ThemePunch
*/

.rs-before-after-addon {

	overflow: hidden !important;

}

.rs-before-after-addon .tparrows {

	z-index: 1000 !important;

}

.rs-addon-beforeafter-btn {

	position: absolute;
	display: table;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	z-index: 102;

}

.rs-addon-beforeafter-btn i {

	display: table-cell;
	vertical-align: middle;
	position: relative;

}

.rs-beforeafter-shift-arrows .rs-addon-beforeafter-btn i {

	-webkit-transform: translateX(0) !important;
	transform: translateX(0) !important;

}

.rs-addon-beforeafter-btn-vertical,
.rs-addon-beforeafter-btn-vertical i {

	display: block;

}

.rs-addon-beforeafter-line {

	display: block;
	position: absolute;
	z-index: 102;

}

.rs-addon-beforeafter-line.rs-beforeafter-horizontal {

	top: 0;
	height: 100%;

}

.rs-addon-beforeafter-line.rs-beforeafter-vertical {

	left: 0;
	width: 100%;

}

.rs-before-after-element {

	opacity: 0;
	visibility: hidden;

}

.rs-before-after-element,
.rs-before-after-element:before {

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

}

.rs-addon-beforeafter-bg {

	opacity: 0;
	z-index: 999;

}

.rs-addon-beforeafter-bg,
.rs-addon-beforeafter-revealer,
.rs-addon-beforeafter-revealer .tp-loop-wrap {

	width: 100%;
	height: 100%;

}

.rs-addon-beforeafter-bg,
.rs-addon-beforeafter-revealer {

	position: absolute;
	overflow: hidden;

}

.rs-addon-beforeafter-before {

	top: 0;
	left: 0;

}

.rs-addon-beforeafter-horizontal .rs-addon-beforeafter-bg,
.rs-addon-beforeafter-horizontal .rs-addon-beforeafter-after {

	top: 0;
	right: 0;

}

.rs-addon-beforeafter-vertical .rs-addon-beforeafter-bg,
.rs-addon-beforeafter-vertical .rs-addon-beforeafter-after {

	bottom: 0;
	left: 0;

}

.rs-addon-beforeafter-bg,
.rs-addon-beforeafter-after {

	opacity: 0;

}

.rs-addon-beforeafter-inner,
.rs-addon-beforeafter-bg-inner  {

	position: absolute;
	width: 100%;
	height: 100%;

}

.rs-addon-beforeafter-horizontal .rs-addon-beforeafter-inner,
.rs-addon-beforeafter-horizontal .rs-addon-beforeafter-bg-inner {

	right: 0;
	top: 0;

}

.rs-addon-beforeafter-vertical .rs-addon-beforeafter-inner,
.rs-addon-beforeafter-vertical .rs-addon-beforeafter-bg-inner {

	left: 0;
	bottom: 0;

}

.rs-video-beforeafter,
.rs-video-beforeafter .tp-mask-wrap {

	width: 100% !important;
	height: 100% !important;

}

.rs-before-after-addon:not(.before-after-carousel).dragging,
.rs-before-after-addon:not(.before-after-carousel).dragging *,
.rs-before-after-addon:not(.before-after-carousel).dragging .rs-addon-beforeafter-btn i:before {

	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	user-select: none !important;

}

.rs-beforeafter-pointers,
.rs-beforeafter-pointers .rs-addon-beforeafter-inner {

	pointer-events: none;

}

.rs-beforeafter-pointers *:not(.rs-addon-beforeafter-inner) {

	pointer-events: auto;

}

.rs-beforeafter-pointers .rs-video-beforeafter,
.rs-beforeafter-pointers .rs-video-beforeafter * {

	pointer-events: none;

}