.twentytwenty-container{overflow:hidden}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{content: " ";display: block;background:#2e6997;position: absolute;z-index: 30;}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{width: 3px;height: 9999px;left: 50%;margin-left: -1.5px}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay{position: absolute; top: 0; width: 100%; height: 100%}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before{color:#4f4f4f;font-size: 13px}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {z-index:100;position: absolute;background: rgba(255, 255, 255, 0.8);font: 700 14px/30px "PF DinDisplay Pro";-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;width: 60px;text-align: center;}
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {display:none; top: 15px}
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {width: 0;height: 0;border: 6px inset transparent;position: absolute}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {top: 50%;margin-top: -6px; }
.twentytwenty-container {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none}
.twentytwenty-container img{max-width: 100%; position: absolute; top: 0; display: block}
.twentytwenty-before-label:before, .twentytwenty-after-label:before{content: attr(data-content)}
.twentytwenty-horizontal .twentytwenty-before-label:before{left: 15px}
.twentytwenty-horizontal .twentytwenty-after-label:before{right: 15px}
.twentytwenty-overlay:hover .twentytwenty-after-label, .twentytwenty-overlay:hover .twentytwenty-before-label{opacity: 1}
.twentytwenty-before{z-index: 20}
.twentytwenty-after{z-index: 10}
.twentytwenty-handle {height: 60px;width: 60px;position: absolute;left: 50%;top: 50%;margin-left: -30px;margin-top: -30px;background:#2e6997; border: 3px solid #2e6997;-webkit-border-radius: 1000px;-moz-border-radius: 1000px;border-radius: 1000px;z-index: 40;cursor: pointer;}
.twentytwenty-horizontal .twentytwenty-handle:before{bottom: 50%;margin-bottom: 0}
.twentytwenty-horizontal .twentytwenty-handle:after{top: 50%; margin-top: 0}
.twentytwenty-left-arrow{background: url(../images/after-slide.png) no-repeat top center;left: 8px;width: 9px;height: 25px;top: 19px;}
.twentytwenty-right-arrow{background: url(../images/after-slide.png) no-repeat top center;width: 9px;height: 25px;transform: rotate(180deg);right: 8px;top: 23px}