.popup {
    opacity: 0.01;
    -webkit-transform: translate(0, 10px);
        -ms-transform: translate(0, 10px);
            transform: translate(0, 10px);
    opacity: 0;
    position: absolute;
    z-index: 100;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    -webkit-transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),
      -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),
      -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),
      transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),
      transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
      -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-delay: 0.07s;
            transition-delay: 0.07s
}
.popup.active {
    opacity: 1;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%)
}