.lSSlideOuter {height: 100%;}
.lSSlideWrapper {height: 100%;}

.lSSlideOuter .lSPager.lSpg {
    bottom: 9rem; 
    left: 35%;
}
.lSSlideOuter .lSPager.lSpg>li a {
    /*background-color: #8a8a8a;*/
    background-color: transparent;
    background-image: url('/_demo/wave/_images/slider-button-1g.png');
    background-size: contain;
    background-repeat: no-repeat;
    /*background-position: 80%;*/
    border-radius: 0;
    transition: all .4s linear 0s;
    height: .25rem;
    height: .75rem;
    width: 3rem;
}
.lSSlideOuter .lSPager.lSpg>li.active a {
    background-color: transparent;
    background-image: url('/_demo/wave/_images/slider-button-1w.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.lSSlideOuter .lSPager.lSpg>li a:hover {
    /*background-color:#8a000083;*/
    background-color: transparent;
    background-image: url('/_demo/wave/_images/slider-button-1w.png');
    background-size: contain; 
    background-repeat: no-repeat;

}
.lSSlideOuter .lSPager.lSpg>li.active a:hover {
    /*background-color:#8a000083;*/
    background-color: transparent;
    background-image: url('/_demo/wave/_images/slider-button-1w.png');
    background-size: contain; 
    background-repeat: no-repeat;
}

.lSSlideOuter .lSPager li:nth-child(2) a {
    margin-bottom: .21rem;
    background-image: url('/_demo/wave/_images/slider-button-2g.png');
    background-size: contain; 
    background-repeat: no-repeat;
}
.lSSlideOuter .lSPager.lSpg>li:nth-child(2).active a {
    background-image: url('/_demo/wave/_images/slider-button-2w.png');
    background-size: contain; 
    background-repeat: no-repeat;
}
.lSSlideOuter .lSPager.lSpg>li:nth-child(2) a:hover {
    background-image: url('/_demo/wave/_images/slider-button-2w.png');
    background-size: contain; 
    background-repeat: no-repeat;
}
.lSSlideOuter .lSPager.lSpg>li:nth-child(2).active a:hover {
    background-image: url('/_demo/wave/_images/slider-button-2w.png');
    background-size: contain; 
    background-repeat: no-repeat;
}


.lSSlideOuter .lSPager li:nth-child(3) a {
    margin-bottom: .5rem;
    background-image: url('/_demo/wave/_images/slider-button-3g.png');
    background-size: contain; 
    background-repeat: no-repeat;
}
.lSSlideOuter .lSPager.lSpg>li:nth-child(3).active a {
    background-image: url('/_demo/wave/_images/slider-button-3w.png');
    background-size: contain; 
    background-repeat: no-repeat;
}
.lSSlideOuter .lSPager.lSpg>li:nth-child(3) a:hover {
    background-image: url('/_demo/wave/_images/slider-button-3w.png');
    background-size: contain; 
    background-repeat: no-repeat;
}
.lSSlideOuter .lSPager.lSpg>li:nth-child(3).active a:hover {
    background-image: url('/_demo/wave/_images/slider-button-3w.png');
    background-size: contain; 
    background-repeat: no-repeat;
}

/*------------------------------------------------------------------------------------------------------------*/
/*1024px*/    
@media screen and (max-width: 64em) {
    .lSSlideOuter .lSPager.lSpg {
        bottom: 25%; 
        left: 35%;
    }
    .lSSlideOuter .lSPager.lSpg>li a {
        width: 2.5rem;
    }
}

/*------------------------------------------------------------------------------------------------------------*/
/*960px*/    
@media screen and (max-width: 60em) {
    .lSSlideOuter .lSPager.lSpg {
        bottom: 25%; 
        left: 35%;
    }
    .lSSlideOuter .lSPager.lSpg>li a {
        width: 2rem;
    }

}

/*------------------------------------------------------------------------------------------------------------*/
/*768px*/
@media screen and (max-width: 48em) {
    .lSSlideOuter .lSPager.lSpg {
        bottom: 35%; 
        left: 35%;
    }
}

/*------------------------------------------------------------------------------------------------------------*/
/*672px*/
@media screen and (max-width: 42em) {
    .lSSlideOuter .lSPager.lSpg {
        bottom: 30%; 
        left: 0%;
    }
    .lSSlideOuter .lSPager.lSpg>li a {
        width: 1.5rem;
    }
    .lSSlideOuter .lSPager.lSpg>li a {
        background-image: none;
        background-color: #c4c4c4;
        border-radius: 0;
        transition: all .4s linear 0s;
        height: .125rem;
        width: 1rem;
    }
    .lSSlideOuter .lSPager.lSpg>li.active a {
        background-image: none;
        background-color: #fff;
    }
    .lSSlideOuter .lSPager.lSpg>li a:hover {
        background-image: none;
        background-color: #fff;
    }
    .lSSlideOuter .lSPager.lSpg>li.active a:hover {
        background-image: none;
        background-color: #fff;
    }
    
    .lSPager li:nth-child(2) a {
        margin-bottom: 0;
        background-image: none;
        background-color: #fff;

    }
    .lSPager li:nth-child(3) a {
        margin-bottom: 0;
        background-image: none;
        background-color: #fff;
    }
    .lSSlideOuter .lSPager li:nth-child(2) a {
        margin-bottom: 0;
        background-image: none;
        background-color: #ccc;
    }
    .lSSlideOuter .lSPager.lSpg>li:nth-child(2).active a {
        margin-bottom: 0;
        background-image: none;
        background-color: #fff;
    }
    .lSSlideOuter .lSPager.lSpg>li:nth-child(2) a:hover {
        margin-bottom: 0;
        background-image: none;
        background-color: #fff;
    }
    .lSSlideOuter .lSPager.lSpg>li:nth-child(2).active a:hover {
        margin-bottom: 0;
        background-image: none;
        background-color: #fff;
    }

    .lSSlideOuter .lSPager li:nth-child(3) a {
        margin-bottom: 0;
        background-image: none;
        background-color: #ccc;
    }
    .lSSlideOuter .lSPager.lSpg>li:nth-child(3).active a {
        margin-bottom: 0;
        background-image: none;
        background-color: #fff;
    }
    .lSSlideOuter .lSPager.lSpg>li:nth-child(3) a:hover {
        margin-bottom: 0;
        background-image: none;
        background-color: #fff;
    }
    .lSSlideOuter .lSPager.lSpg>li:nth-child(3).active a:hover {
        margin-bottom: 0;
        background-image: none;
        background-color: #fff;
    }
}

/*------------------------------------------------------------------------------------------------------------*/
/*480px*/
@media screen and (max-width: 30em) {
    .lSSlideOuter .lSPager.lSpg {
        bottom: 45%; 
    }

}