.overlay.__vis {
    visibility: visible;
    opacity: 1;
}

.overlay {
	z-index: 99998;
	position: fixed;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQzRDc5ODEzREJCNTExRTVBOTJGQkRBQTA2RTUwMUY3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQzRDc5ODE0REJCNTExRTVBOTJGQkRBQTA2RTUwMUY3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDNENzk4MTFEQkI1MTFFNUE5MkZCREFBMDZFNTAxRjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDNENzk4MTJEQkI1MTFFNUE5MkZCREFBMDZFNTAxRjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ZWxNqAAAAD0lEQVR42mJgYGBoAAgwAACFAIHr1UyZAAAAAElFTkSuQmCC");
	background-repeat: repeat;
	background-position: 0 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	overflow: auto;
	transition: all 0.3s ease-in;
}

.modal-w {
	display: inline-block;
	vertical-align: middle;
	width: 99%;
	z-index: 99999;
	padding: 25px 0px;
}

.modal-cnt {
    position: relative;
    background: #fff;
    box-shadow: 0 0 24px -3px rgba(0, 0, 0, 0.69);
    margin: 0 auto;
    max-width: 620px;
    width: 80%;
}

.modal_cnt {
    padding: 50px 35px 35px;
    text-align: center;
}

.modal-close {
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzQiIHdpZHRoPSIzNCIgdmlld0JveD0iMCAwIDI3LjM3NTU5IDI3LjQ1NDE2Ij48Zz48cGF0aCBkPSJNMCAyNi4xMUwyNi4wMzMuMWwxLjM0MyAxLjM0NC0yNi4wMzMgMjYuMDF6Ii8+PHBhdGggZD0iTTAgMS4zNDNMMS4zNDMgMGwyNi4wMjIgMjYuMDItMS4zNDQgMS4zNDV6Ii8+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;
    background-size: 20px;
    background-position: 50% 50%;
    opacity: 0.4;
    position: absolute;
    top: 10px;
    right: 10px;
    transition: all 0.2s ease-in;
}