/*Social Media CSS using font awesome*/
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
.social-icons						{ padding:0; margin:0;}
ul.social-icons li 					{display: inline-block; margin-bottom: 0; margin-right: 5px; vertical-align: top; }
ul.social-icons li a 				{cursor: pointer; display: block; font: 0px/0 a; height: 29px; position: relative; text-align: center; transition: all 0.25s ease 0s; width: 29px; border-radius:50%;}
ul.social-icons li i 				{color: #fff; display: block; font-size: 16px; line-height: 29px;}
ul.social-icons a:hover i 			{color: #fff;}
ul.social-icons li a:hover 			{border-color: transparent; text-decoration:none}
ul.social-icons .twitter a			{background-color: #47c0d8; opacity:0.4}
ul.social-icons .facebook a			{background-color: #49699f; opacity:0.4}
ul.social-icons .linkedin a			{background-color: #2c7cb7; opacity:0.4}
ul.social-icons .gplus a			{background-color: #c33d19; opacity:0.4}
ul.social-icons .instagram a 		{background-color: #517fa3; opacity:0.4}
ul.social-icons .youtube a			{background-color: #b72d24; opacity:0.4}
ul.social-icons .medium a  			{background-color: #5ca95c; opacity:0.4}
ul.social-icons .twitter a:hover	{ opacity:1}
ul.social-icons .facebook a:hover	{ opacity:1}
ul.social-icons .linkedin a:hover	{ opacity:1}
ul.social-icons .gplus a:hover		{ opacity:1}
ul.social-icons .instagram a:hover	{ opacity:1}
ul.social-icons .youtube a:hover	{ opacity:1}
ul.social-icons .medium a:hover 	{ opacity:1}