

@-webkit-keyframes top {/*safari*/
	from{ transform: translateY(-200px); opacity: 0;}
	to{ transform: translateY(0); opacity: 1;}
}

@-moz-keyframes top { /*firefox*/
	from{ transform: translateY(-200px); opacity: 0;}
	to{ transform: translateY(0); opacity: 1;}
}

@-o-keyframes top {/*opera*/
	from{ transform: translateY(-200px); opacity: 0;}
	to{ transform: translateY(0); opacity: 1;}
}

@keyframes top {/* chrome*/
	from{ transform: skewX(-24.5deg); transform: translateY(-200px); opacity: 0;}
	to{ transform: translateY(0); opacity: 1;}
}



@-webkit-keyframes accueil {/*safari*/

	from{opacity: 0;}
	to{opacity: 1;}
}

@-moz-keyframes accueil { /*firefox*/
	from{opacity: 0;}
	to{opacity: 1;}
}

@-o-keyframes accueil {/*opera*/
	from{opacity: 0;}
	to{ transform: translateX(0); opacity: 1;}
}

@keyframes accueil {/* chrome*/
	from{opacity: 0;}
	to{opacity: 1;}
}




/* Servicios*/

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

@-moz-keyframes serv{
	0%{ transform:scale(0); opacity:0;}
	80%{ transform:scale(1.5); opacity:0;}
	100%{ transform:scale(1); opacity:1;}

}
@-o-keyframes serv{
	0%{ transform:scale(0); opacity:0;}
	80%{ transform:scale(1.5); opacity:0;}
	100%{ transform:scale(1); opacity:1;}
}

@keyframes serv{
	0%{ transform:scale(0); opacity:0;}
	80%{ transform:scale(1.5); opacity:1;}
	100%{ transform:scale(1); opacity:1;}
}


@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  to {
    transform: none;
    opacity: 1;
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  to {
    transform: none;
    opacity: 1;

  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes blink {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
  }

  to {
    opacity: 1;

  }
}
