@charset "UTF-8";
/* CSS Document */

/* ITEMS TO ANIMATE*/
.popup

 {
  position: absolute;
	top: 55%;
    left:30%;
 	z-index: 1;
 	  -webkit-box-shadow: 0 20px 10px rgba(0, 0, 0, .9);
  		-moz-box-shadow: 0 20px 10px rgba(0, 0, 0, .9);
  	box-shadow:0 15px 10px rgba(0, 0, 0, .9);
  	animation-name:rotateup, fadein;
  	animation-duration:1s, 3s;
  	animation-delay: 0;
  	animation-iteration-count: 1,1;
  	animation-direction: normal,normal;
  	animation-timing-function: ease-out, linear;
  	animation-fill-mode: forwards, forwards; }
 	

.popupimage

 {  	width:100%;
		display:block;
		margin: 0 auto;
		border: hidden;
		padding:0;
 }


/*KEYFRAMES*/

@keyframes rotateup 
{
  0% { transform: scale(0.0) rotatez(0deg)}
  100%  {transform: scale(1) rotatez(1080deg) }
   }
   
   @keyframes fadein {
    0% {opacity: 0;}

    1% { opacity: 1;
    }

    100% {opacity: 1;
    }
}