@-webkit-keyframes pop-start { 0% { position: fixed; }
  40% { left: 50%;
    width: 500px; }
  50% { top: 50%;
    height: 500px;
    margin-left: -250px;
    margin-top: -250px; }
  80% { top: 0;
    height: 100%; }
  100% { left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background-color: white; } }

@keyframes pop-start { 0% { position: fixed; }
  40% { left: 50%;
    width: 500px; }
  50% { top: 50%;
    height: 500px;
    margin-left: -250px;
    margin-top: -250px; }
  80% { top: 0;
    height: 100%; }
  100% { left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background-color: white; } }

@-webkit-keyframes pop-close { 0% { left: 0;
    width: 100%;
    top: 0;
    height: 100%; }
  80% { left: 50%;
    width: 500px;
    top: 50%;
    height: 500px;
    margin-left: -250px;
    margin-top: -250px; } }

@keyframes pop-close { 0% { left: 0;
    width: 100%;
    top: 0;
    height: 100%; }
  80% { left: 50%;
    width: 500px;
    top: 50%;
    height: 500px;
    margin-left: -250px;
    margin-top: -250px; } }

@-webkit-keyframes fade-out { 0% { opacity: 1; }
  99% { opacity: 0; }
  100% { opacity: 0;
    display: none; } }

@keyframes fade-out { 0% { opacity: 1; }
  99% { opacity: 0; }
  100% { opacity: 0;
    display: none; } }

@-webkit-keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes bg-move { 100% { background-position: 1171px 0; } }

@keyframes bg-move { 100% { background-position: 1171px 0; } }

@-webkit-keyframes fade-in-from-bottom { 0% { -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px);
    opacity: 0; }
  100% { -webkit-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    transform: translate(0px, 0);
    opacity: 1; } }

@keyframes fade-in-from-bottom { 0% { -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px);
    opacity: 0; }
  100% { -webkit-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    transform: translate(0px, 0);
    opacity: 1; } }

@-webkit-keyframes fade-out-to-bottom { 0% { -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  100% { -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px);
    opacity: 0; } }

@keyframes fade-out-to-bottom { 0% { -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  100% { -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px);
    opacity: 0; } }