.social_links_module {
  padding-bottom: 30px; }
  .social_links_module ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 300px;
    margin: 0  auto; }
    .social_links_module ul li {
      padding: 0px;
      margin: 15px;
      height: 60px;
      width: 60px;
      position: relative;
      opacity: 0;
      transition: opacity 250ms; }
      .social_links_module ul li img.preload-img.fixed {
        height: 60px;
        width: 60px; }
      .social_links_module ul li a {
        transform: scale(1);
        height: 60px;
        width: 60px;
        display: block;
        transition: transform 250ms; }
        .social_links_module ul li a:hover, .social_links_module ul li a:focus {
          transform: scale(1.1); }

@media (min-width: 768px) {
  .social_links_module ul {
    max-width: none; }
    .social_links_module ul li {
      height: 60px;
      width: 60px; } }

html.js .social_links_module.anim.go ul .preload-img.show {
  opacity: 0; }

html.js .social_links_module.anim.go ul li {
  opacity: 1; }
  html.js .social_links_module.anim.go ul li:nth-child(1) img.show {
    animation: drop_in 0.4s ease forwards; }
  html.js .social_links_module.anim.go ul li:nth-child(2) img.show {
    animation: drop_in 0.3s ease forwards; }
  html.js .social_links_module.anim.go ul li:nth-child(3) img.show {
    animation: drop_in 0.6s ease forwards; }
  html.js .social_links_module.anim.go ul li:nth-child(4) img.show {
    animation: drop_in 0.5s ease forwards; }
  html.js .social_links_module.anim.go ul li:nth-child(5) img.show {
    animation: drop_in 0.2s ease forwards; }
  html.js .social_links_module.anim.go ul li:nth-child(6) img.show {
    animation: drop_in 0.45s ease forwards; }

@keyframes drop_in {
  0% {
    opacity: 0;
    transform: scale(10);
    visibility: visible; }
  90% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 1;
    transform: scale(1);
    visibility: visible; } }