@keyframes hideOpacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes showOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes changeTranslate {
  0% {
    transform: translateY(25%) translateZ(0px);
    opacity: 0;
  }
  100% {
    transform: translateY(0%) translateZ(0px);
    opacity: 1;
  }
}
@keyframes cheshmak {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.change_translate_animat {
  animation: changeTranslate 1s;
}
/* .cheshmak_animat {
  animation: cheshmak 3s ease-in-out infinite alternate;
} */
.showNav {
  opacity: 1 !important;
  animation-name: showOpacity !important;
  animation-duration: 2s !important;
}
.hideNav {
  opacity: 0;
  animation-name: hideOpacity;
  animation-duration: 2s;
}
.hidePreloder {
  opacity: 0;
  animation-name: hideOpacity;
  animation-duration: 0.3s;
}