.mfp-nav {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 32px;
    margin-top: -16px;
    opacity: 0.65;
    position: absolute;
    top: 50%;
    z-index: 1050;
	.opacity(0.65);
	&.glyphicon-chevron-left {
		left: 0;
		margin-left: 20px;
	}
	&.glyphicon-chevron-right {
		margin-right: 20px;
		right: 0;
	}
	&:hover {
		.opacity(1);
	}
}

/* ====== Zoom effect ====== */
	.mfp-zoom-in {
	  /* start state */
	  /* animate in */
	  /* animate out */
	}
	.mfp-zoom-in .mfp-with-anim {
	  opacity: 0;
	  transition: all 0.2s ease-in-out;
	  transform: scale(0.8);
	}
	.mfp-zoom-in.mfp-bg {
	  opacity: 0;
	  transition: all 0.3s ease-out;
	}
	.mfp-zoom-in.mfp-ready .mfp-with-anim {
	  opacity: 1;
	  transform: scale(1);
	}
	.mfp-zoom-in.mfp-ready.mfp-bg {
	  opacity: 0.8;
	}
	.mfp-zoom-in.mfp-removing .mfp-with-anim {
	  transform: scale(0.8);
	  opacity: 0;
	}
	.mfp-zoom-in.mfp-removing.mfp-bg {
	  opacity: 0;
	}
	
	/* 
	
	====== Move-from-top effect ======
	
	*/
	.mfp-move-from-top .mfp-content {
	  vertical-align: top;
	}
	.mfp-move-from-top .mfp-with-anim {
	  opacity: 0;
	  transition: all 0.2s;
	  transform: translateY(-100px);
	}
	.mfp-move-from-top.mfp-bg {
	  opacity: 0;
	  transition: all 0.2s;
	}
	.mfp-move-from-top.mfp-ready .mfp-with-anim {
	  opacity: 1;
	  transform: translateY(0);
	}
	.mfp-move-from-top.mfp-ready.mfp-bg {
	  opacity: 0.8;
	}
	.mfp-move-from-top.mfp-removing .mfp-with-anim {
	  transform: translateY(-50px);
	  opacity: 0;
	}
	.mfp-move-from-top.mfp-removing.mfp-bg {
	  opacity: 0;
	}
	
	/* 
	
	====== 3d unfold ======
	
	*/
	.mfp-3d-unfold .mfp-content {
	  perspective: 2000px;
	}
	.mfp-3d-unfold .mfp-with-anim {
	  opacity: 0;
	  transition: all 0.3s ease-in-out;
	  transform-style: preserve-3d;
	  transform: rotateY(-60deg);
	}
	.mfp-3d-unfold.mfp-bg {
	  opacity: 0;
	  transition: all 0.5s;
	}
	.mfp-3d-unfold.mfp-ready .mfp-with-anim {
	  opacity: 1;
	  transform: rotateY(0deg);
	}
	.mfp-3d-unfold.mfp-ready.mfp-bg {
	  opacity: 0.8;
	}
	.mfp-3d-unfold.mfp-removing .mfp-with-anim {
	  transform: rotateY(60deg);
	  opacity: 0;
	}
	.mfp-3d-unfold.mfp-removing.mfp-bg {
	  opacity: 0;
	}
	
	/* 
	
	====== Zoom-out effect ======
	
	*/
	.mfp-zoom-out .mfp-with-anim {
	  opacity: 0;
	  transition: all 0.3s ease-in-out;
	  transform: scale(1.3);
	}
	.mfp-zoom-out.mfp-bg {
	  opacity: 0;
	  transition: all 0.3s ease-out;
	}
	.mfp-zoom-out.mfp-ready .mfp-with-anim {
	  opacity: 1;
	  transform: scale(1);
	}
	.mfp-zoom-out.mfp-ready.mfp-bg {
	  opacity: 0.8;
	}
	.mfp-zoom-out.mfp-removing .mfp-with-anim {
	  transform: scale(1.3);
	  opacity: 0;
	}
	.mfp-zoom-out.mfp-removing.mfp-bg {
	  opacity: 0;
	}