.sticky-buttons,
.sticky-buttons * {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    background: 0;
    line-height: 1
}

.sticky-buttons {
    position: fixed;
    z-index: 99
}

.sticky-buttons .sb-icon {
    display: inline-block;
    text-align: center;
    transition: all .5s
}

.sticky-buttons .sb-icon img {
    vertical-align: middle;
    max-width: 100%
}

.sticky-buttons .sb-label {
    position: absolute;
    padding: 0 10px;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    z-index: 3
}

.sticky-buttons .sb-label.-visible {
    visibility: visible;
    opacity: 1;
    transform: none !important;
    z-index: 2
}

.sticky-buttons .sb-label:before {
    content: "";
    display: block;
    position: absolute
}

.sticky-buttons a:hover .sb-label {
    visibility: visible;
    opacity: 1
}

.sticky-buttons.-shadow .sb-icon,
.sticky-buttons.-shadow .sb-label {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5)
}

.sticky-buttons.-small .sb-icon,
.sticky-buttons.-small .sb-label {
    height: 30px;
    line-height: 30px;
    font-size: 16px
}

.sticky-buttons.-small .sb-icon {
    width: 30px
}

.sticky-buttons.-medium .sb-icon,
.sticky-buttons.-medium .sb-label {
    height: 40px;
    line-height: 40px;
    font-size: 20px
}

.sticky-buttons.-medium .sb-icon {
    width: 40px
}

.sticky-buttons.-large .sb-icon,
.sticky-buttons.-large .sb-label {
    height: 50px;
    line-height: 50px;
    font-size: 24px
}

.sticky-buttons.-large .sb-icon {
    width: 50px
}

.sticky-buttons.-square .sb-icon,
.sticky-buttons.-square .sb-label {
    border-radius: 0
}

.sticky-buttons.-rsquare .sb-icon,
.sticky-buttons.-rsquare .sb-label {
    border-radius: 5px
}

.sticky-buttons.-circle .sb-icon {
    border-radius: 50%
}

.sticky-buttons.-circle .sb-label {
    border-radius: 5px
}

.sticky-buttons.-ellipse .sb-icon {
    border-radius: 25% 75%
}

.sticky-buttons.-ellipse .sb-label {
    border-radius: 5px
}

.sticky-buttons.-left-top,
.sticky-buttons.-left-center,
.sticky-buttons.-left-bottom {
    left: 0
}

.sticky-buttons.-left-top.-space,
.sticky-buttons.-left-center.-space,
.sticky-buttons.-left-bottom.-space {
    margin-left: 2px
}

.sticky-buttons.-left-top.-space li,
.sticky-buttons.-left-center.-space li,
.sticky-buttons.-left-bottom.-space li {
    margin: 2px 0
}

.sticky-buttons.-left-top .sb-label,
.sticky-buttons.-left-center .sb-label,
.sticky-buttons.-left-bottom .sb-label {
    margin-left: 12px
}

.sticky-buttons.-left-top .sb-label:before,
.sticky-buttons.-left-center .sb-label:before,
.sticky-buttons.-left-bottom .sb-label:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -7.075px;
    width: 14.15px;
    height: 14.15px;
    border-radius: 0 3px 0 0;
    transform: translateY(-7.075px) rotate(45deg);
    background-color: inherit
}

.sticky-buttons.-right-top,
.sticky-buttons.-right-center,
.sticky-buttons.-right-bottom {
    right: 0
}

.sticky-buttons.-right-top.-space,
.sticky-buttons.-right-center.-space,
.sticky-buttons.-right-bottom.-space {
    margin-right: 2px
}

.sticky-buttons.-right-top.-space li,
.sticky-buttons.-right-center.-space li,
.sticky-buttons.-right-bottom.-space li {
    margin: 2px 0
}

.sticky-buttons.-right-top .sb-label,
.sticky-buttons.-right-center .sb-label,
.sticky-buttons.-right-bottom .sb-label {
    right: 100%;
    margin-right: 12px
}

.sticky-buttons.-right-top .sb-label:before,
.sticky-buttons.-right-center .sb-label:before,
.sticky-buttons.-right-bottom .sb-label:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -7.075px;
    width: 14.15px;
    height: 14.15px;
    border-radius: 0 3px 0 0;
    transform: translateY(-7.075px) rotate(45deg);
    background-color: inherit
}

.sticky-buttons.-right-top,
.sticky-buttons.-left-top {
    top: 0
}

.sticky-buttons.-right-center,
.sticky-buttons.-left-center {
    top: 50%;
    transform: translateY(-50%)
}

