a{
  text-decoration:none;
}

#social{
  background-color:#c6b18b;
  padding:60px;
  width:10
    0%;
  -webkit-transition: background .5s;
	-moz-transition: background .5s;
	-ms-transition: background .5s;
	-o-transition: background .5s;
	transition: background .5s;
}

#social ul{
  text-align: center;
  padding-right: 3%;
  margin:40px auto;
}

#social p{
  text-align:center;
  font-family:Arial;
  font-weight:bold;
  opacity:.4;
  padding:10px;
}

#social ul > li {
	display: inline-block;
	margin: 0 15px;
	background-image: url(../image/sprite2.png);
	opacity: .4;
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	-ms-transition: opacity .4s;
	-o-transition: opacity .4s;
	transition: opacity .4s;
}

#social ul > li > a {
	display: block;
	text-indent: -9999px;
	width: 36px;
	height: 36px;
}

#social ul > li.facebook { background-position:0 0; }
#social ul > li.twitter  { background-position:0 -36px; }
#social ul >  li.google { background-position:0 -72px; }
#social ul >  li.pinterest { background-position:0 -108px; }
#social ul >  li.instagram { background-position:0 -216px; }

#social ul  > li.facebook:hover { background-position:-36px 0; }
#social ul > li.twitter:hover { background-position:-36px -36px; }
#social ul > li.google:hover { background-position:-36px -72px; }
#social ul > li.pinterest:hover { background-position:-36px -108px; }
#social ul > li.instagram:hover { background-position:-36px -216px; }


.facebook.active{
  background-color:#3B5998  !important;
}
.twitter.active{
  background-color:#2094CA !important;
}
.google.active{
  background-color:#d85b4b !important;
}
.pinterest.active{
  background-color:#C92228 !important;
}
.instagram.active{
  background-color:#45759d !important;
}

.active p{
  /*opacity:.7 !important;*/
  color:white !important;
  /*position: relative;*/
  z-index: 99999999
}