@keyframes effect1 {
  from {
    margin-top: -50%;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes effect2 {
  25% {
    -webkit-transform: rotateZ(14deg);
    transform: rotateZ(14deg);
  }
  50% {
    -webkit-transform: rotateZ(-7deg);
    transform: rotateZ(-7deg);
  }
  75% {
    -webkit-transform: rotateZ(5deg);
    transform: rotateZ(5deg);
  }
  100% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}

@keyframes effect3 {
  from {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
  }
  to {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}

@keyframes effect4 {
  25% {
    -webkit-transform: rotateY(60deg);
    transform: rotateY(60deg);
  }
  50% {
    -webkit-transform: rotateY(-40deg);
    transform: rotateY(-40deg);
  }
  75% {
    -webkit-transform: rotateY(10deg);
    transform: rotateY(10deg);
  }
  100% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}

@keyframes effect5 {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}
@keyframes effect5 {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}
@keyframes effect5 {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

.popup_effect_1 {
  -webkit-animation: effect1 0.8s 1;
  animation: effect1 0.8s 1;
}


.popup_effect_2 {
  -webkit-animation: effect2 0.8s 1;
  animation: effect2 0.8s 1;
}

.popup_effect_3 {
  -webkit-animation: effect3 0.8s 1;
  animation: effect3 0.8s 1;
}

.popup_effect_4 {
  -webkit-animation: effect4 0.8s 1;
  animation: effect4 0.8s 1;
}

.popup_effect_5 {
  -webkit-animation: effect5 0.8s 1;
  animation: effect5 0.8s 1;
}

.popup_effect_none { }

.popup_style_1 {
  background-image: -webkit-radial-gradient(45px 45px, #FFF, #F0F0F0);
  background-image: -moz-radial-gradient(45px 45px 45deg, #FFF 0%, #F0F0F0  100%);
  background-image: radial-gradient(45px 45px 45deg, #FFF 0%, #F0F0F0 100%);
}

.popup_style_2 {
  background-image: -webkit-radial-gradient(45px 45px, #FFF, #FFFFCC);
  background-image: -moz-radial-gradient(45px 45px 45deg, #FFF 0%, #FFFFCC  100%);
  background-image: radial-gradient(45px 45px 45deg, #FFF 0%, #FFFFCC 100%);
}

.popup_style_3 {
  background-image: -webkit-radial-gradient(45px 45px, #FFF, #CCFF99);
  background-image: -moz-radial-gradient(45px 45px 45deg, #FFF 0%, #CCFF99  100%);
  background-image: radial-gradient(45px 45px 45deg, #FFF 0%, #CCFF99 100%);
}

.popup_style_4 {
  background-image: -webkit-radial-gradient(45px 45px, #FFF, #CC6633);
  background-image: -moz-radial-gradient(45px 45px 45deg, #FFF 0%, #CC6633  100%);
  background-image: radial-gradient(45px 45px 45deg, #FFF 0%, #CC6633 100%);
}

.popup_style_4 .popup_message, .popup_style_4 .popup_text,
.popup_style_5 .popup_message, .popup_style_5 .popup_text {
  color: #000;
 }

.popup_style_5 {
  background-image: -webkit-radial-gradient(45px 45px, #FFF, #FF6347);
  background-image: -moz-radial-gradient(45px 45px 45deg, #FFF 0%, #FF6347  100%);
  background-image: radial-gradient(45px 45px 45deg, #FFF 0%, #FF6347 100%);
}

.popup_style_none { }