.wpkoi-image-comparison {width: 100%;position: relative }.wpkoi-image-comparison__instance {width: 100%;position: relative;overflow: hidden }.wpkoi-image-comparison .wpkoi-arrow {position: absolute;top: 50%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;cursor: pointer;z-index: 99;-webkit-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear }.wpkoi-image-comparison .wpkoi-arrow:before {display: block;width: 100%;text-align: center;line-height: 0;-webkit-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear }.wpkoi-image-comparison .wpkoi-arrow.prev-arrow {left: 0 }.wpkoi-image-comparison .wpkoi-arrow.next-arrow {right: 0 }.wpkoi-image-comparison .wpkoi-slick-dots {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;position: relative;z-index: 99 }.wpkoi-image-comparison .wpkoi-slick-dots li {padding: 5px;margin: 0;list-style: none }.wpkoi-image-comparison .wpkoi-slick-dots li span {display: block;cursor: pointer;width: 10px;height: 10px;-webkit-border-radius: 5px;border-radius: 5px;padding: 0;text-indent: 10em;overflow: hidden;-webkit-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear }.wpkoi-image-comparison .wpkoi-slick-dots li span:before {display: none }.wpkoi-image-comparison .juxtapose {margin: 0 auto;max-width: 100% }.wpkoi-image-comparison .juxtapose .jx-image {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end }.wpkoi-image-comparison .juxtapose .jx-image img {top: 0 }.wpkoi-image-comparison .juxtapose .jx-image .jx-label {float: none;left: auto;right: auto }.wpkoi-image-comparison .juxtapose .jx-image.jx-left {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start }.wpkoi-image-comparison .juxtapose .jx-image.jx-right {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end }.wpkoi-image-comparison .juxtapose .jx-handle {width: 40px;margin: 0;margin-left: -20px }.wpkoi-image-comparison .juxtapose .jx-handle .jx-arrow {display: none }.wpkoi-image-comparison .juxtapose .jx-handle .jx-control {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;width: 40px;background: none;margin: 0;z-index: 1 }.wpkoi-image-comparison .juxtapose .jx-handle .jx-control:before {width: 3px;height: 100%;display: block;position: absolute;top: 0;left: 50%;background-color: white;content: '' }.wpkoi-image-comparison .juxtapose .jx-handle .jx-controller {width: 40px;height: 40px;margin: 0;position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;direction: ltr }.wpkoi-image-comparison .juxtapose .jx-handle .jx-controller i {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center }