/* You can type here any CSS code that will be loaded both on your admin and front-end pages.
Let us help you by giving a few exmaple CSS classes: */

/* Front-end sliders & preview */

.ls-container { /* The slider itself */

}

.ls-slide { 

}

.ls-slide a:hover {
	color: blue;
	text-decoration: underline;
}

.ls-slide #yourID {

}

.ls-slide .yourClass {

}

/* Side color of 3D objects */
.ls-3d-box div { background: #777; }
#top .avia-layerslider .ls-bottom-slidebuttons a, #top .avia-layerslider .ls-nav-start, #top .avia-layerslider .ls-nav-stop {
    display: inline-block;
    /* height: 10px; */
    /* width: 10px; */
    /* border-radius: 30px; */
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* border: 2px solid #fff !important; */
    text-indent: 300%;
    overflow: hidden;
    text-indent: 0;
    z-index: 10000;
    /*background-image: url(http://asianhosp.tandemnz.co.nz/wordpress/wp-content/uploads/2016/09/Screen-Shot-2014-10-27-at-10.30.14-AM.png) !important;*/
    background-repeat: no-repeat !important;
    padding: 15px;
}
#top .avia-layerslider .ls-nav-start, #top .avia-layerslider .ls-nav-stop {
    position: relative;
    height: 23px;
    width: 23px;
    margin: 0px 5px;
    top: -35px;
    display: none ! important;
}
#top .avia-layerslider .ls-bottom-slidebuttons a, #top .avia-layerslider .ls-nav-start, #top .avia-layerslider .ls-nav-stop {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 30px;
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* border: 2px solid #fff !important; */
    text-indent: 300%;
    overflow: hidden;
    text-indent: 0;
    z-index: 10000;
}
.ls-nav-active{}