/*
 ****** animated ******
 */
.animated {
    -webkit-animation-duration: 1s;/* time */
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;/* mode */
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;/* loop */
    animation-iteration-count: infinite;
}
.animated.quick {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated.bounce {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

.p1_btn{-webkit-animation:p1_btn 1s steps(1) infinite;}
.p1_p_anim{-webkit-animation:moveUp 1s ease-in-out;-webkit-animation-fill-mode: both;}

@-webkit-keyframes p1_btn{
	0% {background-position:0% 0%;}
	50% {background-position:0% 100%;}
	100% {background-position:0% 100%;}
}
@-webkit-keyframes moveUp{
	0% {-webkit-transform: translate3d(0, 20%, 0);}
	100% {-webkit-transform: none;}
}

@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%,0, 0);}100% {opacity: 1;-webkit-transform: none;}}
@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%,0, 0);}100% {opacity: 1;-webkit-transform: none;}}
@-webkit-keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);}100% {opacity: 1;-webkit-transform: none;}}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);}100% {opacity: 1;-webkit-transform: none;}}
@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.2, .2, .2);}100% {opacity: 1;}}

/*page transition*/
.page-next-in{-webkit-animation:nextIn .6s linear;-webkit-animation-fill-mode: both;}
.page-next-out{-webkit-animation:nextOut .6s linear;-webkit-animation-fill-mode: both;}

.updownbtn{-webkit-animation:upDown 1s infinite;animation:upDown 1s infinite;}

@-webkit-keyframes fadeInTop{
    0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes fadeInTop{
    0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@-webkit-keyframes fadeOut{
    0%{opacity:1;}
    100%{opacity:0;}
}
@keyframes fadeOut{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
/*** pulse ***/
@-webkit-keyframes zoomIn{
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
		opacity:1;
    }
    100% {
        -webkit-transform: scale3d(0,0,0);
        transform: scale3d(0,0,0);
		opacity:0;
    }
}
@keyframes zoomIn{
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
		opacity:1;
    }
    100% {
        -webkit-transform: scale3d(0,0,0);
        transform: scale3d(0,0,0);
		opacity:0;
    }
}

@-webkit-keyframes moveleft{
    0%{left:0}
    100%{left:100px;}
}
@keyframes moveleft{
    0%{left:0}
    100%{left:100px;}
}
/*** pulse ***/
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes zoomOut {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
    100% {
        -webkit-transform: scale3d(2.6,2.6,2.6);
        transform: scale3d(2.6,2.6,2.6);
    }
}
@keyframes zoomOut {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
    100% {
        -webkit-transform: scale3d(2.6,2.6,2.6);
        transform: scale3d(2.6,2.6,2.6);
    }
}
/*** flipInY ***/
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
	opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
	opacity: 1;
  }
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flicker{
    0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    100%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
}
@keyframes flicker{
    0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    100%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 1;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 1;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes upDown{
    0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    50%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}
}
@keyframes upDown{
    0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    50%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}
}