.sh-effect--alpha::after,.sh-effect--alpha::before{
    content:'';
    display:block
}
.sh-effect--alpha::after,.sh-effect--alpha::before,.sh-effect--alpha__overlay{
    right:0;
    top:0;
    left:0;
    position:absolute
}
.sh-effect--alpha__date,.sh-effect--beta__date,.sh-effect--delta__date,.sh-effect--gamma__date{
    text-shadow:0 0 4px rgba(0,0,0,.2)
}
.sh-container{
    display:block;
    position:relative;
    overflow:hidden;
    box-shadow:0 0 5px rgba(0,0,0,.1);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.sh-container:not(:last-child){
    margin-bottom:15px
}
@media (min-width:690px){
    .sh-container:not(:last-child){
        margin-bottom:0px
    }
}
@media (min-width:992px){
    .sh-container:not(:last-child){
        margin-bottom:0px
    }
}
.sh-effect--alpha::before{
    top:0;
    background:rgba(0,0,0,.2);
    opacity:0;
    transition:opacity .2s linear
}
.sh-effect--alpha::after{
    height:70%;
    opacity:.3;
    background:linear-gradient(to bottom,rgba(125,185,232,0) 0,#010202 99%,#000 100%)
}
.sh-effect--alpha__overlay{
    -webkit-transform:translate3d(0,calc(-120% + 1px),0);
    transform:translate3d(0,calc(-120% + 1px),0);
    z-index:10;
    transition:-webkit-transform .2s linear;
    transition:transform .2s linear;
    transition:transform .2s linear,-webkit-transform .2s linear;
    background: rgba(0,0,0,0.6);
    color:#000;
    padding:20px
}
.sh-effect--alpha:hover .sh-effect--alpha__overlay{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    transition:-webkit-transform .2s cubic-bezier(.54,.15,.22,.89);
    transition:transform .2s cubic-bezier(.54,.15,.22,.89);
    transition:transform .2s cubic-bezier(.54,.15,.22,.89),-webkit-transform .2s cubic-bezier(.54,.15,.22,.89)
}
.sh-effect--alpha:hover .sh-effect--alpha__title{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    transition:.1s .2s cubic-bezier(.54,.15,.22,.89)
}
.sh-effect--alpha:hover .sh-effect--alpha__meta{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    transition:.15s .2s cubic-bezier(.54,.15,.22,.89)
}
.sh-effect--alpha:hover::before{
    opacity:1;
    visibility:visible;
    transition:opacity .2s cubic-bezier(.54,.15,.22,.89)
}

.sh-effect--alpha__title{
    margin:0;font-size:16px;font-weight:700;
    -webkit-transform:translate3d(0,-30%,0);
    transform:translate3d(0,-30%,0);
    opacity:0;transition:.2s linear
}
@media (min-width:1200px){
    .sh-effect--alpha__overlay{
        padding:25px 30px
    }
    .sh-effect--alpha__title{
        font-size:21px
    }
}
.sh-effect--alpha__meta{
    color:#aaa;margin-top:5px;
    -webkit-transform:translate3d(0,30%,0);
    transform:translate3d(0,30%,0);
    opacity:0;transition:.2s linear;
    font-size:13px
}
.sh-effect--alpha__author-meta{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    position:absolute;
    top:-55px;
    left:20px
}
.sh-effect--beta::after,.sh-effect--beta::before{content:'';display:block}
@media (min-width:1200px){
    .sh-effect--alpha__meta{
        font-size:16px
    }
    .sh-effect--alpha__author-meta{
        top:-65px;left:25px
    }
}
.sh-effect--beta::after,.sh-effect--beta::before,.sh-effect--beta__overlay{
    right:0;
    bottom:0;
    left:0;
    position:absolute
}
.sh-effect--alpha__avatar{width:30px;height:30px;border-radius:50%;margin-right:15px}
.sh-effect--alpha__date{font-size:11px;color:#fff}
@media (min-width:1200px){
    .sh-effect--alpha__avatar{
        width:40px;height:40px
    }.sh-effect--alpha__date{
        font-size:13px
    }
}.sh-effect--beta::before{top:0;background:linear-gradient(to bottom,#1e5799 0,#ffb689 100%);opacity:0;transition:opacity .2s cubic-bezier(.54,.15,.22,.89);z-index:5}.sh-effect--beta::after{height:70%;opacity:.3;background:linear-gradient(to bottom,rgba(125,185,232,0) 0,#010202 99%,#000 100%)}.sh-effect--beta:hover .sh-effect--beta__overlay{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.sh-effect--beta:hover .sh-effect--beta__title{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.2s linear}.sh-effect--beta:hover .sh-effect--beta__meta{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.2s 50ms linear}.sh-effect--beta:hover .sh-effect--beta__image{-webkit-transform:scale(1.2) translate3d(10px,0,0);transform:scale(1.2) translate3d(10px,0,0);transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}@media (min-width:1200px){.sh-effect--beta:hover .sh-effect--beta__image{-webkit-transform:scale(1.2) translate3d(30px,0,0);transform:scale(1.2) translate3d(30px,0,0)}}.sh-effect--beta:hover::before{opacity:.5;visibility:visible;transition:opacity .2s linear}.sh-effect--beta__image{-webkit-transform:scale(1.2);transform:scale(1.2);transition:-webkit-transform .2s cubic-bezier(.54,.15,.22,.89);transition:transform .2s cubic-bezier(.54,.15,.22,.89);transition:transform .2s cubic-bezier(.54,.15,.22,.89),-webkit-transform .2s cubic-bezier(.54,.15,.22,.89)}.sh-effect--beta__overlay{z-index:10;transition:-webkit-transform .2s cubic-bezier(.54,.15,.22,.89);transition:transform .2s cubic-bezier(.54,.15,.22,.89);transition:transform .2s cubic-bezier(.54,.15,.22,.89),-webkit-transform .2s cubic-bezier(.54,.15,.22,.89);color:#fff;padding:20px}.sh-effect--beta__meta,.sh-effect--beta__title{transition:.2s cubic-bezier(.54,.15,.22,.89);opacity:0}.sh-effect--beta__title{margin:0;font-size:16px;font-weight:700;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}@media (min-width:1200px){.sh-effect--beta__overlay{padding:25px 30px}.sh-effect--beta__title{font-size:21px}}.sh-effect--beta__meta{color:rgba(255,255,255,.6);margin-top:5px;font-size:13px;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}.sh-effect--beta__author-meta{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:absolute;top:20px;left:20px;z-index:15}.sh-effect--gamma::after,.sh-effect--gamma::before{content:'';display:block}@media (min-width:1200px){.sh-effect--beta__meta{font-size:16px}.sh-effect--beta__author-meta{top:25px;left:25px}}.sh-effect--gamma::after,.sh-effect--gamma::before,.sh-effect--gamma__overlay{right:0;bottom:0;left:0;position:absolute}.sh-effect--beta__avatar{width:30px;height:30px;border-radius:50%;margin-right:15px}.sh-effect--beta__date{font-size:11px;color:#fff}@media (min-width:1200px){.sh-effect--beta__avatar{width:40px;height:40px}.sh-effect--beta__date{font-size:13px}}.sh-effect--gamma::before{top:0;background:linear-gradient(to bottom,#dcb72f 0,#89faff 100%);opacity:0;transition:opacity .2s cubic-bezier(.54,.15,.22,.89);z-index:5}.sh-effect--gamma::after{height:70%;opacity:.3;background:linear-gradient(to bottom,rgba(125,185,232,0) 0,#010202 99%,#000 100%)}.sh-effect--gamma:hover .sh-effect--gamma__overlay{-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);transition:-webkit-transform .2s cubic-bezier(.54,.15,.22,.89);transition:transform .2s cubic-bezier(.54,.15,.22,.89);transition:transform .2s cubic-bezier(.54,.15,.22,.89),-webkit-transform .2s cubic-bezier(.54,.15,.22,.89)}@media (min-width:1200px){.sh-effect--gamma:hover .sh-effect--gamma__overlay{-webkit-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}}.sh-effect--gamma:hover .sh-effect--gamma__meta{-webkit-transform:rotate(-90deg) translate3d(0,100%,0);transform:rotate(-90deg) translate3d(0,100%,0);transition:.2s cubic-bezier(.54,.15,.22,.89)}.sh-effect--gamma:hover .sh-effect--gamma__image{-webkit-transform:scale(1.2) translate3d(10px,0,0);transform:scale(1.2) translate3d(10px,0,0);transition:.2s cubic-bezier(.54,.15,.22,.89)}@media (min-width:1200px){.sh-effect--gamma:hover .sh-effect--gamma__image{-webkit-transform:scale(1.2) translate3d(30px,0,0);transform:scale(1.2) translate3d(30px,0,0)}}.sh-effect--gamma:hover::before{opacity:.5;visibility:visible;transition:opacity .2s cubic-bezier(.54,.15,.22,.89)}.sh-effect--gamma__image{-webkit-transform:scale(1.2);transform:scale(1.2);transition:-webkit-transform .2s cubic-bezier(.54,.15,.22,.89);transition:transform .2s cubic-bezier(.54,.15,.22,.89);transition:transform .2s cubic-bezier(.54,.15,.22,.89),-webkit-transform .2s cubic-bezier(.54,.15,.22,.89)}.sh-effect--gamma__overlay{z-index:10;transition:-webkit-transform .2s cubic-bezier(.54,.15,.22,.89);transition:transform .2s cubic-bezier(.54,.15,.22,.89);transition:transform .2s cubic-bezier(.54,.15,.22,.89),-webkit-transform .2s cubic-bezier(.54,.15,.22,.89);color:#fff;padding:20px;width:calc(100% - 120px)}.sh-effect--gamma__title{margin:0;font-size:16px;font-weight:700;transition:.2s cubic-bezier(.54,.15,.22,.89)}@media (min-width:1200px){.sh-effect--gamma__overlay{padding:25px 30px;width:calc(100% - 140px)}.sh-effect--gamma__title{font-size:21px}}.sh-effect--gamma__meta{background:#fff;color:#000;transition:.2s cubic-bezier(.54,.15,.22,.89);font-size:12px;z-index:20;position:absolute;bottom:20px;left:20px;-webkit-transform:rotate(-90deg) translate3d(0,-100%,0);transform:rotate(-90deg) translate3d(0,-100%,0);-webkit-transform-origin:bottom left;transform-origin:bottom left;padding:3px 10px}@media (min-width:1200px){.sh-effect--gamma__meta{font-size:16px;bottom:25px;left:25px;padding:5px 10px}}.sh-effect--gamma__author-meta{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;z-index:15;margin-bottom:10px}.sh-effect--delta::after,.sh-effect--delta::before{content:'';display:block;right:0;bottom:0;left:0;position:absolute}.sh-effect--gamma__avatar{width:30px;height:30px;border-radius:50%;margin-right:15px}.sh-effect--gamma__date{font-size:11px;color:#fff}@media (min-width:1200px){.sh-effect--gamma__avatar{width:40px;height:40px}.sh-effect--gamma__date{font-size:13px}}.sh-effect--delta::before{top:0;background:linear-gradient(to bottom,#e80202 0,#f578d4 100%);opacity:0;transition:opacity .2s linear;z-index:5}.sh-effect--delta::after{height:70%;opacity:.3;background:linear-gradient(to bottom,rgba(125,185,232,0) 0,#010202 99%,#000 100%)}.sh-effect--delta:hover .sh-effect--delta__overlay{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1;transition:.2s cubic-bezier(.54,.15,.22,.89)}.sh-effect--delta:hover .sh-effect--delta__meta{transition:.2s cubic-bezier(.54,.15,.22,.89)}
.sh-effect--delta:hover .sh-effect--delta__image{-webkit-transform:scale(1.25) translate3d(0,0,0);transform:scale(1.25) translate3d(0,0,0);transition:.2s cubic-bezier(.54,.15,.22,.89)}
.sh-effect--delta:hover::before{opacity:.5;visibility:visible;transition:opacity .2s cubic-bezier(.54,.15,.22,.89)}
.sh-effect--delta__image{-webkit-transform:scale(1.2);transform:scale(1.2);transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}
.sh-effect--delta__overlay{position:absolute;top:20px;right:20px;bottom:20px;left:20px;z-index:10;-webkit-transform:scale(.8);transform:scale(.8);opacity:0;transition:.2s linear;color:#fff;padding:20px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border:2px solid #fff}
@media (min-width:1200px){.sh-effect--delta__overlay{padding:25px 30px}}
.sh-effect--delta__overlay-inside{padding:20px;text-align:center}
.sh-effect--delta__title{margin:0;font-size:16px;font-weight:700;transition:.2s linear}
@media (min-width:1200px){.sh-effect--delta__overlay-inside{padding:40px}.sh-effect--delta__title{font-size:21px}}
.sh-effect--delta__meta{color:rgba(255,255,255,.7);transition:.2s linear;font-size:12px;position:relative;z-index:20;padding:5px 0 0;margin-top:5px}
.sh-effect--delta__author-meta{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;z-index:15;margin-bottom:10px}
.sh-effect--delta__avatar{width:30px;height:30px;border-radius:50%;margin-right:15px}
@media (min-width:1200px){.sh-effect--delta__meta{font-size:16px;padding:5px 0 0}.sh-effect--delta__avatar{width:40px;height:40px}}.sh-effect--delta__date{font-size:11px;color:#fff}
@media (min-width:1200px){.sh-effect--delta__date{font-size:13px}}