#popup{
	transition: all 0.2s ease-out;
	opacity: 0;
	position: relative;
	z-index: -1;
	pointer-events: none;
}

#popup.visible{
	opacity: 1;
	z-index: 99999;
	pointer-events: all;
}
#popup.novisible{
	opacity: 0;
	pointer-events: none;
}
.popup_background{
  background-color: rgba(0,0,0,0.3);
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 99999;
}
.popup_content {
	position: fixed;
	max-width: 720px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #fff;
	border-radius: 50px;
	border: 1px solid #8cc63f;
	padding: 20px 50px 0px;
	box-shadow: 0 4px 5px rgba(0,0,0,0.2);
	max-height: 90vh;
	width: 90%;
	font-size: 0.8em;
	line-height: 1.1em;
}
.popup_content .webform-submission-form, .popup_content .webform-submission {
	border-radius: 50px;
	border: 0px;
	padding: 0;
	margin: 0 auto;
}
#popup .js-form-type-radio input{
    margin-bottom: 0;
}
#popup .webform-options-display-two-columns {
  display: block;
  max-width: 510px;
  margin: 0 auto;
  column-count: 2;
}
#popup_close {
	position: absolute;
	top: 15px;
	right: 20px;
	cursor: pointer;
	font-size: 20px;
}
#popup_close svg{
    transition: all 0.2s ease-out;
}
#popup_close svg:hover{
  fill: #8cc63f;
}
#popup .form-actions{
  text-align: center;
}
#popup .webform-submission-form .form-wrapper {
	margin: 20px 0;
}
#popup p {
	font-size: 16px;
}
@media screen and (max-width: 768px) {
	.popup_content {
		position: relative;
		margin: 5% auto;
		transform: none;
		background-color: #fff;
		border-radius: 50px;
		border: 1px solid #8cc63f;
		padding: 20px 50px 0px;
		box-shadow: 0 4px 5px rgba(0,0,0,0.2);
		max-height: 95vh;
		overflow: scroll;
		top: auto;
		left: auto;
	}
}