/* Social icons css code START */
 
 .social-icons {
  max-width: 980px;
  margin: 0 auto;
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline; display:block;
  list-style:none;
  line-height:1
}

.icon {
  float: left;
  position: relative;
  width: 19%;
  height: 0;
  margin: 1% 0.5%;
  padding-bottom: 19%;
}
@media all and (min-width: 640px) {
  .icon {
    width:18%;
    padding-bottom:18%;
  }
}
.icon:last-of-type {
  margin-right: 0;
}
.icon a {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 10px;
  background-color: #fff;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
.icon a:hover {
  background-color: #222;
  background-size: 0%;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.icon__name {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -7px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  opacity: 0;
  -webkit-filter: blur(25px);
          filter: blur(25px);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}
.icon:hover .icon__name {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
}

.icon--facebook a {
  background-color: #3b5998; 
  background-image:url(facebook.png);
 }

.icon--twitter a {
  background-color: #00aced;
background-image:url(twitter.png);
}

.icon--linkedin a {
  background-color: #2e5985;
background-image:url(linkedin.png);
}

.icon--pinterest a {
  background-color: #f85057;
background-image:url(pinterest.png);
}

.icon--youtube a {
  background-color: #cf3427;
background-image:url(youtube.png);
}

.icon--tumblr a {
  background-color: #304e6c;
background-image:url(tumblr.png);
}

.icon--blogger a {
  background-color: #ff8833;
background-image:url(blogger.png);
}

.icon--Askfm a {
  background-color: #0b5865;
background-image:url(Askfm.png);
}

.icon--disqus a {
  background-color: #2e9fff;
background-image:url(disqus.png);
}

.icon--myspace a {
  background-color: #464646;
background-image:url(myspace.png);
}

.icon--scoopit a {
  background-color: #6cab36;
background-image:url(scoopit.png);
}

.icon--stumbleupon a {
  background-color: #ea4b24;
background-image:url(stumbleupon.png);
}
 
  /* Social icons css code END */