.sliced-slider{padding: 45px 0 0 0;
    .sliced-next,.sliced-prev{position: absolute; background-color: rgba(255,255,255,0.3); width: 40px; height: 40px; top: 47%; z-index: 4; text-align: center; font-size: 24px; padding-top:4px; color: rgba(36,72,41,0.5); transition: all ease-in 0.2s; cursor: pointer; border-radius: 50%;
        &:hover{background-color: rgba(255,255,255,0.7);}
    }
    .sliced-next{right: 3%;}
    .sliced-prev{left: 3%;}
}
.sliced-slider-item{position: relative; float: left; width: 100%; z-index: 1; text-align: center; padding: 9% 0px; background-color: rgba(255,255,255,1);
    .sliced-bg-group{position: relative; float: left; width: 100%; z-index: 1;
        .bg-item{position: relative; float: left; width: 50%;}
        .bg-shadow{position: absolute; z-index: 3; background-color: rgba(36,72,41,0.4); top: 0; bottom: 0; left: 0; right: 0;
            transition: all ease-in 0.3s;
            &:hover{background-color: rgba(0,0,0,0);}
        }
    }
    .sliced-overlay{position: absolute; top: 0; bottom: 0; left:30%; right: 0; width: 40%; text-align: center; z-index: 2;
        .overlay-group{width: 100%; display: inline-block; height: 120%; overflow: hidden;
            .overlay-item{float: left;  width: 50%; transition: all ease-in 0.6s;
                    & img{width: 200% !important;}
                    &.left {margin-top: 10%; 
                        img{float: left;}
                    }
                    &.right {margin-top: 20%;  
                        img{float: right;}
                    }

                    .kropf{position: relative; overflow: hidden;}
                }   
            
            .bg-shadow{position: absolute; z-index: 3; background-color: rgba(0,0,0,0.2); top: 0; bottom: 0; left: 0; right: 0;
                transition: all ease-in 0.3s;}
            
            &:hover .bg-shadow{background-color: rgba(0,0,0,0);}
            
            &:hover .overlay-item{
                &.left,&.right {margin-top: 15%;}
            }
            
            .overlay-content{position: absolute; top: 35%; left: 5%; right: 5%; z-index: 3; //background-color: #ff0; 
                .tags,.title{text-shadow: 0px 1px 2px rgba(100, 100, 100, 0.5); color: rgba(255,255,255,0.95);}
                .tags{font-family: $font-sans; margin: 0 0 10px; font-size: 12px; font-weight: 300;}
                .title{font-family: $font-serif; font-size: 28px; font-weight: 600; margin: 0 0 6% 0;}
                .readmore{padding: 10px 20px; background-color: rgba(32,76,41,0.8); color: #fff; text-decoration: none;
                    transition: all ease-in 0.3s; cursor: pointer;
                    &:hover{background-color: rgba(32,76,41,1);}
                }
            }
        }
    }
}