.sticky-container {
    /* background-color: #333; */
    padding: 11px;
    margin: 6px;
    position: fixed;
    right: -230px;
    top: 128px;
    width: 350px;
    height: 45px;
    z-index: 1;
}

.sticky li {
border-radius: 5px 5px;
list-style-type: none;
background-color:#f69c45;
color:#00e5ff ;
height: 74px;
padding: 0px;
margin: 0px 0px 1px 0px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
cursor: pointer;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(0%);
}
.sticky li:hover {
margin-left: -115px;
/*-webkit-transform: translateX(-115px);
		-moz-transform: translateX(-115px);
		-o-transform: translateX(-115px);
		-ms-transform: translateX(-115px);
		transform:translateX(-115px);*/
		/*background-color: #8e44ad;*/
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);

}
.sticky li img {
float: left;
margin: 5px 5px;
margin-right: 10px;

}
.sticky li p {
padding-top: 17px;
margin: 0px;
line-height: 38px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
text-decoration:none;

}

.sticky li a{
    text-decoration: none;
}