@-webkit-keyframes inZoom {
    0% {
      /*opacity: 0;*/
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      border-radius: 100%;
      z-index: 0;
    }
  
    100% {
      
      -webkit-transform: scale3d(6, 6, 6);
      transform: scale3d(6, 6, 6);
      border-radius: 2%;
      z-index: 1;
    }
  }
  
  @keyframes inZoom {
    0% {
      /*opacity: 0;*/
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      border-radius: 100%;
    }
  
    100% {
      
      -webkit-transform: scale3d(6, 6, 6);
      transform: scale3d(6, 6, 6);
      border-radius: 2%;
    }
  }
  
  .inZoom {
    -webkit-animation-name: inZoom;
    animation-name: inZoom;
    -webkit-animation-timing-function: cubic-bezier(.05,.71,.12,.95);
    animation-timing-function: cubic-bezier(.05,.71,.12,.95);
  }
  
  @-webkit-keyframes outZoom {
    0% {
      -webkit-transform: scale3d(6, 6, 6);
      transform: scale3d(6, 6, 6);
      border-radius: 2%;
    }
  
    100% {
		-webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      border-radius: 100%;
    }
  }
  
  @keyframes outZoom {
     0% {
      -webkit-transform: scale3d(6, 6, 6);
      transform: scale3d(6, 6, 6);
      border-radius: 2%;
    }
  
    100% {
		-webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      border-radius: 100%;
    }
  }
  
  .outZoom {
    -webkit-animation-name: outZoom;
    animation-name: outZoom;
    -webkit-animation-timing-function: cubic-bezier(.05,.71,.12,.95);
    animation-timing-function: cubic-bezier(.05,.71,.12,.95);
  }
  
  
  

@-webkit-keyframes AniOpen {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0px,75vh,-1200px) ;
        transform: translate3d(0px,75vh,-1200px) ;
    }
  
    10% {
        opacity: 1;
      }
  }

@keyframes AniOpen {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0px,75vh,-1200px) ;
      transform: translate3d(0px,75vh,-1200px) ;
    }
  
    10% {
      opacity: 1;
    }
  }
  

.AniOpen {
    -webkit-animation-name: AniOpen;
    animation-name: AniOpen;
  }

  @-webkit-keyframes AniClose {
    from {
      -webkit-transform: translate3d(0px,0vh,0px) ;
      transform: translate3d(0px,0vh,0px) ;
      opacity: 1;
    }
    to {
      -webkit-transform: translate3d(0px,100vh,-1200px) ;
      transform: translate3d(0px,100vh,-1200px) ;
      opacity: 0;
    }
  }
  
  @keyframes AniClose {
    from {
        -webkit-transform: translate3d(0px,0vh,0px) ;
        transform: translate3d(0px,0vh,0px) ;
        opacity: 1;
    }
    to {
      -webkit-transform: translate3d(0px,100vh,-1200px) ;
      transform: translate3d(0px,100vh,-1200px) ;
      opacity: 0;
    }
  }
  
  .AniClose {
    -webkit-animation-name: AniClose;
    animation-name: AniClose;
  }
  
  
  
  @-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}


@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}


  .animated {
    -webkit-animation-duration:1s;
    animation-duration:1s;
}
 .dely0 {
    -webkit-animation-duration:0.5s;
    animation-duration:0.5;
}
 .dely1 {
    -webkit-animation-duration:0.7s;
    animation-duration:0.7s;
}
 .dely2 {
    -webkit-animation-duration:0.9s;
    animation-duration:0.9s;
}
 .dely3 {
    -webkit-animation-duration:1.1s;
    animation-duration:1.1s;
}
 .dely4 {
    -webkit-animation-duration:1.3s;
    animation-duration:1.3s;
}
 .dely5 {
    -webkit-animation-duration:1.5s;
    animation-duration:1.3s;
}
 .dely6 {
    -webkit-animation-duration:1.7s;
    animation-duration:1.3s;
}
 .dely7 {
    -webkit-animation-duration:1.9s;
    animation-duration:1.3s;
}
 .dely8 {
    -webkit-animation-duration:2.1s;
    animation-duration:1.3s;
}
 .dely9 {
    -webkit-animation-duration:2.3s;
    animation-duration:1.3s;
}
 .dely10 {
    -webkit-animation-duration:2.5s;
    animation-duration:1.3s;
}
 .dely11 {
    -webkit-animation-duration:2.7s;
    animation-duration:1.3s;
}
 .dely12 {
    -webkit-animation-duration:2.9s;
    animation-duration:1.3s;
}
  .animated2 {
    -webkit-animation-duration:3.6s;
    animation-duration:3.6s;
}

.aniend{
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode: forwards;
	z-index: 10;
}