@charset "utf-8";
@media (max-width:1080px) {

nav.open {

  animation: fadeIn .8s ease 0s normal;
  -webkit-animation: fadeIn .8s ease 0s 1 normal;
  transform: translate(0);
  opacity: 1;
}

/*@keyframes fadeout {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  50% {
    opacity: .5;
  }
  75% {
    opacity: .2;
  }
  100% {
    opacity: 0;
    transform: translate(100%);
  }
}

@-webkit-keyframes fadeout {
  0% {
    -webkit-opacity: 1;
    -webkit-transform: translate(0);
  }
  50% {
    -webkit-opacity: .5;
  }
  75% {
    -webkit-opacity: .1;
  }
  100% {
    -webkit-opacity: 0;
    -webkit-transform: translate(100%);
  }
}*/
}

@keyframes fadeIn {
  0% {
    transform: translate(100%);
    opacity: 0;
  }
  100% {
    transform: translate(0%);
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: translate(100%);
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translate(0%);
    -webkit-opacity: 1;
  }
}