#bars{margin-top:28px;position:relative}.bar{background:#fff;bottom:1px;height:3px;position:absolute;width:3px;-webkit-animation:sound 0ms -.8s linear infinite alternate;animation:sound 0ms -.8s linear infinite alternate}@-webkit-keyframes sound{0%{opacity:.35;height:3px}to{opacity:1;height:25px}}@keyframes sound{0%{opacity:.35;height:3px}to{opacity:1;height:25px}}.bar:first-child{left:3px;-webkit-animation-duration:.7s;animation-duration:.7s}.bar:nth-child(2){left:9px;-webkit-animation-duration:733ms;animation-duration:733ms}.bar:nth-child(3){left:15px;-webkit-animation-duration:807ms;animation-duration:807ms}.bar:nth-child(4){left:21px;-webkit-animation-duration:898ms;animation-duration:898ms}.bar:nth-child(5){left:26px;-webkit-animation-duration:.7s;animation-duration:.7s}.bar:nth-child(6){left:32px;-webkit-animation-duration:627ms;animation-duration:627ms}
@-webkit-keyframes sound{0%{opacity:.35;height:3px}to{opacity:1;height:25px}}@keyframes sound{0%{opacity:.35;height:3px}to{opacity:1;height:25px}}.bar:first-child{left:3px;-webkit-animation-duration:.7s;animation-duration:.7s}.bar:nth-child(2){left:9px;-webkit-animation-duration:733ms;animation-duration:733ms}.bar:nth-child(3){left:15px;-webkit-animation-duration:807ms;animation-duration:807ms}.bar:nth-child(4){left:21px;-webkit-animation-duration:898ms;animation-duration:898ms}.bar:nth-child(5){left:26px;-webkit-animation-duration:.7s;animation-duration:.7s}.bar:nth-child(6){left:32px;-webkit-animation-duration:627ms;animation-duration:627ms}.music{position:relative}.grid-two .hp_slide{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}
.kl-music-pause{
    max-width: 100%;
    width: 35px;
    object-fit: contain;
    position: absolute;
    bottom: -198px;
    cursor: pointer;
}
.kl-bar-none{
    display: none;
}
.kl-pause-none{
    display: none;
}
#bars{
    cursor: pointer;
}
/*#id-trans{*/
/*    height: 100px;*/
/*}*/
@media (max-width: 767.98px) {
    .timeline{
        display: block!important;
        top: 430px;
    }
    .timeline-bar{
        display: none;
    }
    .kl-music-pause{
        max-width: 100%;
        width: 35px;
        object-fit: contain;
        bottom: -13px;
        cursor: pointer;
        position: fixed;
        left: 15px;
        height: 35px;
        top: 424px;
    }
}