@-webkit-keyframes fadeInUp {
  0% { opacity: 0;-webkit-transform: translate3d(0, 100%, 0); }
  100% {opacity: 1; -webkit-transform: none; }} 
  @keyframes fadeInUp {
  0% { opacity: 0;transform: translate3d(0, 100%, 0); }
  100% {opacity: 1; transform: none; }} 
  @-webkit-keyframes bounceOut {
  100% {    opacity: 0; }}
@keyframes bounceOut {
  100% {    opacity: 0; }}
   @-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;-webkit-transform: translate3d(25px, 0, 0);}
  75% { -webkit-transform: translate3d(-10px, 0, 0);}
  90% {  -webkit-transform: translate3d(5px, 0, 0);}
  100% { -webkit-transform: none; }}
 @keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% { opacity: 0; transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;transform: translate3d(25px, 0, 0);}
  75% { transform: translate3d(-10px, 0, 0);}
  90% {  transform: translate3d(5px, 0, 0);}
  100% { transform: none; }} 
@-webkit-keyframes flipInY {
  0% {-webkit-transform: perspective(800px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in;opacity: 0; }
  40% { -webkit-transform: perspective(800px) rotate3d(0, 1, 0, -20deg);  -webkit-transition-timing-function: ease-in; }
  60% {  -webkit-transform: perspective(800px) rotate3d(0, 1, 0, 10deg);  opacity: 1;}
  80% { -webkit-transform: perspective(800px) rotate3d(0, 1, 0, -5deg); }
  100% { -webkit-transform: perspective(800px);}}
@keyframes flipInY {
  0% {transform: perspective(800px) rotate3d(0, 1, 0, 90deg); transition-timing-function: ease-in;opacity: 0; }
  40% { transform: perspective(800px) rotate3d(0, 1, 0, -20deg);  transition-timing-function: ease-in; }
  60% {  transform: perspective(800px) rotate3d(0, 1, 0, 10deg);  opacity: 1;}
  80% { transform: perspective(800px) rotate3d(0, 1, 0, -5deg); }
  100% { transform: perspective(800px);}}
  @-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);}
  20% {  -webkit-transform: scale3d(1.1, 1.1, 1.1);}
  40% { -webkit-transform: scale3d(.9, .9, .9); }
  60% {opacity: 1;  -webkit-transform: scale3d(1.03, 1.03, 1.03);}
  80% {-webkit-transform: scale3d(.97, .97, .97);}
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1);  }}  
  @keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {opacity: 0;transform: scale3d(.3, .3, .3);}
  20% {  transform: scale3d(1.1, 1.1, 1.1);}
  40% { transform: scale3d(.9, .9, .9); }
  60% {opacity: 1;  transform: scale3d(1.03, 1.03, 1.03);}
  80% {transform: scale3d(.97, .97, .97);}
  100% { opacity: 1; transform: scale3d(1, 1, 1);  }}
 @-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {  opacity: 0;     -webkit-transform: translate3d(3000px, 0, 0);}
  60% { opacity: 1;   -webkit-transform: translate3d(-25px, 0, 0);}
  75% {    -webkit-transform: translate3d(10px, 0, 0);}
  90% {   -webkit-transform: translate3d(-5px, 0, 0);}
  100% {  -webkit-transform: none;}} 
  @keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {  opacity: 0;     transform: translate3d(3000px, 0, 0);}
  60% { opacity: 1;   transform: translate3d(-25px, 0, 0);}
  75% {    transform: translate3d(10px, 0, 0);}
  90% {   transform: translate3d(-5px, 0, 0);}
  100% {  transform: none;}}
 @-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-100%)}
100%{opacity:1;-webkit-transform:translateX(0%)}}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-100%)}
100%{opacity:1;transform:translateX(0%)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(100%)}
100%{opacity:1;-webkit-transform:translateX(0%)}}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(100%)}
100%{opacity:1;transform:translateX(0%)}}
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {  opacity: 0;   -webkit-transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); }
  75% {  -webkit-transform: translate3d(0, -10px, 0);}
  90% {     -webkit-transform: translate3d(0, 5px, 0); }
  100% { -webkit-transform: none; }}
  @keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {  opacity: 0;   transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; transform: translate3d(0, 25px, 0); }
  75% {  transform: translate3d(0, -10px, 0);}
  90% {     transform: translate3d(0, 5px, 0); }
  100% { transform: none; }}
