/*----------------------------- Попап ------------------------------------------*/
.popup {
	position: fixed;
	inset: 0;
	background: rgba(255,255,255,0.7);

	display: flex;
	align-items: center;
	justify-content: center;

	opacity: 0;
	visibility: hidden;

	transition: 0.3s;
z-index: 9999;
	
}

.popup.active {
	opacity: 1;
	visibility: visible;
}

.popup-content {
	position: relative;
padding: 40px;
    border-radius: 20px;
background: #eaa203;

	transform: translateY(30px);
	transition: 0.3s;
	max-height:90vh;
	width:90%;
	max-width:500px;
}

.popup.active .popup-content {
	transform: translateY(0);
}

.popup-close {
	position: absolute;
	top: -20px;
	right: -20px;
border-radius:50%;
	width: 40px;
	height: 40px;
padding:0;
	border: 2px solid #ffffff;
	background: none;
cursor: pointer;
	text-indent:-9999px;
	background: #eaa203;
}

.popup-close:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
	background-image: url(../popup/popup-close.svg);
    background-size: cover;
    transform: translate(-50%, -50%);
}