.sticky-buttons.-right-bottom,
.sticky-buttons.-left-bottom {
    bottom: 0
}

.sticky-buttons.-top-left,
.sticky-buttons.-top-center,
.sticky-buttons.-top-right {
    display: flex;
    top: 0
}

.sticky-buttons.-top-left.-space,
.sticky-buttons.-top-center.-space,
.sticky-buttons.-top-right.-space {
    margin-top: 2px
}

.sticky-buttons.-top-left.-space li,
.sticky-buttons.-top-center.-space li,
.sticky-buttons.-top-right.-space li {
    margin: 0 2px
}

.sticky-buttons.-top-left .sb-label,
.sticky-buttons.-top-center .sb-label,
.sticky-buttons.-top-right .sb-label {
    top: 100%;
    left: 0;
    margin-top: 2px
}

.sticky-buttons.-bottom-left,
.sticky-buttons.-bottom-center,
.sticky-buttons.-bottom-right {
    display: flex;
    bottom: 0
}

.sticky-buttons.-bottom-left.-space,
.sticky-buttons.-bottom-center.-space,
.sticky-buttons.-bottom-right.-space {
    margin-bottom: 2px
}

.sticky-buttons.-bottom-left.-space li,
.sticky-buttons.-bottom-center.-space li,
.sticky-buttons.-bottom-right.-space li {
    margin: 0 2px
}

.sticky-buttons.-bottom-left .sb-label,
.sticky-buttons.-bottom-center .sb-label,
.sticky-buttons.-bottom-right .sb-label {
    bottom: 100%;
    left: 0;
    margin-bottom: 2px
}

.sticky-buttons.-bottom-left,
.sticky-buttons.-top-left {
    left: 0
}

.sticky-buttons.-bottom-center,
.sticky-buttons.-top-center {
    left: 50%;
    transform: translateX(-50%)
}

.sticky-buttons.-bottom-right,
.sticky-buttons.-top-right {
    right: 0
}

.sticky-buttons.-fade .sb-label {
    transition: all .5s
}

.sticky-buttons.-flip-x a .sb-label {
    transform: scaleX(0);
    transition: all .5s
}

.sticky-buttons.-flip-x a:hover .sb-label {
    transform: scaleX(1);
    transition: all .5s
}

.sticky-buttons.-flip-y .sb-label {
    transition: all .5s
}

.sticky-buttons.-flip-y a .sb-label {
    transform: scaleY(0)
}

.sticky-buttons.-flip-y a:hover .sb-label {
    transform: scaleY(1)
}

.sticky-buttons.-slide .sb-label {
    transition: all .5s
}

.sticky-buttons.-slide.-left-top a .sb-label,
.sticky-buttons.-slide.-left-center a .sb-label,
.sticky-buttons.-slide.-left-bottom a .sb-label {
    transform: translateX(-100%)
}

.sticky-buttons.-slide.-left-top a:hover .sb-label,
.sticky-buttons.-slide.-left-center a:hover .sb-label,
.sticky-buttons.-slide.-left-bottom a:hover .sb-label {
    transform: translateX(0)
}

.sticky-buttons.-slide.-right-top a .sb-label,
.sticky-buttons.-slide.-right-center a .sb-label,
.sticky-buttons.-slide.-right-bottom a .sb-label {
    transform: translateX(100%)
}

.sticky-buttons.-slide.-right-top a:hover .sb-label,
.sticky-buttons.-slide.-right-center a:hover .sb-label,
.sticky-buttons.-slide.-right-bottom a:hover .sb-label {
    transform: translateX(0)
}

.sticky-buttons.-slide.-bottom-left a .sb-label,
.sticky-buttons.-slide.-bottom-center a .sb-label,
.sticky-buttons.-slide.-bottom-right a .sb-label {
    transform: translateY(100%)
}

.sticky-buttons.-slide.-bottom-left a:hover .sb-label,
.sticky-buttons.-slide.-bottom-center a:hover .sb-label,
.sticky-buttons.-slide.-bottom-right a:hover .sb-label {
    transform: translateY(0)
}

.sticky-buttons.-slide.-top-left a .sb-label,
.sticky-buttons.-slide.-top-center a .sb-label,
.sticky-buttons.-slide.-top-right a .sb-label {
    transform: translateY(-100%)
}

.sticky-buttons.-slide.-top-left a:hover .sb-label,
.sticky-buttons.-slide.-top-center a:hover .sb-label,
.sticky-buttons.-slide.-top-right a:hover .sb-label {
    transform: translateY(0)
}

