.popup{
  position: fixed!important;
  top: auto !important;
  left: auto !important;
  bottom: -200%;
  left:0px;
  max-width: 320px;
	background-color: transparent;
}
.popup-animate{
    -webkit-animation: popup .5s ease-out .5s  forwards; /* Safari 4.0 - 8.0 */
  animation: popup .5s ease-out .5s forwards;
}

@keyframes popup {
  from {bottom: 100%;}
  to  {bottom: 5%;}
}

.popup-dismiss{
  animation: popupDismiss .5s;
  animation-fill-mode: forwards;
}
@keyframes popupDismiss{
  0% {bottom: 5%; opacity: 1;}
  100%  {bottom: 25%; opacity: 0;}
}