@charset "utf-8";

.animated1{animation-duration:.5s;-webkit-animation-duration:.5s; -webkit-animation-fill-mode: both;animation-fill-mode: both; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out;}

.animated2{animation-duration:2s;-webkit-animation-duration:2s; -webkit-animation-fill-mode: both;animation-fill-mode: both; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out;}

.animated3{animation-duration:3s;-webkit-animation-duration:3s; -webkit-animation-fill-mode: both;animation-fill-mode: both; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out;}

.bounce-up{opacity: 0;-moz-transition: all 700ms ease-out;-webkit-transition: all 700ms ease-out;-o-transition: all 700ms ease-out;transition: all 700ms ease-out;-moz-transform: translate3d(0px, 200px, 0px);-webkit-transform: translate3d(0px, 200px, 0px);-o-transform: translate(0px, 200px);-ms-transform: translate(0px, 200px);transform: translate3d(0px, 200, 0px);  -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}

.bounce-up.in-view{opacity:1;-moz-transform: translate3d(0px, 0px, 0px);  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate3d(0px, 0px, 0px);}
  
.drop_eff{animation-name:drop_eff}
.drop_eff.in-view{animation-name:scale_eff}

.scale_eff{animation-name:scale_eff}
.scale_eff.in-view{animation-name:fade_eff}

.drop_eff2{animation-name:drop_eff2}
.drop_eff2.in-view{animation-name:drop_eff4}

.drop_eff3{animation-name:drop_eff3}
.drop_eff3.in-view{animation-name:drop_eff4}



@keyframes fade_eff{
0%{opacity:0; transform:translateY(-20px);-webkit-transform:translateY(-20px);}
100%{opacity:1; transform:translateY(0);-webkit-transform:translateY(0);}
}

@-webkit-keyframes fade_eff{
0%{opacity:0; transform:translateY(-20px);-webkit-transform:translateY(-20px);}
100%{opacity:1; transform:translateY(0);-webkit-transform:translateY(0);}
}
.fade_eff{animation-name:fade_eff;-webkit-animation-name:fade_eff;}

@keyframes scale_eff{
0%{opacity:0; transform:scale(0);-webkit-transform:scale(0);}
100%{opacity:1; transform:scale(1);-webkit-transform:scale(1);}
}

@-webkit-keyframes scale_eff{
0%{opacity:0; transform:scale(0);-webkit-transform:scale(0);}
100%{opacity:1; transform:scale(1);-webkit-transform:scale(1);}
}
.scale_eff{animation-name:scale_eff;-webkit-animation-name:scale_eff;}


@keyframes drop_eff{
0%{opacity:0;transform:translateY(200px);-webkit-transform:translateY(200px);}
80%{transform:translateY(-20px);-webkit-transform:translateY(-20px);}
100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
}

@-webkit-keyframes drop_eff{
0%{opacity:0;transform:translateY(200px);-webkit-transform:translateY(200px);}
80%{transform:translateY(-20px);-webkit-transform:translateY(-20px);}
100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
}
.drop_eff{animation-name:drop_eff;-webkit-animation-name:drop_eff;-moz-animation-name:drop_eff;-o-animation-name:drop_eff;}


@keyframes drop_eff2{
0%{opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px);}
100%{transform:translateY(0px);-webkit-transform:translateY(0px);}
}

@-webkit-keyframes drop_eff2{
0%{opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px);}
100%{transform:translateY(0px);-webkit-transform:translateY(0px);}
}
.drop_eff2{animation-name:drop_eff2;-webkit-animation-name:drop_eff2;}

@keyframes drop_eff3{
0%{opacity:0;transform:translateY(-100px);-webkit-transform:translateY(-100px);}
100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
}

@-webkit-keyframes drop_eff3{
0%{opacity:0;transform:translateY(-100px);-webkit-transform:translateY(-100px);}
100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
}

.drop_eff3{animation-name:drop_eff3;-webkit-animation-name:drop_eff3;-moz-animation-name:drop_eff3;-o-animation-name:drop_eff3;}


@keyframes drop_eff4{
0%{opacity:0;transform:translateX(-50px);-webkit-transform:translateX(-50px);}
100%{transform:translateX(0px);-webkit-transform:translateX(0px);}
}

@-webkit-keyframes drop_eff4{
0%{opacity:0;transform:translateX(-50px);-webkit-transform:translateX(-50px);}
100%{transform:translateX(0px);-webkit-transform:translateX(0px);}
}
.drop_eff4{animation-name:drop_eff4;-webkit-animation-name:drop_eff4;}


@keyframes drop_eff5{
0%{opacity:0;transform:translateX(100px);-webkit-transform:translateX(100px);}
100%{transform:translateX(0px);-webkit-transform:translateX(0px);}
}

@-webkit-keyframes drop_eff5{
0%{opacity:0;transform:translateX(100px);-webkit-transform:translateX(100px);}
100%{transform:translateX(0px);-webkit-transform:translateX(0px);}
}
.drop_eff5{animation-name:drop_eff5;-webkit-animation-name:drop_eff5;}


@-webkit-keyframes shake_eff {
0%, 100%{-webkit-transform:translateX(0); transform:translateX(0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform: translateX(-3px);transform: translateX(-3px);}
20%, 40%, 60%, 80%{-webkit-transform: translateX(3px);transform: translateX(3px);}
}

@keyframes shake_eff {
0%, 100% {-webkit-transform: translateX(0);transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-3px);transform:translateX(-3px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(3px);transform:translateX(3px);}
}
.shake_eff{-webkit-animation-name: shake_eff;animation-name: shake_eff;}

.shake{}
.shake:hover{animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0, 0, 0);backface-visibility: hidden;perspective:1000px;
}

@keyframes shake {
10%, 90% {transform: translate3d(-1px, 0, 0);}

20%, 80% {transform: translate3d(2px, 0, 0);}

30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}

40%, 60% {transform: translate3d(4px, 0, 0);}
}