.sticky-buttons.-slide-out .sb-label {
    transition: all .5s
}

.sticky-buttons.-slide-out.-left-top a .sb-label,
.sticky-buttons.-slide-out.-left-center a .sb-label,
.sticky-buttons.-slide-out.-left-bottom a .sb-label {
    transform: translateX(25%)
}

.sticky-buttons.-slide-out.-left-top a:hover .sb-label,
.sticky-buttons.-slide-out.-left-center a:hover .sb-label,
.sticky-buttons.-slide-out.-left-bottom a:hover .sb-label {
    transform: translateX(0)
}

.sticky-buttons.-slide-out.-right-top a .sb-label,
.sticky-buttons.-slide-out.-right-center a .sb-label,
.sticky-buttons.-slide-out.-right-bottom a .sb-label {
    transform: translateX(-25%)
}

.sticky-buttons.-slide-out.-right-top a:hover .sb-label,
.sticky-buttons.-slide-out.-right-center a:hover .sb-label,
.sticky-buttons.-slide-out.-right-bottom a:hover .sb-label {
    transform: translateX(0)
}

.sticky-buttons.-slide-out.-bottom-left a .sb-label,
.sticky-buttons.-slide-out.-bottom-center a .sb-label,
.sticky-buttons.-slide-out.-bottom-right a .sb-label {
    transform: translateY(-25%)
}

.sticky-buttons.-slide-out.-bottom-left a:hover .sb-label,
.sticky-buttons.-slide-out.-bottom-center a:hover .sb-label,
.sticky-buttons.-slide-out.-bottom-right a:hover .sb-label {
    transform: translateY(0)
}

.sticky-buttons.-slide-out.-top-left a .sb-label,
.sticky-buttons.-slide-out.-top-center a .sb-label,
.sticky-buttons.-slide-out.-top-right a .sb-label {
    transform: translateY(25%)
}

.sticky-buttons.-slide-out.-top-left a:hover .sb-label,
.sticky-buttons.-slide-out.-top-center a:hover .sb-label,
.sticky-buttons.-slide-out.-top-right a:hover .sb-label {
    transform: translateY(0)
}

.sticky-buttons.-zoom .sb-label {
    transition: all .5s
}

.sticky-buttons.-zoom a .sb-label {
    transform: scale(0, 0)
}

.sticky-buttons.-zoom a:hover .sb-label {
    transform: scale(1, 1)
}

.sticky-buttons.-rotate .sb-label {
    transition: all .5s
}

.sticky-buttons.-rotate a .sb-label {
    transform: rotate(0)
}

.sticky-buttons.-rotate a:hover .sb-label {
    transform: rotate(360deg)
}

.sticky-buttons.-rotate-zoom .sb-label {
    transition: all .5s
}

.sticky-buttons.-rotate-zoom a .sb-label {
    transform: rotate(0) scale(0, 0)
}

.sticky-buttons.-rotate-zoom a:hover .sb-label {
    transform: rotate(360deg) scale(1, 1)
}

.sticky-buttons [class^=white] .sb-icon {
    color: #fff
}

.sticky-buttons [class^=white] .sb-label {
    background: #fff
}

.sticky-buttons [class^=white]:hover .sb-icon {
    background: #fff
}

.sticky-buttons [class$=white] .sb-icon {
    background: #fff
}

.sticky-buttons [class$=white] .sb-label {
    color: #fff
}

.sticky-buttons [class$=white]:hover .sb-icon {
    color: #fff
}

.sticky-buttons [class^=black] .sb-icon {
    color: #000
}

.sticky-buttons [class^=black] .sb-label {
    background: #000
}

.sticky-buttons [class^=black]:hover .sb-icon {
    background: #000
}

.sticky-buttons [class$=black] .sb-icon {
    background: #000
}

.sticky-buttons [class$=black] .sb-label {
    color: #000
}

.sticky-buttons [class$=black]:hover .sb-icon {
    color: #000
}

.sticky-buttons [class^=grey] .sb-icon {
    color: gray
}

.sticky-buttons [class^=grey] .sb-label {
    background: gray
}

.sticky-buttons [class^=grey]:hover .sb-icon {
    background: gray
}

.sticky-buttons [class$=grey] .sb-icon {
    background: gray
}

.sticky-buttons [class$=grey] .sb-label {
    color: gray
}

.sticky-buttons [class$=grey]:hover .sb-icon {
    color: gray
}

.sticky-buttons [class^=red] .sb-icon {
    color: #e3001b
}

.sticky-buttons [class^=red] .sb-label {
    background: #e3001b
}

