.pg-pips{
position:fixed;
z-index:1000
}

.pg-pips ul{
margin:0;
padding:0
}

.pg-pips ul li{
width:14px;
height:14px;
margin:7px;
position:relative
}

.pg-pips ul li:hover a{
width:10px;
height:10px;
margin:-5px 0 0 -5px
}

.pg-pips ul li a{
display:block;
cursor:pointer;
text-decoration:none;
border-radius:50%;
position:absolute;
z-index:1;
height:4px;
width:4px;
border:0;
background:#fff;
left:50%;
top:50%;
margin:-2px 0 0 -2px
}

.pg-pips ul li a.active,.pg-pips ul li:hover a.active{
position:absolute;
height:14px;
width:14px;
margin:-7px 0 0 -7px;
border-radius:100%
}

.pg-vertical .pg-pips{
right:10px;
top:50%;
-webkit-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0)
}

.pg-vertical .pg-pips li{
display:block
}

.pg-horizontal .pg-pips{
bottom:10px;
left:50%;
-webkit-transform:translate3d(-50%,0,0);
transform:translate3d(-50%,0,0)
}

.pg-horizontal .pg-pips li{
display:inline-block
}