#bullets {
    position: fixed;
    z-index : 1;
    top     : 50%;
    right   : 120px;
    width   : 36px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

#bullets > div {
    height       : 36px;
    width        : 100%;
    border       : transparent 3px solid;
    border-radius: 36px;
    -webkit-transition: border-color .3s;
       -moz-transition: border-color .3s;
         -o-transition: border-color .3s;
            transition: border-color .3s;
}

.bullets_point {
    position     : relative;
    height       : 24px;
    width        : 24px;
    margin       : 3px;
    border       : #3EA2EF 3px solid;
    border-radius: 24px;
    -webkit-transition: background-color .3s, border-color .3s;
       -moz-transition: background-color .3s, border-color .3s;
         -o-transition: background-color .3s, border-color .3s;
            transition: background-color .3s, border-color .3s;
}

.bullets_point-visible {
    border-color: #8CCAFA !important;
}

.bullets_point-current {
    background-color: #3EA2EF;
    cursor          : pointer;
}

.bullets_point-done {
    border-color    : #8CCAFA;
    background-color: #8CCAFA;
    cursor          : pointer;
}