/*#top-socials{margin-top:12px;}
#top-socials li{ position:relative; float:left; margin-right:30px; padding-left: 27px; }
#top-socials li a{ color:#fff; text-transform: uppercase;}
#top-socials li a img{position: absolute; top: 0; left: 0;}
*/

#top-social-cont{float:right; width:53%;}
ul.socials{margin-top:12px; width:53%; padding:0;}
ul.socials li{ float:left; margin-left:16px;}
ul.socials li:first-child{margin-left:0;}
ul.socials li a { 
  font-size:24px; 
  color:#8f8f8f;
 -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 transition: all 200ms linear;
}
.socials.btm{ width:100% !important; text-align: center; white-space: nowrap; margin-left: 0;}
.socials.btm li{display: inline-block; float: none;}


ul.socials li a:hover{ color:#fff; 
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

ul.socials.btm li a:hover{
  color:#5e5e5e;
}

.socials.btm li:first-child {
    margin-left:0px;
}

/* top / Header */
ul.top-socials {
  float: right;
  margin-top: 12px;
  padding: 0 20px 0 0;
}
ul.top-socials li{
  float:left; 
  margin-left:16px;
}
ul.top-socials li:first-child {
  margin-left:0;
}
ul.top-socials li a {
  font-size: 18px;
  color: #0099CE;
  -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 transition: all 200ms linear;
}
ul.top-socials li a:hover{ color:#fff; 
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}


/* Mobile */
.mobile-social {
  -webkit-transform: translateY(30px);
  opacity: 0;
  display: block;
}
.mobile-social ul {
  text-align: center;
  margin-top: 30px;
}
.mobile-social ul li {
  display: inline;
  margin-right: 20px;
}
.mobile-social ul li a {
  font-size: 24px;
  color: #8f8f8f;
  -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 transition: all 200ms linear;
}
.mobile-social ul li a:hover{ color:#fff; 
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}