/*
 * @author    ThemePunch <info@themepunch.com>
 * @link      http://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;

}