@keyframes slideRight {
      from {
        transform: translateX(0%);
        position:absolute;
      }
      to {
        transform: translateX(100%);
        position:absolute;
          }    }
    @keyframes slideRightIn {
      from {
        transform: translateX(100%);
        position:absolute;
      }
      to {
        transform: translateX(0%);
        position:absolute;
      }
    }
    @keyframes slideLeft {
      from {
        transform: translateX(0%);
        position:absolute;
      }
      to {
        transform: translateX(-100%);
        position:absolute;
          }    }
    @keyframes slideLeftIn {
      from {
        transform: translateX(-100%);
        position:absolute;
      }
      to {
        transform: translateX(-0%);
        position:absolute;
      }
    }
    @keyframes popup {
      0% {
        transform: scale(0) translateX(-50%);
      }
      15% {
        transform: scale(1) translateX(-50%);
      }
      85% {
        transform: scale(1) translateX(-50%);
      }
      100% {
        transform: scale(0) translateX(-50%);
      }
    }