/*

====== Zoom effect ======

*/

.mfp-zoom-in {

	/* start state */

	/* animate in */

	/* animate out */

}

.mfp-zoom-in .popup-content {

	opacity: 0;

	transition: all 0.5s ease;

	transform: scale(0.8);

}

.mfp-zoom-in.mfp-bg {

	opacity: 0;

	transition: all 0.6s ease;

}

.mfp-zoom-in.mfp-ready .popup-content {

	opacity: 1;

	transform: scale(1);

}

.mfp-zoom-in.mfp-ready.mfp-bg {

	opacity: 0.8;

}

.mfp-zoom-in.mfp-removing .popup-content {

	transform: scale(1.2);

	opacity: 0;

}

.mfp-zoom-in.mfp-removing.mfp-bg {

	opacity: 0;

}



.mfp-with-zoom .mfp-container,

.mfp-with-zoom.mfp-bg {

	opacity: 0;

	-webkit-backface-visibility: hidden;

	/* ideally, transition speed should match zoom duration */

	-webkit-transition: all 0.6s ease; 

	-moz-transition: all 0.6s ease; 

	-o-transition: all 0.6s ease; 

	transition: all 0.6s ease;

}



.mfp-with-zoom.mfp-ready .mfp-container {

	opacity: 1;

}

.mfp-with-zoom.mfp-ready.mfp-bg {

	opacity: 0.8;

}



.mfp-with-zoom.mfp-removing .mfp-container, 

.mfp-with-zoom.mfp-removing.mfp-bg {

	opacity: 0;

}