a.scrollt, a.scrollb { z-index:9999; line-height: 46px; } span.scrollt, span.scrollb { z-index:-1; } a.scrollt, span.scrollt { bottom : 41px; } a.scrollb, span.scrollb { bottom : 18px; } a.scrollt { background:#000000 ; color: #d3d3d3 ; border-radius: 0 2px 0 0; right : 26px; } span.scrollt { background: #000000 ; color: #d3d3d3 ; border-radius: 2px 0 0 0; right : 49px; } a.scrollb { background: #000000 ; color: #d3d3d3 ; border-radius: 0 0 2px 0; right : 26px; } span.scrollb { background: #000000 ; color: #d3d3d3 ; border-radius: 0 0 0 2px; right : 49px; } a.scrollt, a.scrollb, span.scrollt, span.scrollb, a.scrollt:before, a.scrollb:before, a.scrollt:hover:before, a.scrollb:hover:before, span.scrollt:hover, span.scrollb:hover, a.scrollt:hover , a.scrollb:hover { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } a.scrollt:hover, a.scrollb:hover, a.scrollt:hover ~ span.scrollt, a.scrollt:hover span.scrollt, a.scrollb:hover ~ span.scrollb, a.scrollb:hover span.scrollb, span.scrollt:hover, span.scrollb:hover { background:#000000 ; } a.scrollt:before, a.scrollb:before { font-family: FontAwesome; font-size: 15px; margin-left: -23px; position: relative; line-height: 46px; } a.scrollt:hover:before,a.scrollb:hover:before { color:#ffffff ; } a.scrollt:hover:before { bottom : 2.25px; } a.scrollb:hover:before { top: 3px; } a.scrollt:before { content:"\f102"; } a.scrollb:before { content:"\f103"; } a.scrollt, a.scrollb, span.scrollt, span.scrollb { position: fixed; width: 23px; height: 46px; text-align: center; vertical-align:middle; line-height: 46px; } a.scrollb, span.scrollb { display: none; } a.scrollt, span.scrollt { bottom : 18px; } a.scrollt { border-radius: 0 2px 2px 0; } span.scrollt { border-radius: 2px 0 0 2px; }