/*!
 * Cndk.BeforeAfter.js v 0.0.2 (https://github.com/ilkerccom/cndkbeforeafter)
 * Ilker Cindik
 * Licensed under the MIT license
 */.frame-layout-0 .cndkbeforeafter{margin-left:auto;margin-right:auto}.frame-layout-10 .cndkbeforeafter{margin-left:0;margin-right:auto}.frame-layout-11 .cndkbeforeafter{margin-left:auto;margin-right:0}.cndkbeforeafter{overflow:hidden;position:relative;transition:.5s;user-select:none}.cndkbeforeafter img{max-width:none;vertical-align:middle}.cndkbeforeafter-before img{width:100%}.cndkbeforeafter-after{position:absolute;height:100%;overflow:hidden;top:0;right:0;width:100%}.cndkbeforeafter-after img{float:right;height:100%;width:auto}.cndkbeforeafter-seperator{width:4px;margin-left:-2px;position:absolute;height:100%;left:0;top:0;background:#000;cursor:ew-resize}.cndkbeforeafter-seperator>div>span{transition:.25s;cursor:pointer;position:absolute;width:50px;height:50px;cursor:ew-resize;border:3px solid #000;background:#fff;top:50%;left:50%;margin:-25px;border-radius:25px}.cndkbeforeafter-seperator>div>span::after{content:"";border:solid #9e9e9e;border-width:0 6px 6px 0;display:inline-block;padding:6px;transform:rotate(135deg);top:50%;left:0;position:absolute;margin:-8px 0 0 8px}.cndkbeforeafter-seperator>div>span::before{content:"";border:solid #9e9e9e;border-width:6px 0 0 6px;display:inline-block;padding:6px;transform:rotate(135deg);top:50%;right:0;position:absolute;margin:-8px 8px 0 0}.cndkbeforeafter-seperator:hover>div>span,.cndkbeforeafter-seperator:active>div>span{background:#000}.small .cndkbeforeafter-seperator>div>span{transform:scale(0.7)}.cndkbeforeafter-seperator:active>div>span{transform:scale(0.8)}.cndkbeforeafter-seperator:hover{opacity:1 !important}.cndkbeforeafter-seperator:active{box-shadow:0 0 35px #000}.cndkbeforeafter-item-before-text,.cndkbeforeafter-item-after-text{font-size:15px;font-family:din,Helvetica,Univers,Arial,Verdana,sans-serif;position:absolute}.cndkbeforeafter-item-before-text div:not(:empty),.cndkbeforeafter-item-after-text div:not(:empty){display:inline-block;background:rgba(0,0,0,.6);color:#fff;padding:.2em .5em;white-space:pre-wrap}.cndkbeforeafter-item-after-text{text-align:right}.cndkbeforeafter-top-left{left:0;top:0}.cndkbeforeafter-top-right{right:0;top:0}.cndkbeforeafter-bottom-left{left:0;bottom:0}.cndkbeforeafter-bottom-right{right:0;bottom:0}.cndkbeforeafter-drag-transition{transition:.5s}.cndkbeforeafter-hover-transition{transition:0s}.cndkbeforeafter-animation{animation:cndkbeforeafter-startanimaton 1s ease-in-out}.cndkbeforeafter-animation-item-1{animation:cndkbeforeafter-continuous-1 10s ease-in-out infinite}.cndkbeforeafter-animation-item-2{animation:cndkbeforeafter-continuous-2 10s ease-in-out infinite}.cndkbeforeafter-animation-seperator{animation:cndkbeforeafter-continuous-3 10s ease-in-out infinite}@keyframes cndkbeforeafter-startanimaton{from{opacity:0;width:50%;transform:scale(0.85)}to{opacity:1;width:100%;transform:scale(1)}}@keyframes cndkbeforeafter-continuous-1{0%{width:0%}50%{width:100%}100%{width:0%}}@keyframes cndkbeforeafter-continuous-2{0%{width:100%}50%{width:0%}100%{width:100%}}@keyframes cndkbeforeafter-continuous-3{0%{left:0%}50%{left:100%}100%{left:0%}}.cndkbeforeafter-theme-light .cndkbeforeafter-seperator{background:#fff !important}.cndkbeforeafter-theme-light .cndkbeforeafter-seperator>div>span{border-color:#fff !important;background:#fff !important}.cndkbeforeafter-theme-light .cndkbeforeafter-seperator>span::after,.cndkbeforeafter-theme-light .cndkbeforeafter-seperator>span::before{border-color:#fff !important}.cndkbeforeafter-theme-light :hover>div>span,.cndkbeforeafter-theme-light :active>div>span{background:#fff !important}.cndkbeforeafter-theme-light .cndkbeforeafter-item-before-text div,.cndkbeforeafter-theme-light .cndkbeforeafter-item-after-text div{background:rgba(255,255,255,.7);color:#000}.cndkbeforeafter-theme-dark .cndkbeforeafter-seperator{background:#000 !important}.cndkbeforeafter-theme-dark .cndkbeforeafter-seperator>div>span{border-color:#000 !important;background:#000 !important}.cndkbeforeafter-theme-dark .cndkbeforeafter-seperator>span::after,.cndkbeforeafter-theme-dark .cndkbeforeafter-seperator>span::before{border-color:#000}.cndkbeforeafter-theme-dark :hover>div>span,.cndkbeforeafter-theme-dark :active>div>span{background:#000 !important}.cndkbeforeafter-theme-dark .cndkbeforeafter-item-before-text div,.cndkbeforeafter-theme-dark .cndkbeforeafter-item-after-text div{background:rgba(0,0,0,.7);color:#fff}@media only screen and (max-width: 600px){.cndkbeforeafter{width:100% !important}}/*# sourceMappingURL=cndk.beforeafter.css.map */