/*
.wa-mcall-content {margin: 15% auto;padding: 20px;width: 50%;background-color: #ebebeb;border: 1px solid #1e0e20;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
.wa-mcall-close {position: absolute;top: 15px;right: 35px;cursor: pointer;color: #f4f4f4;font-size: 3rem;font-weight: bold;transition: 300ms;}
.wa-mcall-close:hover, .wa-mcall-close:focus {color: #bbb;text-decoration: none;}
.wa-mcall-modal {display: none;position: fixed;width: 100%;height: 100%;z-index: 999;top: 0px;left: 0px;overflow: auto;text-align: center;background: rgba(0, 0, 0, 0.9);}
*/
.wa-modal-overlay{
	position: fixed;
    left: 0;
    top: 0;
    background: black;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
	display:none;
	opacity: 0;
}
.wa-modal{
    position: fixed;
    width: 800px;
    height: auto;
    background: white;
    z-index: 1001;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
	display: none;
	opacity: 0.3;
}

@keyframes modal-show{
	0%{
		transform: translate(-50%, -50%) scale(0.5);
		opacity: 0;
		left: 50%;
	}
	100%{
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
		left: 50%;
	}
}
@keyframes overlay-show{
	0%{
		opacity: 0.3;
		left: 0;
	}
	100%{
		opacity: 0.8;
		left: 0;
	}
}
@keyframes modal-hide{
	0%{
		transform: translate(-50%, -50%) scale(1);
		left: 50%;
		opacity: 1;
	}
	60%{
		opacity: 0;
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
		left: 50%;
		opacity: 0;
	}
}
@keyframes overlay-hide{
	0%{
		opacity: 0.8;
		left: 0;
	}
	100%{
		opacity: 0;
		left: 0;
	}
}
.wa-modal-overlay.wa-modal-opened{
	opacity: 0.8;
	display: block;
	animation: overlay-show 0.3s ease;
}
.wa-modal.wa-modal-opened{
	opacity: 1;
	display: block;
	transform: translate(-50%, -50%) scale(1);
	animation: modal-show 0.2s ease;
}
.wa-modal-overlay.wa-modal-closed{
	opacity: 0;
	display: block;
	left: -100%;
	animation: overlay-hide 0.3s ease;
}
.wa-modal.wa-modal-closed{
	opacity: 1;
	display: block;
	opacity: 0;
	left:0;
	transform: translate(-100%, -100%) scale(0);
	animation: modal-hide 0.2s ease;
}
.wa-modal .wa-modal-content{
    margin-top: 55px;
    padding: 10px;
	max-height: 800px;
}
.wa-modal .wa-modal-title{
	position: absolute;
    box-sizing: border-box;
    width: 100%;
    font-size: 18px;
    padding: 15px 59px 15px 15px;
}
.wa-modal .wa-modal-close{
    position: absolute;
    right: 20px;
	cursor: pointer;
}
.wa-modal .wa-modal-close::after{
	content: "×";
	display: block;
	font-size: 45px;
	transform-origin: 50% calc(50% + 3.6px);
	transition: all 0.3s;
}
.wa-modal .wa-modal-close:hover::after{
	transform: rotate(90deg);
}

@media screen and (max-width: 1700px) {
	.wa-modal .wa-modal-content{max-height: 900px}
}
@media screen and (max-width: 1400px) {
	.wa-modal .wa-modal-content{height: calc(100vh - 40px); margin-top: 20px;overflow-y:scroll}
}

@media screen and (max-width: 1120px) {
	.wa-modal{width:80%}
}

@media screen and (max-width: 800px) {
	.wa-modal {width: 90%}
	.wa-modal .wa-modal-close{margin-top: -55px;color: #fff;right: 0px;top: 0px}
}