.home{opacity:0;-webkit-animation:bounceOut  1s 1s ease-in-out both;animation:bounceOut  1s 1s ease-in-out both; }
.bg.active .home{opacity:1;-webkit-animation:fadeInUp  1.5s 0s ease-in-out both;animation:fadeInUp 1.5s  0s ease-in-out both;}
.bg.sp{filter:alpha(opacity=0);opacity:0;-webkit-transition:all 1.5s linear;transition:all 1.5s linear;}
.bg.sp.active,#foot.active{filter:alpha(opacity=100);opacity:1;}

#plam,#info,#quite,#skills,#play,#teams,#ups,#co1,#blist li,#add li,#why li,#baby,#baby .loco,#co2,#uzi li,#news li,#tv{-webkit-animation:bounceOut  0.5s 1s  ease-in-out both;animation:bounceOut  0.5s 1s ease-in-out both; }
#plam.active{-webkit-animation:fadeInLeft  1s 0.5s ease-in-out both;animation:fadeInLeft  1s 0.5s ease-in-out both;}
#info.active{-webkit-animation:fadeInRight  1s 1s ease-in-out both;animation:fadeInRight  1s 1s ease-in-out both;}
#quite.active{-webkit-animation:fadeInRight  1s  0.5s  ease-in-out both;animation:fadeInRight  1s  0.5s ease-in-out both; }
#skills.active{-webkit-animation:fadeInLeft  1s  1s  ease-in-out both;animation:fadeInLeft  1s  1s ease-in-out both; }
#play.active{-webkit-animation:fadeInUp  1s 0.5s ease-in-out both;animation:fadeInUp  1s 0.5s ease-in-out both; }
#teams.active{-webkit-animation:fadeInUp  1s 1s ease-in-out both;animation:fadeInUp  1s 1s ease-in-out both; }
#ups.active{-webkit-animation:fadeInUp  1s 0.5s ease-in-out both;animation:fadeInUp  1s 1s ease-in-out both; }
#up li  .mean{-webkit-transform:translateY(100%);-webkit-transition:all 0.5s ease 1s;transform:translateY(100%);transition:all 0.5s ease 1s;  }
#up li.active .mean{-webkit-transform:translateY(0);transform:translateY(0);}
#co1.active{-webkit-animation:fadeInLeft 1s 0.5s ease-in-out both;animation:fadeInLeft  1s 0.5s ease-in-out both; }
#blist li.active{-webkit-animation:fadeInLeft  1s 0.5s  ease-in-out both;animation:fadeInLeft  1s 0.5s ease-in-out both; }
#why li.active{-webkit-animation:fadeInRight  1s 0.5s  ease-in-out both;animation:fadeInRight  1s 0.5s ease-in-out both; }
#add li.active{-webkit-animation:bounceInLeft  1s 0.5s  ease-in-out both;animation:bounceInLeft  1s 0.5s ease-in-out both; }
#baby.active{-webkit-animation:fadeInUp  1s 0.5s ease-in-out both;animation:fadeInUp  1s 0.5s ease-in-out both; }
#baby .loco.active{-webkit-animation:bounceInDown  1s 0.5s  ease-in-out both;animation:bounceInDown  1s 0.5s ease-in-out both;  }
#co2.active{-webkit-animation:fadeInRight  1s 0.5s  ease-in-out both;animation:fadeInRight  1s 0.5s ease-in-out both;}
#uzi li.active{-webkit-animation:fadeInRight  1s 0.5s ease-in-out both;animation:fadeInRight  1s 0.5s ease-in-out both; }
 #news li.active{-webkit-animation:fadeInUp  1s 1s ease-out both;animation:fadeInUp  1s 1s ease-out both; }
 #tv.active{-webkit-animation:bounceInLeft   1s 1s ease-out both;animation:bounceInLeft  1s 1s ease-out both; }