.black-popup,
.white-popup {
	position: relative;
	background-color: rgba(255,255,255,1);/* belo */
	padding: 30px;
	margin: 20px auto;
	width: auto;
/*	max-width: 90%;	*/
	line-height: normal;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.black-popup {
	background-color: rgba(0,0,0,0.9);/* crno */
	max-width: 500px;
	padding-top: 10px;
}
.black-popup img,
.white-popup img {
	width: 100%;	/**/
}
.black-popup h3,
.white-popup h3 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.black-popup h3 {
	margin-top: 0;
}

/* overlay at start */
.mfp-fade.mfp-bg,
.mfp-bg-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready,
.mfp-bg-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing,
.mfp-bg-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;

    -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;

    -webkit-transform: scale(1.3);
       -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
}