/**

** OUTLINE **

a] KEYFRAMES
	1] fadeInDown
	2] IE override(s)
b] SCALING
	1] 110% scale
	2] IE override(s)


**/

/* - KEYFRAMES -------------------------------------------- *//* -------------------------------------------------------- */

/* -------------------------------------------------------- */
/* - fadeInDown ------------------------------------------- */
/* -------------------------------------------------------- */
@-webkit-keyframes fadeInDown { 0% {-webkit-transform: translateY(-20px); opacity: 0;} 100% {-webkit-transform: translateY(0); opacity: 1;} }
	 @-moz-keyframes fadeInDown { 0% {	 -moz-transform: translateY(-20px); opacity: 0;} 100% {		-moz-transform: translateY(0); opacity: 1;} }
		 @-o-keyframes fadeInDown { 0% {		 -o-transform: translateY(-20px); opacity: 0;} 100% {			-o-transform: translateY(0); opacity: 1;} }
				@keyframes fadeInDown { 0% {				transform: translateY(-20px); opacity: 0;} 100% {				 transform: translateY(0); opacity: 1;} }

#character-wrap figure:hover > figcaption {
	-webkit-animation: fadeInDown .2s .1s;
		 -moz-animation: fadeInDown .2s .1s;
			 -o-animation: fadeInDown .2s .1s;
					animation: fadeInDown .2s .1s;

	-webkit-animation-fill-mode: forwards;
		 -moz-animation-fill-mode: forwards;
			 -o-animation-fill-mode: forwards;
					animation-fill-mode: forwards;
}

/* -------------------------------------------------------- */
/* - IE override(s) --------------------------------------- */
/* -------------------------------------------------------- */
.lt-ie10 #character-wrap figure:hover > figcaption {
	display: block;
	opacity: 1;
}

/* - SCALING ---------------------------------------------- *//* -------------------------------------------------------- */

/* -------------------------------------------------------- */
/* - 110% scale ------------------------------------------- */
/* -------------------------------------------------------- */
#character-wrap figure:hover > a img {
	-webkit-transform: scale(1.1);
		 -moz-transform: scale(1.1);
			 -o-transform: scale(1.1);
					transform: scale(1.1);

	-webkit-transition: all .2s ease-in-out;
		 -moz-transition: all .2s ease-in-out;
			 -o-transition: all .2s ease-in-out;
					transition: all .2s ease-in-out;
}

/* -------------------------------------------------------- */
/* - IE override(s) --------------------------------------- */
/* -------------------------------------------------------- */
.lt-ie10 #character-wrap figure:hover > a img {
	width: 110%;
	left: -5%;
	position: relative;
}