@-webkit-keyframes balance {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(0, 1rem, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes balance {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(0, 1rem, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }

}

@-webkit-keyframes scale-up-center {
      
    0% {
      -webkit-transform:scale(.2);
              transform:scale(.2);
    }
    100% {
      -webkit-transform:scale(1);
              transform:scale(1);
    }
  }
      
@keyframes scale-up-center {
      
    0% {
      -webkit-transform:scale(.2);
              transform:scale(.2);
    }
    100% {
      -webkit-transform:scale(1);
              transform:scale(1);
    }
  }


/* All Page animation Start*/
.fadeIn {
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
  -webkit-transition: opacity 0.8s ease-in-out;
  -moz-transition: opacity 0.8s ease-in-out;
  -o-transition: opacity 0.8s ease-in-out;
}

.fadeIn.animated {
  opacity: 1;
}


.fadeInUp {
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  transition: opacity 1s ease 0.4s, transform 1s ease 0.4s;
  -webkit-transition: opacity 1s ease 0.4s, transform 1s ease 0.4s;
  -moz-transition: opacity 1s ease 0.4s, transform 1s ease 0.4s;
  -o-transition: opacity 1s ease 0.4s, transform 1s ease 0.4s;
}

.fadeInUp.animated {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}

.fadeInLeft {
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
  -webkit-transition: opacity 0.8s ease-in-out;
  -moz-transition: opacity 0.8s ease-in-out;
  -o-transition: opacity 0.8s ease-in-out;
}

.fadeInLeft.animated {
  opacity: 1;
}


.articles-link .article-list-bottom.fadeInLeft:nth-child(1){transition-delay: 0.5s;}
.articles-link .article-list-bottom.fadeInLeft:nth-child(2){transition-delay: 1s;}
.articles-link .article-list-bottom.fadeInLeft:nth-child(3){transition-delay: 1.5s;}


.shake-center { animation: shake-center 7.2s linear 0s infinite}
@-webkit-keyframes shake-center {
      
    0% {
      -webkit-transform:rotate(0deg);
              transform:rotate(0deg);
      -webkit-transform-origin:50% 50%;
              transform-origin:50% 50%;
    }
    10% {
      -webkit-transform:rotate(8deg);
              transform:rotate(8deg);
    }
    20% {
      -webkit-transform:rotate(-10deg);
              transform:rotate(-10deg);
    }
    30% {
      -webkit-transform:rotate(10deg);
              transform:rotate(10deg);
    }
    40% {
      -webkit-transform:rotate(-10deg);
              transform:rotate(-10deg);
    }
    50% {
      -webkit-transform:rotate(10deg);
              transform:rotate(10deg);
    }
    60% {
      -webkit-transform:rotate(-10deg);
              transform:rotate(-10deg);
    }
    70% {
      -webkit-transform:rotate(10deg);
              transform:rotate(10deg);
    }
    80% {
      -webkit-transform:rotate(-8deg);
              transform:rotate(-8deg);
    }
    90% {
      -webkit-transform:rotate(8deg);
              transform:rotate(8deg);
    }
    100% {
      -webkit-transform:rotate(0deg);
              transform:rotate(0deg);
      -webkit-transform-origin:50% 50%;
              transform-origin:50% 50%;
    }
  }
      
@keyframes shake-center {
      
    0% {
      -webkit-transform:rotate(0deg);
              transform:rotate(0deg);
      -webkit-transform-origin:50% 50%;
              transform-origin:50% 50%;
    }
    10% {
      -webkit-transform:rotate(8deg);
              transform:rotate(8deg);
    }
    20% {
      -webkit-transform:rotate(-10deg);
              transform:rotate(-10deg);
    }
    30% {
      -webkit-transform:rotate(10deg);
              transform:rotate(10deg);
    }
    40% {
      -webkit-transform:rotate(-10deg);
              transform:rotate(-10deg);
    }
    50% {
      -webkit-transform:rotate(10deg);
              transform:rotate(10deg);
    }
    60% {
      -webkit-transform:rotate(-10deg);
              transform:rotate(-10deg);
    }
    70% {
      -webkit-transform:rotate(10deg);
              transform:rotate(10deg);
    }
    80% {
      -webkit-transform:rotate(-8deg);
              transform:rotate(-8deg);
    }
    90% {
      -webkit-transform:rotate(8deg);
              transform:rotate(8deg);
    }
    100% {
      -webkit-transform:rotate(0deg);
              transform:rotate(0deg);
      -webkit-transform-origin:50% 50%;
              transform-origin:50% 50%;
    }
  }

/* All Page animation End*/