/* 

====== Move-from-top effect ======

*/
.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */
}
.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;
}


/* LightBox at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
/*opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;

-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );*/

	opacity: 0;
	transition: all 0.8s;
	transform: translateY(-50px);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
/*opacity: 1;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
transform: translateY(0) perspective( 600px ) rotateX( 0 ); */
  opacity: 1;
  transform: translateY(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
/*opacity: 0;

-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); */
  transform: translateY(-50px);
  opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;

-webkit-transition: opacity 0.3s ease-out; 
-moz-transition: opacity 0.3s ease-out; 
-o-transition: opacity 0.3s ease-out; 
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}

.n_dialog{
background-color: rgba(10,10,10,.5);
text-align: center;
position: relative;
}
.mo.n_dialog{
background-color: inherit;
}

.n_dialog.tablet, .n_dialog.mobile{
background: transparent;
padding:0;
}
.n_dialog a{
text-decoration: underline;
color:#aff;
}
.n_dialog.mobile{
width:90%;
}
.n_dialog.tablet{
width:70%;
}

.mfp-close{
width: 32px;
height: 32px;
line-height: 33px;
border-radius: 50px;
}
.mfp-close-btn-in .mfp-close{
/*color: #fff;
background-color: #878787;*/
opacity:1;
margin-top: 10px;
margin-right: 2%;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{
width: 48px;
height: auto;
margin-top: 0px;
margin-right: 0px;  
}
.mfp-close-btn-in .mfp-close{
color:transparent !important;
}