.bullets-container-right {
display: table;
position: fixed;
right: 0;
height: 100%;
z-index: 1049;
font-weight: normal;
z-index:999;
}
.section-bullets-right li:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #808080;
left: 9px;
margin-right: -1.5px;
z-index:1;
}
.section-bullets-left li:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #808080;
right:7px;
margin-right: -1.5px;
z-index:1;
}
.section-bullets-right {
transition-duration: .3s;
list-style: none;
margin: 0;
display: table-cell;
vertical-align: middle;
}
.section-bullets-right li {
display: block;
text-align: right;
font-size: 13px;
text-transform: uppercase;
line-height: 1;
position: relative; cursor: pointer; }
.section-bullets-right li a:before {
content: ' ';
width: 0;
height: 100%; position: absolute;
right: 0;
top: 0; transition-duration: .1s;
}
.section-bullets-right  li a:after {
content: ' ';
width:12px;
height:12px;
border-radius: 50%;
background-color: #000;
position: absolute;
left:0;
top: 8px;
z-index:999;
transition-duration: .2s;
}
.section-bullets-right li a {
color: #000;
overflow: hidden;
position: relative;
display: inline-block;
transition-duration: .3s; margin-left: 5px;
padding:6px 10px 6px 20px;
text-decoration: none;
min-height: 11px;
}
.section-bullets-right li span {
position: relative;
right: 0;
transition-duration: 0.3s;
opacity: 1;
font-size:16px;
}
.section-bullets-right li.active a {
opacity: 1;
}
.section-bullets-right li.active a:before {
width: 100%;
transition-duration: .1s;
transition-delay: 0.1s;
}
.section-bullets-right li:hover a {
opacity: 1;
}
.section-bullets-right li:hover span {
opacity: 1;
transition-delay: 0.1s;
}
.section-bullets-right li.active span {
opacity: 1;
transition-duration: .1s;
transition-delay: 0.1s;
font-weight:bold;
}
.bullets-container-left {
display: table;
position: fixed;
left: 0;
height: 100%;
z-index: 1049;
font-weight: normal;
}
.section-bullets-left {
transition-duration: .3s;
list-style: none;
margin: 0;
display: table-cell;
vertical-align: middle;
padding:0;
}
.section-bullets-left li {
display: block;
text-align: right;
font-size: 13px;
text-transform: uppercase;
line-height: 1;
position: relative;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
cursor: pointer; }
.section-bullets-left li a:before {
content: ' ';
width: 0;
height: 100%; position: absolute;
right: 0;
top: 0; transition-duration: .1s;
}
.section-bullets-left  li a:after {
content: ' ';
width:12px;
height:12px;
border-radius: 50%;
background-color: #000;
position: absolute;
right:0;
top: 8px;
z-index:999;
transition-duration: .2s;
}
.section-bullets-left li a {
color: #000;
overflow: hidden;
position: relative;
display: inline-block;
transition-duration: .3s; margin-left: 5px;
padding:6px 20px 6px 10px;
text-decoration: none;
min-height: 11px;
}
.section-bullets-left li span {
position: relative;
right: 0;
transition-duration: 0.3s;
opacity: 1;
font-size:16px;
}
.section-bullets-left li.active a {
opacity: 1;
}
.section-bullets-left li.active a:before {
width: 100%;
transition-duration: .1s;
transition-delay: 0.1s;
}
.section-bullets-left li:hover a {
opacity: 1;
}
.section-bullets-left li:hover span {
opacity: 1;
transition-delay: 0.1s;
}
.section-bullets-left li.active span {
opacity: 1;
transition-duration: .1s;
transition-delay: 0.1s;
font-weight:bold;
}
@media screen and (max-width: 480px) {
.bullets-container{
display:none;
}
}