.blocker {
	padding: 20px; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; right: 0px; bottom: 0px; overflow: auto; position: fixed; z-index: 99998; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.75);
}
.blocker::before {
	height: 100%; margin-right: -0.05em; vertical-align: middle; display: inline-block; content: "";
}
.behind.blocker {
	background-color: transparent;
}
.modal {
	background: rgb(0, 0, 0); padding: 1px; border-radius: 8px; text-align: left; vertical-align: middle; display: none; position: relative; box-sizing: border-box; box-shadow: 0px 0px 10px #000; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-border-radius: 8px; -ms-border-radius: 8px; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000;
}
.modal a.close-modal {
	background-position: center; top: -20px; width: 30px; height: 30px; right: -20px; text-indent: -9999px; display: block; position: absolute; background-image: url(close.png); background-repeat: no-repeat; background-size: contain;
}
.modal img {height:100%; width:auto; padding:30px 5px;}

.modal a.close-modal {
	top: 5px !important; width: 24px !important; height: 24px !important; right: 5px !important; background-image: url("close.png") !important;-webkit-border-radius: 12px; -moz-border-radius: 12px;-o-border-radius: 12px; -ms-border-radius: 12px; background-color:#FFFFFF
}




.modal {
	background: rgb(250, 250, 250) !important;width:80% !important;; max-width:550px !important;  border-radius: 0px !important; box-shadow: none !important; -webkit-box-shadow: none; z-index: 99999; 
}