﻿.ff{
	transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out
}
.ff.kucuk{
	-webkit-transform:scale(.3);
	-ms-transform:scale(.3);
	-o-transform:scale(.3);
	-moz-transform:scale(.3);
	transform:scale(.3);opacity:0
}
.ff.buyuk{
	opacity:0;
	-webkit-transform:scale(1.5);
	-ms-transform:scale(1.5);
	-o-transform:scale(1.5);
	-moz-transform:scale(1.5);
	transform:scale(1.5)
}
.ff.buyu,.ff.kucul{
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	-o-transform-origin:center center
}
.ff.buyu{ -webkit-animation:buyu  1s ease; animation:buyu 1s ease}
.ff.kucul{-webkit-animation:kucul 1s ease; animation:kucul 1s ease;}
@keyframes kucul{
	0%{
		-webkit-transform:scale(1.7);
		-ms-transform:scale(1.7);
		-o-transform:scale(1.7);
		-moz-transform:scale(1.7);
		transform:scale(1.7);
		opacity:0;
	}
	50%{
		-webkit-transform:scale(.9);
		-ms-transform:scale(.9);
		-o-transform:scale(.9);
		-moz-transform:scale(.9);
		transform:scale(.9);
		opacity: 1;
	}
	100%{
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1)
	}
}
@-webkit-keyframes kucul{
	0%{
		-webkit-transform:scale(1.7);
		-ms-transform:scale(1.7);
		-o-transform:scale(1.7);
		-moz-transform:scale(1.7);
		transform:scale(1.7);
		opacity:0
	}
	50%{
		-webkit-transform:scale(.9);
		-ms-transform:scale(.9);
		-o-transform:scale(.9);
		-moz-transform:scale(.9);
		transform:scale(.9);
		opacity: 1;
	}
	100%{
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1)
	}
}
@-webkit-keyframes buyu {
	0%{
		-webkit-transform:scale(.3);
		-ms-transform:scale(.3);
		-o-transform:scale(.3);
		-moz-transform:scale(.3);
		transform:scale(.3);
		opacity:0
	}
	50%{
		-webkit-transform:scale(1.1);
		-ms-transform:scale(1.1);
		-o-transform:scale(1.1);
		-moz-transform:scale(1.1);
		transform:scale(1.1);
		opacity:1
	}
	100%{
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1)
	}
}
@keyframes buyu {
	0%{-webkit-transform:scale(.3);-ms-transform:scale(.3);-o-transform:scale(.3);-moz-transform:scale(.3);transform:scale(.3);opacity:0}
	50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);opacity:1}
	100%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}

.ff.git{
	-ms-transform:translate(0,200px);
	-webkit-transform:translate(0,200px);
	transform:translate(0,200px);
	opacity:0
}
.ff.gel{
	-webkit-animation:gel 1s ease;
	animation:gel 1.5s ease;
	opacity:1}

	@-webkit-keyframes gel{
		0%{
			-ms-transform:translate(0,200px);
			-webkit-transform:translate(0,200px);
			transform:translate(0,200px);
			opacity:0
		}
		50%{
			-ms-transform:translate(0,-50px);
			-webkit-transform:translate(0,-50px);
			transform:translate(0,-50px);
			opacity:.9
		}
		100%{
			-ms-transform:translate(0,0);
			-webkit-transform:translate(0,0);
			transform:translate(0,0);
			opacity:1
		}
	}
	@keyframes gel{
		0%{
			-ms-transform:translate(0,200px);
			-webkit-transform:translate(0,200px);
			transform:translate(0,200px);
			opacity:0
		}
		50%{
			-ms-transform:translate(0,-50px);
			-webkit-transform:translate(0,-50px);
			transform:translate(0,-50px);
			opacity:.9
		}
		100%{
			-ms-transform:translate(0,0);
			-webkit-transform:translate(0,0);
			transform:translate(0,0);
			opacity:1
		}
	}
