.js-image-compare{position:relative;overflow:hidden;margin:0 auto;width:100%}.js-image-compare.slide-on-click,.js-image-compare.slide-on-hover{cursor:move}.js-image-compare,.js-image-compare *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.js-image-compare .image-after,.js-image-compare .image-after-container,.js-image-compare .image-before{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;z-index:1;overflow:hidden}.js-image-compare .image-after,.js-image-compare .image-after-container,.js-image-compare .image-after-content{z-index:2;-webkit-font-smoothing:subpixel-antialiased;-moz-font-smoothing:subpixel-antialiased;font-smoothing:subpixel-antialiased;-webkit-perspective:0;-ms-perspective:0;-o-perspective:0;perspective:0;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;outline:transparent solid 1px}.js-image-compare .image-after-content,.js-image-compare .image-before-content{position:absolute;-webkit-transform:translate3d(0,0,0)!important;-ms-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.js-image-compare .baa-content-wrapper{position:relative;width:100%;height:100%}.js-image-compare .js-image-compare-slider,.js-image-compare .js-image-compare-slider-button{position:absolute;left:0;right:0;bottom:0;height:10px;background:rgba(255,255,255,.3);z-index:3;cursor:pointer}.js-image-compare .js-image-compare-slider-button{width:30px;background:#fff;z-index:4;cursor:move}.js-image-compare[data-slider-location=top] .js-image-compare-slider,.js-image-compare[data-slider-location=top] .js-image-compare-slider-button{bottom:auto;top:0}.js-image-compare[data-slider-location=left] .js-image-compare-slider,.js-image-compare[data-slider-location=left] .js-image-compare-slider-button,.js-image-compare[data-slider-location=right] .js-image-compare-slider,.js-image-compare[data-slider-location=right] .js-image-compare-slider-button{height:auto;left:auto;bottom:0;top:0;right:0;width:10px}.js-image-compare[data-slider-location=left] .js-image-compare-slider-button,.js-image-compare[data-slider-location=right] .js-image-compare-slider-button{height:30px}.js-image-compare[data-slider-location=left] .js-image-compare-slider,.js-image-compare[data-slider-location=left] .js-image-compare-slider-button{right:auto;left:0}.js-image-compare .js-image-compare-arrow-down,.js-image-compare .js-image-compare-arrow-left,.js-image-compare .js-image-compare-arrow-right,.js-image-compare .js-image-compare-arrow-up{width:0;height:0;position:absolute;left:50%;top:50%;z-index:4}.js-image-compare .js-image-compare-arrow-left,.js-image-compare .js-image-compare-arrow-right{margin-left:0;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-top-color:transparent!important;border-bottom-color:transparent!important}.js-image-compare .js-image-compare-arrow-left{border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #fff}.js-image-compare .js-image-compare-arrow-right{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #fff}.js-image-compare .js-image-compare-arrow-down,.js-image-compare .js-image-compare-arrow-up{margin-top:0;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-left-color:transparent!important;border-right-color:transparent!important;border-left:7px solid transparent;border-right:7px solid transparent}.js-image-compare .js-image-compare-arrow-up{border-bottom:7px solid #fff}.js-image-compare .js-image-compare-arrow-down{border-top:7px solid #fff}.image-after:after,.image-before:before{content:attr(data-alt);top:50%;position:absolute;color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0;transition:opacity .3s;background:rgba(255,255,255,.2);line-height:38px;padding:0 20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-size:13px;letter-spacing:.1em;box-sizing:border-box}.image-before:before{right:5%}.image-after:after{left:5%}.js-image-compare[data-direction=vertical] .image-after:after,.js-image-compare[data-direction=vertical] .image-before:before{left:50%;right:auto;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.js-image-compare[data-direction=vertical] .image-before:before{top:auto;bottom:5%}.js-image-compare[data-direction=vertical] .image-after:after{top:5%;bottom:auto}.js-image-compare:hover .image-after:after,.js-image-compare:hover .image-before:before{opacity:1}@media (max-width:767px){.image-before:before{right:0}.image-after:after{left:0}.image-after:after,.image-before:before{-webkit-transform:translateY(0);transform:translateY(0);width:150px;top:auto;bottom:0;opacity:1;text-align:center}.js-image-compare[data-direction=vertical] .image-before:before{bottom:0}.js-image-compare[data-direction=vertical] .image-after:after{top:0}}