.node {
    pointer-events: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-filter: blur(0px);
   
}

.node.moving {
      opacity: 1;
      z-index: 999999;
      background: url(../images/plus-icon.svg)center no-repeat ;
      background-color: #51FE02;
      background-size: 0px;
      border-radius: 100%;

    -webkit-transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear;
    -moz-transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear;
    -o-transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear;
    transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear;
}
/* .node.moving.cursor_black{
    background-color: #141024;
} */

.node.moving.green{
    background-color: #51FE02;
}

.node.moving.next.green{
    background-image: url(../images/next_arrow.svg) !important
}
.node.moving.prev.green{
    background-image: url(../images/prev_arrow.svg) !important
}

.node.moving.green.expand{
    background-image: url(../images/black-pluse.svg) !important
}

.node.moving.prev{
    
    transform: translateZ(0) scale(3);
    -ms-transform:translateZ(0) scale(3);
    -webkit-transform:translateZ(0)  scale(3);
    -moz-transform:translateZ(0) scale(3);
    -o-transform:translateZ(0) scale(3);
    background-image: url(../images/prev_arrow.svg
    ) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
    background-color: #51FE02;
}

.node.moving.next{
    
    transform:translateZ(0) scale(3);
    -ms-transform: translateZ(0) scale(3);
    -webkit-transform: translateZ(0) scale(3);
    -moz-transform: translateZ(0) scale(3);
    -o-transform: translateZ(0) scale(3);
    background-image: url(../images/next_arrow.svg)  !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
     background-color: #51FE02;
}


.node.expand {
    transform: translateZ(0) scale(3);
    -ms-transform: translateZ(0) translateZ(0) scale(3);
    -webkit-transform: translateZ(0) scale(3);
    -moz-transform: translateZ(0) scale(3);
    -o-transform: translateZ(0) scale(3);
    background-size: 10px;
     opacity: 1;
    

}


.node.moving.play_btn{
    
    transform: scale(4);
    -ms-transform: scale(4);
    -webkit-transform:scale(4);
    -moz-transform: scale(4);
    -o-transform: scale(4);
    background-image: url(../images/play_n.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px;
    width: 170px;
    height: 170px;
}

.node.moving.pause_btn{
    
    transform: scale(4);
    -ms-transform: scale(4);
    -webkit-transform:scale(4);
    -moz-transform: scale(4);
    -o-transform: scale(4);
    background-image: url(../images/pause_n.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
}


    /* .node.moving.next , .node.moving.play_btn , .node.expand , 
    .node.moving.prev , .node.moving.green.expand , .node.moving.prev.green , .node.moving.next.green  {
    -webkit-transform: translate3d(0,0,0);
        width:70px;
        height:70px;
        background-size:30px;
        left: -46px;
        top: -46px;
    } */

  .node.moving.next , .node.moving.play_btn , .node.expand , 
    .node.moving.prev , .node.moving.green.expand , .node.moving.prev.green , .node.moving.next.green  {
    -webkit-transform: translate3d(0,0,0) ! important;
      padding:35px ! important;
        background-size:30px;
margin:-20px ! important;
    } 



    @media only screen and (max-width:767px) {

        .node.moving.pause_btn{width: 80px;height: 80px;background-size: 10px;}

    }