@-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);
}

}


/* 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;
}

@keyframes slideoverlay {
0% {
    width: 100%;
}
100% {
    width: 0%;
}
}
/* All Page animation End*/