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

*{margin:0;padding:0}
img{border:0;max-width: 100%;
	height: auto
}
.vnn-ads-zone{max-width:600px;position:relative;overflow:hidden}

.img1{
animation: mymove 5s ease-in-out 0s 1;
-webkit-animation: mymove 5s ease-in-out 0s 1;
position:absolute;
width:100%;
display:block;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.img2{
animation: mymove1 5s ease-in-out 4s 1;
-webkit-animation: mymove1 5s ease-in-out 4s 1;  
position:absolute;
width:100%;
display:block;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.img3{
animation: mymove2 5s ease-in-out 8s 1; 
-webkit-animation: mymove2 5s ease-in-out 8s 1;
position:absolute;
width:100%;
display:block;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.img4{
animation: mymove3 5s ease-in-out 12s 1; 
-webkit-animation: mymove3 5s ease-in-out 12s 1;
position:absolute;
width:100%;
display:block;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.img5{
animation: mymove4 5s ease-in-out 16s 1; 
-webkit-animation: mymove4 5s ease-in-out 16s 1;
position:absolute;
width:100%;
display:block;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.img1,.img2,.img3,.img4,.img5{cursor:pointer}
@keyframes mymove {
   0%   {bottom: -100px;opacity:0}
  25%  {bottom: 0%;opacity:1}
  70%  {bottom: 0%;opacity:1}
  100% {bottom: -610px;opacity:1}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  0%   {bottom: -100px;opacity:0}
  25%  {bottom: 0%;opacity:1}
  75%  {bottom: 0%;opacity:1}
  100% {bottom: -610px;opacity:1}
}


@keyframes mymove1 {
   0%   {bottom: -100px;opacity:0}
  25%  {bottom: 0%;opacity:1}
  75%  {bottom: 0%;opacity:1}
  100% {bottom: -610px;opacity:1}
}
@-webkit-keyframes mymove1 {
   0%   {bottom: -100px;opacity:0}
  25%  {bottom: 0%;opacity:1}
  75%  {bottom: 0%;opacity:1}
  100% {bottom: -610px;opacity:1}
}

@keyframes mymove2 {
   0%   {bottom: -100px;opacity:0}
  25%  {bottom: 0%;opacity:1}
  75%  {bottom: 0%;opacity:1}
  100% {bottom: -610px;opacity:1}
}
@-webkit-keyframes mymove2 {
   0%   {bottom: -100px;opacity:0}
  25%  {bottom: 0%;opacity:1}
  75%  {bottom: 0%;opacity:1}
  100% {bottom: -610px;opacity:1}
}

@keyframes mymove3 {
   0%   {bottom: -100px;opacity:0}
  25%  {bottom: 0%;opacity:1}
  75%  {bottom: 0%;opacity:1}
  100% {bottom: -610px;opacity:1}
}
@-webkit-keyframes mymove3 {
   0%   {bottom: -100px;opacity:0}
  25%  {bottom: 0%;opacity:1}
  75%  {bottom: 0%;opacity:1}
  100% {bottom: -610px;opacity:1}
}

@keyframes mymove4 {
   0%   {bottom: -100px;opacity:0}
  25%  {bottom: 0%;opacity:1}
  75%  {bottom: 0%;opacity:1}
  100% {bottom: 0%;opacity:1}
}
@-webkit-keyframes mymove4 {
   0%   {bottom: -100px;opacity:0}
  25%  {bottom: 0%;opacity:1}
  75%  {bottom: 0%;opacity:1}
  100% {bottom: 0%;opacity:1}
}
.vnnads-demo1__close {
    position: absolute;
    bottom: 88px;
    right: 2px;
    background-size: 100% 100%;
    width: 22px;
    height: 22px;
    -webkit-animation: fadeIn1 1s .2s both;
    animation: fadeIn1 1s .2s both;
    cursor: pointer;
}
@media(max-width: 480px){
	.vnnads-demo1__close {
    position: absolute;
    bottom: 56px;}
	}