/* -----------------------------------*/
/*  The social icon styles 
/* -----------------------------------*/

.os-fixed-social {
	position: fixed;
	top:10%;
	left:0;
	z-index: 9999;
}

.os-fixed-social ul {
	padding: 0;
	margin: 0;
}

.os-fixed-social ul li{
	list-style-type: none;

}


.os-fixed-social ul li a{
  margin-left: -4px;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}



.os-fixed-social ul li a:hover{
	margin-left: 0;
    -webkit-filter: grayscale(0%);
 	-moz-filter: grayscale(0%);
  	-ms-filter: grayscale(0%);
  	-o-filter: grayscale(0%);
  	filter: grayscale(0%);
  
}