.modal-container .modal-background {
  opacity: 0;
  width: 100%;
  height: 200px;
  background: #000000;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1054;
  transition: height 1s, opacity .2s;
}
.modal-container.show .modal-background {
  opacity: .6;
  height: 100%;
  transition: height .1s, opacity 1s;
}

.modal-container .modal {
  opacity: 0;
  height: 0px;
  transition: height 1s, opacity 1s;
}
.modal-container.show .modal {
  opacity: 1;
  height: 100%;
}

.modal-dialog {
  margin-top: 100px;
}