/*animation*/
.animated1{animation-duration:1s;-webkit-animation-duration:1s;-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:3s;-webkit-animation-duration:4s;-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: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;}.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_eff1{animation-name:scale_eff}.scale_eff1.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_eff3}
.drop_eff4{animation-name:drop_eff4}.drop_eff4.in-view{animation-name:drop_eff5}
.drop_eff5{animation-name:drop_eff5}.drop_eff5.in-view{animation-name:drop_eff6}

.shake_eff{animation-name: shake_eff}.shake_eff.in-view{animation-name: shake_eff}@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:translateY(100px);-webkit-transform:translateY(100px);}100%{transform:translateY(0px);-webkit-transform:translateY(0px);}}
@-webkit-keyframes drop_eff5{0%{opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px);}
100%{transform:translateY(0px);-webkit-transform:translateY(0px);}}
.drop_eff5{animation-name:drop_eff5;-webkit-animation-name:drop_eff5;}

@keyframes drop_eff6{0%{opacity:0;transform:translateX(100px);-webkit-transform:translateX(100px)}100%{transform:translateX(0px);-webkit-transform:translateX(0px)}}
@-webkit-keyframes drop_eff6{0%{opacity:0;transform:translateX(100px);-webkit-transform:translateX(100px)}100%{transform:translateX(0px);-webkit-transform:translateX(0px)}}
.drop_eff6{animation-name:drop_eff6;-webkit-animation-name:drop_eff6;}
@-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: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)}}

.animated{animation-duration: 1s;-webkit-animation-duration: 1s;}.animated, .animated2, .animated3, .animated4 {-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: .5s;-webkit-animation-duration: .5s;}.animated3 {animation-duration: 1s;-webkit-animation-duration: 1s;}.animated4 {animation-duration: 3s;-webkit-animation-duration: 3s;}.fade_eff {animation-name: fade_eff;-webkit-animation-name: fade_eff;}.scale_eff {animation-name: scale_eff;-webkit-animation-name: scale_eff;}.drop_eff {animation-name: drop_eff;-webkit-animation-name: drop_eff;-moz-animation-name: drop_eff;-o-animation-name: drop_eff;}.drop_eff2 {animation-name: drop_eff2;-webkit-animation-name: drop_eff2;}.drop_eff3 {animation-name: drop_eff3;-webkit-animation-name: drop_eff3;-moz-animation-name: drop_eff3;-o-animation-name: drop_eff3;}.drop_eff4 {animation-name: drop_eff4;-webkit-animation-name: drop_eff4;}.drop_eff5 {animation-name: drop_eff5;-webkit-animation-name: drop_eff5;}.shake_eff {-webkit-animation-name: shake_eff;animation-name: shake_eff;}