.services_anim{
	animation-name: services_anim;
	-webkit-animation-name: services_anim;	
	animation-duration: 1.0s;	
	-webkit-animation-duration: 1.0s;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	visibility: visible !important;	
}

@keyframes services_anim {
	0% {
		transform: translateX(-2%) scale(1);
	}	
	100% {
		transform: translateX(0%) scale(1);
	}	
}

@-webkit-keyframes services_anim {
	0% {
		-webkit-transform: translateX(-2%) scale(1);
	}
	100% {
		-webkit-transform: translateX(0%) scale(1);
	}	
}

.services_anim_paragraf{
	animation-name: services_anim_paragraf;
	-webkit-animation-name: services_anim_paragraf;	
	animation-duration: 1.0s;	
	-webkit-animation-duration: 1.0s;
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;		
	visibility: visible !important;	
}

@keyframes services_anim_paragraf {
	0% {
		transform: translateX(0%) scale(1);
	}	
	100% {
		transform: translateX(2%) scale(1);
	}	
}

@-webkit-keyframes services_anim_paragraf {
	0% {
		-webkit-transform: translateX(0%) scale(1);
	}
	100% {
		-webkit-transform: translateX(2%) scale(1);
	}	
}


.fade_in{
	opacity: 1 !important;
	animation-name: fade_in;
	-webkit-animation-name: fade_in;	
	animation-duration: 1.7s;	
	-webkit-animation-duration: 1.7s;
	animation-timing-function: ease-in;	
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	visibility: visible;
}

@keyframes fade_in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fade_in {
	0% {
		-webkit-opacity: 0;
	}
	100% {
		-webkit-opacity: 1;
	}
}

.expandUp{
	
	animation-name: expandUp;
	-webkit-animation-name: expandUp;	
	animation-duration: 2.0s;	
	-webkit-animation-duration: 2.0s;
	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;	
	visibility: visible !important;	
}

@keyframes expandUp {
	0% {
		transform: translateY(-100%) scale(0.6) scaleY(0.5);
		opacity: 0;
	}
	60%{
		transform: translateY(7%) scaleY(1.12);
	}
	75%{
		transform: translateY(-3%);
	}	
	100% {
		transform: translateY(0%) scale(1) scaleY(1);
		opacity: 1;
	}	
}

@-webkit-keyframes expandUp {
	0% {
		-webkit-transform: translateY(-100%) scale(0.6) scaleY(0.5);
		-webkit-opacity: 0;
	}
	60%{
		-webkit-transform: translateY(7%) scaleY(1.12);
	}
	75%{
		-webkit-transform: translateY(-3%);
	}	
	100% {
		-webkit-transform: translateY(0%) scale(1) scaleY(1);
		-webkit-opacity: 1;
	}	

}.expandDown{
	animation-name: expandDown;
	-webkit-animation-name: expandDown;	
	animation-duration: 2.0s;	
	-webkit-animation-duration: 2.0s;
	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;		
	visibility: visible !important;	
}

@keyframes expandDown {
	0% {
		transform: translateY(-100%) scale(0.6) scaleY(0.5);
		opacity: 0;
	}
	60%{
		transform: translateY(7%) scaleY(1.12);
	}
	75%{
		transform: translateY(-3%);
	}	
	100% {
		transform: translateY(0%) scale(1) scaleY(1);
		opacity: 1;
	}	
}

@-webkit-keyframes expandDown {
	0% {
		-webkit-transform: translateY(-100%) scale(0.6) scaleY(0.5);
		-webkit-opacity: 0;
	}
	60%{
		-webkit-transform: translateY(7%) scaleY(1.12);
	}
	75%{
		-webkit-transform: translateY(-3%);
	}	
	100% {
		-webkit-transform: translateY(0%) scale(1) scaleY(1);
		-webkit-opacity: 1;
	}	
}

/*

==============================================

expandOpen

==============================================

*/





.expandOpen,.team-section:hover{
	animation-name: expandOpen;
	-webkit-animation-name: expandOpen;	

	animation-duration: 1.2s;	
	-webkit-animation-duration: 1.2s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;	
}

@keyframes expandOpen {
	0% {
		transform: scale(1.2);		
	}
	50% {
		transform: scale(0.95);
	}	
	80% {
		transform: scale(1.05);
	}
	90% {
		transform: scale(0.98);
	}	
	100% {
		transform: scale(1);
	}			
}

@-webkit-keyframes expandOpen {
	0% {
		-webkit-transform: scale(1.2);		
	}
	50% {
		-webkit-transform: scale(0.95);
	}	
	80% {
		-webkit-transform: scale(1.05);
	}
	90% {
		-webkit-transform: scale(0.98);
	}	
	100% {
		-webkit-transform: scale(1);
	}					
}


/*==============================================
pulse
==============================================
*/

.pulse,.plan1:hover{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: 3;
	-webkit-animation-iteration-count: 3;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}

/*
==============================================
floating
==============================================
*/

.floating,.grid li:hover{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: 3;
	-webkit-animation-iteration-count: 3;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}