/* Modals
-------------------------------------------------- */
.modal {
  position: fixed; 
  top: 0;
  opacity: 0;
  z-index: 11; 
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  background-color: #fff;  
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s;
          transition:         transform .25s ease-in-out, opacity 1ms .25s;
}

/* Modal - When active
-------------------------------------------------- */
.modal.active {
  opacity: 1;
  height: 100%;
  -webkit-transition: -webkit-transform .25s ease-in-out;
          transition:         transform: .25 ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}