.sociallinks ul {
  padding: 0;
  text-align: center;
  direction: ltr; }
  .sociallinks ul li {
    display: inline-block;
    margin: 0 1px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    line-height: 32px;
    text-align: center; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .sociallinks ul li {
        margin: 0 10px 0 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .sociallinks ul li {
        margin: 0 10px; } }
    @media (max-width: 767px) {
      .sociallinks ul li {
        margin: 0 5px; } }
    .sociallinks ul li:nth-child(1) {
      -webkit-animation-delay: 100ms;
      animation-delay: 100ms; }
    .sociallinks ul li:nth-child(2) {
      -webkit-animation-delay: 200ms;
      animation-delay: 200ms; }
    .sociallinks ul li:nth-child(3) {
      -webkit-animation-delay: 300ms;
      animation-delay: 300ms; }
    .sociallinks ul li:nth-child(4) {
      -webkit-animation-delay: 400ms;
      animation-delay: 400ms; }
    .sociallinks ul li:nth-child(5) {
      -webkit-animation-delay: 500ms;
      animation-delay: 500ms; }
    .sociallinks ul li:nth-child(6) {
      -webkit-animation-delay: 600ms;
      animation-delay: 600ms; }
    .sociallinks ul li:nth-child(7) {
      -webkit-animation-delay: 700ms;
      animation-delay: 700ms; }
    .sociallinks ul li:nth-child(8) {
      -webkit-animation-delay: 800ms;
      animation-delay: 800ms; }
    .sociallinks ul li:nth-child(9) {
      -webkit-animation-delay: 900ms;
      animation-delay: 900ms; }
    .sociallinks ul li:nth-child(10) {
      -webkit-animation-delay: 1000ms;
      animation-delay: 1000ms; }
    .sociallinks ul li:nth-child(11) {
      -webkit-animation-delay: 1100ms;
      animation-delay: 1100ms; }
    .sociallinks ul li:nth-child(12) {
      -webkit-animation-delay: 1200ms;
      animation-delay: 1200ms; }
    .sociallinks ul li:nth-child(13) {
      -webkit-animation-delay: 1300ms;
      animation-delay: 1300ms; }
    .sociallinks ul li:nth-child(14) {
      -webkit-animation-delay: 1400ms;
      animation-delay: 1400ms; }
    .sociallinks ul li:nth-child(15) {
      -webkit-animation-delay: 1500ms;
      animation-delay: 1500ms; }
    .sociallinks ul li:nth-child(16) {
      -webkit-animation-delay: 1600ms;
      animation-delay: 1600ms; }
    .sociallinks ul li:nth-child(17) {
      -webkit-animation-delay: 1700ms;
      animation-delay: 1700ms; }
    .sociallinks ul li:nth-child(18) {
      -webkit-animation-delay: 1800ms;
      animation-delay: 1800ms; }
    .sociallinks ul li:nth-child(19) {
      -webkit-animation-delay: 1900ms;
      animation-delay: 1900ms; }
    .sociallinks ul li:nth-child(20) {
      -webkit-animation-delay: 2000ms;
      animation-delay: 2000ms; }
    .sociallinks ul li:nth-child(21) {
      -webkit-animation-delay: 2100ms;
      animation-delay: 2100ms; }
    .sociallinks ul li:nth-child(22) {
      -webkit-animation-delay: 2200ms;
      animation-delay: 2200ms; }
    .sociallinks ul li:nth-child(23) {
      -webkit-animation-delay: 2300ms;
      animation-delay: 2300ms; }
    .sociallinks ul li:nth-child(24) {
      -webkit-animation-delay: 2400ms;
      animation-delay: 2400ms; }
    .sociallinks ul li:nth-child(25) {
      -webkit-animation-delay: 2500ms;
      animation-delay: 2500ms; }
    .sociallinks ul li:nth-child(26) {
      -webkit-animation-delay: 2600ms;
      animation-delay: 2600ms; }
    .sociallinks ul li:nth-child(27) {
      -webkit-animation-delay: 2700ms;
      animation-delay: 2700ms; }
    .sociallinks ul li:nth-child(28) {
      -webkit-animation-delay: 2800ms;
      animation-delay: 2800ms; }
    .sociallinks ul li:nth-child(29) {
      -webkit-animation-delay: 2900ms;
      animation-delay: 2900ms; }
    .sociallinks ul li:nth-child(30) {
      -webkit-animation-delay: 3000ms;
      animation-delay: 3000ms; }
    .sociallinks ul li:nth-child(31) {
      -webkit-animation-delay: 3100ms;
      animation-delay: 3100ms; }
    .sociallinks ul li:nth-child(32) {
      -webkit-animation-delay: 3200ms;
      animation-delay: 3200ms; }
    .sociallinks ul li:nth-child(33) {
      -webkit-animation-delay: 3300ms;
      animation-delay: 3300ms; }
    .sociallinks ul li:nth-child(34) {
      -webkit-animation-delay: 3400ms;
      animation-delay: 3400ms; }
    .sociallinks ul li:nth-child(35) {
      -webkit-animation-delay: 3500ms;
      animation-delay: 3500ms; }
    .sociallinks ul li:nth-child(36) {
      -webkit-animation-delay: 3600ms;
      animation-delay: 3600ms; }
    .sociallinks ul li:nth-child(37) {
      -webkit-animation-delay: 3700ms;
      animation-delay: 3700ms; }
    .sociallinks ul li:nth-child(38) {
      -webkit-animation-delay: 3800ms;
      animation-delay: 3800ms; }
    .sociallinks ul li:nth-child(39) {
      -webkit-animation-delay: 3900ms;
      animation-delay: 3900ms; }
    .sociallinks ul li:nth-child(40) {
      -webkit-animation-delay: 4000ms;
      animation-delay: 4000ms; }
    .sociallinks ul li:nth-child(41) {
      -webkit-animation-delay: 4100ms;
      animation-delay: 4100ms; }
    .sociallinks ul li:nth-child(42) {
      -webkit-animation-delay: 4200ms;
      animation-delay: 4200ms; }
    .sociallinks ul li:nth-child(43) {
      -webkit-animation-delay: 4300ms;
      animation-delay: 4300ms; }
    .sociallinks ul li:nth-child(44) {
      -webkit-animation-delay: 4400ms;
      animation-delay: 4400ms; }
    .sociallinks ul li:nth-child(45) {
      -webkit-animation-delay: 4500ms;
      animation-delay: 4500ms; }
    .sociallinks ul li:nth-child(46) {
      -webkit-animation-delay: 4600ms;
      animation-delay: 4600ms; }
    .sociallinks ul li:nth-child(47) {
      -webkit-animation-delay: 4700ms;
      animation-delay: 4700ms; }
    .sociallinks ul li:nth-child(48) {
      -webkit-animation-delay: 4800ms;
      animation-delay: 4800ms; }
    .sociallinks ul li:nth-child(49) {
      -webkit-animation-delay: 4900ms;
      animation-delay: 4900ms; }
    .sociallinks ul li a {
      width: 28px;
      height: 28px;
      display: block;
      background-color: #fff;
      border-radius: 50%;
      line-height: 26px; }
    .sociallinks ul li i {
      color: #fff;
      font-size: 14px; }
      .sociallinks ul li i[class^="fara-"]::before {
        -webkit-transform: translateY(3px);
                transform: translateY(3px); }
    .sociallinks ul li:nth-child(1) a {
      background-color: #00b6f2; }
    .sociallinks ul li:nth-child(2) a {
      background-color: #cd268f; }
    .sociallinks ul li:nth-child(3) a {
      background-color: #3765a3; }
    .sociallinks ul li:nth-child(4) a {
      background-color: #2ccbff; }
    .sociallinks ul li:nth-child(5) a {
      background-color: #dc4939; }