.fl-node- { postion: relative; } .fl-node- .pp-dotnav { position: fixed; : 40px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } .fl-node- .pp-dotnav .pp-dots { margin: 0; padding: 0; } .fl-node- .pp-dotnav .pp-dot { list-style-type: none; line-height: 0; margin: px 0; position: relative; text-align: ; } .fl-node- .pp-dotnav .pp-dot a { display: inline-block; border: 0; outline: 0 !important; text-decoration: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fl-node- .pp-dotnav .pp-dot a span { display: inline-block; float: right; } .fl-node- .pp-dotnav .pp-dot a .pp-dot-circle { border: 0; border-width: px; border-color: transparent; border-style: solid; border-radius: 100%; position: relative; top: 5px; height: px; width: px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .fl-node- .pp-dotnav .pp-dot a:hover .pp-dot-circle { border-color: transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .fl-node- .pp-dotnav .pp-dot.active .pp-dot-circle { border-color: transparent; } .fl-node- .pp-dotnav .pp-dot .pp-label { opacity: 0; color: #ffffff; border-radius: 2px; font-size: 13px; line-height: 1; margin-: 10px; padding: .4em .5em; display: inline-block; position: relative; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; -moz-transition: opacity 0.3s ease, visibility 0.3s ease; -ms-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; } .fl-node- .pp-dotnav .pp-dot .pp-label:after { content: ""; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid transparent; margin-top: -5px; position: absolute; top: 50%; : -5px; } .fl-node- .pp-dotnav .pp-dot a:hover .pp-label { opacity: 1; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media only screen and (max-width: px) { .fl-node- .pp-dotnav { display: none; } }