/* ================================================================
 *	HOVER EFFECTS
/* ================================================================ */

/* Lily hover effect
/* ============================= */

.effect-lily:hover {
	cursor: pointer;
}

.effect-lily * {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}

	.effect-lily img {
		/*-webkit-transform: scale(1,1);*/
		/*transform: scale(1,1);*/
		min-width: 310px;
		max-width: 150%;
	}

	.effect-lily .content {
		position: absolute;
		bottom: 22px;
		left: 0;
		padding: 20px 20px 0;
		width: 100%;
		color: #000;
	}	
		
@keyframes hyper {
	25% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	15%, 50% {
		-webkit-transform: rotateX(20deg);
		transform: rotateX(20deg);
	}

	75% {
		-webkit-transform: none;
		transform: none;
	}
}


/* ================================================================
 *	MEDIA QUERIES
/* ================================================================ */

@media all and (min-width: 768px) {

	.effect-lily .content{
		bottom: -15px;
	}

	.effect-lily p {
		opacity: 0;
		min-height: 30px;
		line-height: 1;
		-webkit-transition: opacity 0.2s;
		transition: opacity 0.2s;
	}
	
	.effect-lily:hover img {
		-webkit-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
	}

	.effect-lily:hover .content {
		bottom: 2px;
	}

		.effect-lily:hover p {
			opacity: 1;
			-webkit-transition-delay: 0.05s;
		}

		.effect-lily:hover .content .icon-quiz {
			font-size: 140px;
		}

		.effect-lily:hover .content .icon-anonym {
			font-size: 80px;
		}

		.effect-lily:hover .content .icon-year {
			font-size: 85px;
		}

		.effect-lily:hover .content .icon-btn-play {
			-webkit-transform:rotate(360deg);
			transform:rotate(360deg);
		}

		.ie8 .effect-lily:hover .content .icon-btn-play {
			font-size: 115px;
		}

		.effect-lily:hover .content .hyper {
			-webkit-animation: hyper 1s infinite; 
			animation: hyper 1s infinite; 
		}

		.ie8 .effect-lily:hover .content .hyper { /* IE8 fix */
			font-size: 125px;
		}

}