.shrink {
  height: 0 !important;
  padding: 0 !important;
  transition: 1s ease-in;
}

.fade-out {
  -webkit-animation: fadeout .5s ease-in;
  animation: fadeout .5s ease-in;
}

.fade-in {
  -webkit-animation: fadein .5s ease-in;
  animation: fadein .5s ease-in;
}

.turn-centered {
  -webkit-animation: turn .5s ease-in;
  animation: turn .5s ease-in;
}

@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to   {
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to   {
    opacity: 0;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to   {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to   {
    opacity: 1;
  }
}
@-webkit-keyframes turn {
  from {
    transform: rotate(0) translate3d(-50%,-50%,0);
    transform-origin: 0 0;
    opacity: 0 !important;
  }
  to   {
    transform: rotate(320deg) translate3d(-50%,-50%,0);
    transform-origin: 0 0;
    opacity: 0 !important;
  }
}
@keyframes turn {
  from {
    transform: rotate(0deg) translate3d(-50%,-50%,0);
    transform-origin: 0 0;
    opacity: 0 !important;
  }
  to   {
    transform: rotate(320deg) translate3d(-50%,-50%,0);
    transform-origin: 0 0;
    opacity: 0 !important;
  }
}