.cocoen{box-sizing:border-box;cursor:pointer;line-height:0;margin:0;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cocoen *{box-sizing:inherit}
.cocoen ::after,.cocoen ::before{box-sizing:inherit}
.cocoen img,.cocoen picture>img{max-width:none}
.cocoen>img,.cocoen>picture>img{display:block;width:100%}
.cocoen>div:first-child,picture .cocoen>div{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%}
.cocoen-drag{background:rgba(100%,100%,100%,0.5);bottom:0;cursor:ew-resize;left:50%;position:absolute;top:0;width:1px}
.cocoen-drag::before{border:2px solid #fff;content:'';height:68px;left:50%;margin-left:-33px;margin-top:-27px;position:absolute;top:50%;width:68px; border-radius:50%; background:url(../images/cd-arrows.svg) no-repeat center;}

.gallery-wrapp .cocoen-drag::before { width:40px; height:40px; margin-left:-20px;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.galleryin-wrapp .cocoen-drag::before { width:42px; height:42px; margin-left:-22px;}
}