.c-popup {
	 display: none;
	 position: fixed;
	 top: 0;
	 left: 0;
	 z-index: 999;
	 bottom: 0;
	 right: 0;
	 overflow: hidden;
	 opacity: 0;
	 transition: opacity 0.15s linear;
}
 .c-popup .popup {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 transition: transform 0.3s ease-out;
}
 .c-popup .popup .popup-wrap {
	 max-width: 800px;
	 width: 100%;
	 pointer-events: auto;
	 box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.25);
	 border-radius: 0.3rem;
	 position: relative;
	 z-index: 11;
	 background-color: white;
	 border-radius: 30px;
}
 .c-popup .popup .popup-wrap img {
	 max-height: 60px;
}

 .c-popup .popup .popup-wrap .form-control {
	 background-color: white;
	 padding: 12px 0 12px 20px;
	 border-color: black;
	 color: #000;
	 height: 42px;
}
 .c-popup .popup .popup-wrap .form-control ::placeholder {
	 color: #000;
}
 @media (max-width: 991px) {
	 .c-popup .popup .popup-wrap {
		 max-width: inherit;
		 width: 500px;
		 margin: 0 20px;
	}
}
 .c-popup .popup .c-close {
	 position: absolute;
	 top: -10px;
	 right: -10px;
	 z-index: 999;
	 color: white;
	 padding: 0px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 background: black;
	 font-size: 20px;
	 border-radius: 50%;
	 line-height: normal;
	 width: 38px;
	 height: 38px;
}
 .c-popup .popup .c-close:hover {
	 color: white;
}
 @media (max-width: 991px) {
	 .c-popup .popup .c-close {
		 top: -17px;
		 right: -12px;
		 width: 30px;
		 height: 30px;
	}
}
 .c-popup .popup.active {
	 transform: translate(0, 0);
}
 .c-popup.popup--open {
	 overflow-x: hidden;
	 overflow-y: auto;
	 opacity: 1;
	 padding: 0 17px;
	 background: rgba(0, 0, 0, .6);
}
 .popup-centered {
	 display: flex;
	 align-items: center;
	 min-height: calc(100% - (0.5rem * 2));
}
 @media (min-width: 576px) {
	 .popup-centered {
		 min-height: calc(100% - (1.75rem * 2));
	}
}
 .c-popup .popup.sm-popup {
	 max-width: 500px;
}
 .c-popup .popup.md-popup {
	 max-width: 750px;
}
 .c-popup .popup.lg-popup {
	 max-width: 1220px;
}
 .c-popup .popup.wd-995 {
	 max-width: 995px;
}
 .popupContent {
	 padding: 30px;
	 text-align: center;
}
 @media (max-width: 991px) {
	 .popupContent {
		 padding: 20px;
	}
}
 .popup-form {
	 margin-top: 25px;
}
 .popup-form .btn-wrap {
	 padding: 0;
}
 .popup-form textarea {
	 min-height: 211px;
}
 @media (max-width: 991px) {
	 .popup-form textarea {
		 min-height: 120px;
	}
}
 @media (max-width: 991px) {
	 .popup-form {
		 margin-top: 20px;
	}
}