.slbannerhh .slick-track,
.slbannerhh .slick-slide{height:100%!important}
.slbannerhh .slick-track{
    position:relative!important;
    width:100%!important;
    transform:none!important;
}
.slbannerhh .slick-list{
    position:absolute!important;
    top: 0;
    left: 0;
    height: 100%!important;
    width:100%!important;
    transform:none!important;
}
/* item đè lên nhau + LEFT = 0!important */
.slbannerhh .item{
    position:absolute!important;
    top:0!important;left:0!important;
    width:100%!important;height:100%!important;
    z-index:1;
}

/* layer */
.slbannerhh .item.is-top{z-index:10}
.slbannerhh .item.is-under{z-index:9}
@-webkit-keyframes mask-play{
    from{-webkit-mask-position:0% 0;mask-position:0% 0}
    to{-webkit-mask-position:100% 0;mask-position:100% 0}
}
@keyframes mask-play{
    from{-webkit-mask-position:0% 0;mask-position:0% 0}
    to{-webkit-mask-position:100% 0;mask-position:100% 0}
}
.slbannerhh .item:nth-child(1n + 1).veffect{
    -webkit-mask:url("images/nature-sprite.png");
    mask:url("images/nature-sprite.png");
    -webkit-mask-size:2300% 100%;
    mask-size:2300% 100%;
    -webkit-animation:mask-play 1.4s steps(22) forwards;
    animation:mask-play 1.4s steps(22) forwards;
}
.slbannerhh .item:nth-child(2n + 2).veffect{
    -webkit-mask:url("images/nature-sprite-2.png");
    mask:url("images/nature-sprite-2.png");
    -webkit-mask-size:7100% 100%;
    mask-size:7100% 100%;
    -webkit-animation:mask-play 1.4s steps(70) forwards;
    animation:mask-play 1.4s steps(70) forwards;
}
.slbannerhh .item:nth-child(3n + 3).veffect{
    -webkit-mask:url("images/building-sprite.png");
    mask:url("images/building-sprite.png");
    -webkit-mask-size:7500% 100%;
    mask-size:7500% 100%;
    -webkit-animation:mask-play 1.4s steps(74) forwards;
    animation:mask-play 1.4s steps(74) forwards;
}
.slbannerhh .ssvideo{opacity:0}
.slbannerhh .ssvideo.is-ready{opacity:1}
/* warmup mask (ẩn, không đổi hiệu ứng) */
.mask-warmup{position:fixed;left:-9999px;top:-9999px;width:10px;height:10px;background:#000}
.mask-warmup.v1{-webkit-mask:url("images/nature-sprite.png");mask:url("images/nature-sprite.png");-webkit-mask-size:2300% 100%;mask-size:2300% 100%}
.mask-warmup.v2{-webkit-mask:url("images/nature-sprite-2.png");mask:url("images/nature-sprite-2.png");-webkit-mask-size:7100% 100%;mask-size:7100% 100%}
.mask-warmup.v3{-webkit-mask:url("images/building-sprite.png");mask:url("images/building-sprite.png");-webkit-mask-size:7500% 100%;mask-size:7500% 100%}