.sticky-buttons [class^=red]:hover .sb-icon {
    background: #e3001b
}

.sticky-buttons [class$=red] .sb-icon {
    background: #e3001b
}

.sticky-buttons [class$=red] .sb-label {
    color: #e3001b
}

.sticky-buttons [class$=red]:hover .sb-icon {
    color: #e3001b
}

.sticky-buttons [class^=orange] .sb-icon {
    color: #f60
}

.sticky-buttons [class^=orange] .sb-label {
    background: #f60
}

.sticky-buttons [class^=orange]:hover .sb-icon {
    background: #f60
}

.sticky-buttons [class$=orange] .sb-icon {
    background: #f60
}

.sticky-buttons [class$=orange] .sb-label {
    color: #f60
}

.sticky-buttons [class$=orange]:hover .sb-icon {
    color: #f60
}

.sticky-buttons [class^=yellow] .sb-icon {
    color: #ffcc01
}

.sticky-buttons [class^=yellow] .sb-label {
    background: #ffcc01
}

.sticky-buttons [class^=yellow]:hover .sb-icon {
    background: #ffcc01
}

.sticky-buttons [class$=yellow] .sb-icon {
    background: #ffcc01
}

.sticky-buttons [class$=yellow] .sb-label {
    color: #ffcc01
}

.sticky-buttons [class$=yellow]:hover .sb-icon {
    color: #ffcc01
}

.sticky-buttons [class^=lime] .sb-icon {
    color: #b1c903
}

.sticky-buttons [class^=lime] .sb-label {
    background: #b1c903
}

.sticky-buttons [class^=lime]:hover .sb-icon {
    background: #b1c903
}

.sticky-buttons [class$=lime] .sb-icon {
    background: #b1c903
}

.sticky-buttons [class$=lime] .sb-label {
    color: #b1c903
}

.sticky-buttons [class$=lime]:hover .sb-icon {
    color: #b1c903
}

.sticky-buttons [class^=green] .sb-icon {
    color: #09a223
}

.sticky-buttons [class^=green] .sb-label {
    background: #09a223
}

.sticky-buttons [class^=green]:hover .sb-icon {
    background: #09a223
}

.sticky-buttons [class$=green] .sb-icon {
    background: #09a223
}

.sticky-buttons [class$=green] .sb-label {
    color: #09a223
}

.sticky-buttons [class$=green]:hover .sb-icon {
    color: #09a223
}

.sticky-buttons [class^=cyan] .sb-icon {
    color: #00b1e5
}

.sticky-buttons [class^=cyan] .sb-label {
    background: #00b1e5
}

.sticky-buttons [class^=cyan]:hover .sb-icon {
    background: #00b1e5
}

.sticky-buttons [class$=cyan] .sb-icon {
    background: #00b1e5
}

.sticky-buttons [class$=cyan] .sb-label {
    color: #00b1e5
}

.sticky-buttons [class$=cyan]:hover .sb-icon {
    color: #00b1e5
}

.sticky-buttons [class^=blue] .sb-icon {
    color: #006bb3
}

.sticky-buttons [class^=blue] .sb-label {
    background: #006bb3
}

.sticky-buttons [class^=blue]:hover .sb-icon {
    background: #006bb3
}

.sticky-buttons [class$=blue] .sb-icon {
    background: #006bb3
}

.sticky-buttons [class$=blue] .sb-label {
    color: #006bb3
}

.sticky-buttons [class$=blue]:hover .sb-icon {
    color: #006bb3
}

.sticky-buttons [class^=purple] .sb-icon {
    color: #ad007c
}

.sticky-buttons [class^=purple] .sb-label {
    background: #ad007c
}

.sticky-buttons [class^=purple]:hover .sb-icon {
    background: #ad007c
}

.sticky-buttons [class$=purple] .sb-icon {
    background: #ad007c
}

.sticky-buttons [class$=purple] .sb-label {
    color: #ad007c
}

.sticky-buttons [class$=purple]:hover .sb-icon {
    color: #ad007c
}

.sticky-buttons [class^=pink] .sb-icon {
    color: #ea4c89
}

.sticky-buttons [class^=pink] .sb-label {
    background: #ea4c89
}

.sticky-buttons [class^=pink]:hover .sb-icon {
    background: #ea4c89
}

.sticky-buttons [class$=pink] .sb-icon {
    background: #ea4c89
}

.sticky-buttons [class$=pink] .sb-label {
    color: #ea4c89
}

.sticky-buttons [class$=pink]:hover .sb-icon {
    color: #ea4c89
}