#modal-container {

    position: fixed;

    display: table;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    transform: scale(0);

    z-index: 999;

  }

  #modal-container1 {

    position: fixed;

    display: table;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    transform: scale(0);

    z-index: 1;

  }

  #modal-container.one {

    transform: scaleY(0.01) scaleX(0);

    animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

  }

  #modal-container.one .modal-background .modal {

    transform: scale(0);

    animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

  }

  #modal-container.one.out {

    transform: scale(1);

    animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

  }

  #modal-container.one.out .modal-background .modal {

    animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

  }

  #modal-container .modal-background {

    display: table-cell;

    background: rgba(0, 0, 0, 0.8);

    text-align: center;

    vertical-align: middle;

  }

  #modal-container .modal-background .modal {

    background: white;

    padding: 0 30px 30px;

    display: inline-block;

    border-radius: 3px;

    font-weight: 300;

    position: relative;
    margin-top: 50px;

  }

  .modal .cancel{

    position: fixed;

    right: .2rem;

    top: .2rem;

    width: .2rem;

    height: .2rem;

  }

  .modal li{

    margin-bottom: .15rem;

    font-size: .14rem;

  }

  @keyframes unfoldIn {

    0% {

      transform: scaleY(0.005) scaleX(0);

    }

    50% {

      transform: scaleY(0.005) scaleX(1);

    }

    100% {

      transform: scaleY(1) scaleX(1);

    }

  }

  @keyframes unfoldOut {

    0% {

      transform: scaleY(1) scaleX(1);

    }

    50% {

      transform: scaleY(0.005) scaleX(1);

    }

    100% {

      transform: scaleY(0.005) scaleX(0);

    }

  }

  @keyframes zoomIn {

    0% {

      transform: scale(0);

    }

    100% {

      transform: scale(1);

    }

  }

  @keyframes zoomOut {

    0% {

      transform: scale(1);

    }

    100% {

      transform: scale(0);

    }

  }