/*CURCULAR-NAVIGATOR*/
.circular-navigator {
    display: block;
    position: fixed;
    z-index: 999;
    right: -10px;
    top: 50%;
    margin-top: -122px;
    opacity: 0;
    transition: all cubic-bezier(.35,-1.18,.51,1.98) 300ms;
}
.circular-navigator.showCN {
    opacity: 1;
    right: 10px;
}
.circular-navigator a {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin: 10px;
    background: rgba(255,255,255,.2);
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
    transition: all cubic-bezier(.18,-0.54,.68,1.47) 300ms;
    transform: scale(0.7,0.7);
}
.circular-navigator a:hover {
    transform: scale(1,1);
}
.circular-navigator a.mPS2id-highlight {
    transform: scale(1,1);
    background: rgba(255,255,255,0.7);
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.5), 1px 1px 1px 1px rgba(0,0,0,0.1) inset;
}