/* Styles for dialog window */
#small-dialog {
	background: white;
	padding: 30px 30px;
	text-align: justify;
	max-width: 600px;
	margin: 40px auto;
	position: relative;
	
	font-family: 'Roboto Slab', serif;
	color: #666;
	font-size: 16px;
	font-weight: 300;
	
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

#small-dialog h4 {
	color: #005cb8;
	font-size: 32px;
	line-height: 1em;
	margin: 0px 0px 15px 0px;
}


/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity:0.01;
	filter:alpha(opacity=0.01); /* For IE8 and earlier */

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 

	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity:0.01;
	filter:alpha(opacity=0.01); /* For IE8 and earlier */
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity:0.01;
	filter:alpha(opacity=001); /* For IE8 and earlier */
	
	-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-zoom-in.mfp-ready.mfp-bg {
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity:0.01;
	filter:alpha(opacity=0.01); /* For IE8 and earlier */
}


/**
 * Fade-move animation for second dialog
 */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity:0.01;
	filter:alpha(opacity=0.01); /* For IE8 and earlier */
	
	-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 );
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	
	-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 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity:0.01;
	filter:alpha(opacity=0.01); /* For IE8 and earlier */

	-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 ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity:0.01;
	filter:alpha(opacity=0.01); /* For IE8 and earlier */

	-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.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity:0.01;
	filter:alpha(opacity=0.01); /* For IE8 and earlier */
}