.socialmedia{ position: absolute; width: 100%; z-index: 2; } .container-socialmedia{ width: 4%; float: right; } ul.social-network { list-style: none; display: inline; margin-left:0 !important; padding: 1px; } ul.social-network li { display: inline; margin: 1 5px; } /* footer social icons */ .social-network a.icoFacebook:hover { background-color:#3B5998; } .social-network a.icoTwitter:hover { background-color:#33ccff; } .social-network a.icoInstagram:hover { background: linear-gradient(to bottom, #ff3399 0%, #ff9933 100%); } .social-network a.icoYouTube:hover { background: linear-gradient(to bottom, #990000 0%, #cc3300 100%); } .social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoInstagram:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i { color:#fff; } a.socialIcon:hover, .socialHoverClass { color:#44BCDD; } .social-circle li a { display:inline-block; position:relative; margin: 5px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; width: 38px; height: 38px; font-size:20px; } .social-circle li i { margin:-5px; line-height:50px; text-align: center; } .social-circle li a:hover i, .triggeredHover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .social-circle i { color: #fff; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; } .socialmedia li a { background-color: #ff9429; }