
.modal-evelyn input::placeholder 			{ color: #ffffff; font-weight: 700; }

.modal-evelyn a {
	color: #fff;
}

.hubspotform {
	background: #F6F5F2  !important;
	padding: 80px 0;
}


.hs-input {
	width: 100% !important;
}

.input {
	margin-right: 0 !important;
}
 input, textarea 		{ border: 0px solid #8F9499; background: none; font-size: 22px; border-radius: 0; font-weight: 500; padding-left: 0; padding-right: 0; border-bottom: 2px solid #fff;  font-weight: 600}


textarea.error, select.error {
border: 1px solid #ffffff !important;
}


 input.error,.select-selected.error						{ border-bottom:  2px solid #f00 !important}

textarea {width: 100% !important
}

	select {
	border: 1px solid #8F9499; background: #fff; font-size: 16px; border-radius: 10px; font-weight: 500;
width: 100% !important;
margin: 7px 0;
padding: 15px 15px; -webkit-appearance: none; font-weight: bold; background:#fff right center no-repeat url(../png/select_bg.png);
white-space: normal;

padding-right: 30px;


} 
	
	.field {padding-bottom: 10px; p}
	.hs-fieldtype-textarea label {display: none;}
	.hs-fieldtype-text label {display: none;}
	.hs-fieldtype-select  label {display: none;}
	.no-list, .inputs-list {padding: 0; margin: 0; list-style: none;}
	.form-columns-2, .form-columns-1 {width:100%; max-width: 10000px !important}
	.hs-error-msgs{text-align: left;
color: #ffffff;
font-size: 0.73em;
padding-top: 0px;
clear: both;
margin-left: 0.5%;
}

.hs-error-msg { margin-top: 6px !important; color: #ffffff  !important; padding-left: 40px  !important} 
.hs_error_rollup {padding-top: 30px !important}

.hs-fieldtype-booleancheckbox {
	padding-left: 40px; 
	padding-right: 20px;
}
	
	.evelyn-close, .content-evelyn .hs-button{

		border-radius: 10px;

background: none !important;


transition: all 0.5s ease;
margin: 0 auto;
		
		float: none;
		display: block;
		margin: 0 auto;
		margin-top: 40px;
		color: #fff; 
		padding: 10px 30px;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 600;
		width: 297px; 
		border: 2px solid #fff  !important;

		position: absolute; bottom: 40px; left:30px;


}

@media screen and (max-width: 374px) {
	.evelyn-close, .hs-button{ width: 90%; left: 5%; } 
	}


	
	.evelyn-close-icon {
		background: #fff; overflow: hidden;
		width: 30px;
		height: 30px;
		background: #fff;
		font-size: 18px;
		line-height: 30px;
		position: absolute; top:20px; right: 20px;
		color: #4C817F;
		border-radius: 50%;
		cursor: pointer;
	}
	.evelyn-close {
		padding: 4px !important;
	}
	.evelyn-close:hover, .hs-button:hover {
		border: 2px solid #fff  !important;
		background: #fff !important;
		color: #4C817F !important;
	}
	.hs_error_rollup {
		display: none;
	}
	
	a.no-list.hs-error-msgs.inputs-list { 
		display: none !important;
	}
	
	/* Customize the label (the container) */
.hs-fieldtype-booleancheckbox label {
	display: block;
	position: relative;
 	padding-left: 40px; 
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: left;
	color: #ffffff;
	float: left;
	width: auto;
	font-size: 0.7em;
	margin-top: 30px;
	line-height: 1.4em;
	clear: left;
	padding-bottom: 10px;
  }
  
  

  .hs-fieldtype-booleancheckbox label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

/*

  .hs-fieldtype-booleancheckbox label input::before {
	position: absolute;
	top: 0;
	left: 0;
	height: 35px;
	width: 35px;
	background-color: #fff !important;
	border: 2px solid #ff0;
	border-radius: 3px;
	margin-top: 1px;
  }
*/
  .register-form .checkmark 					{ border-color: #fff; }
  label.container:hover input ~ .checkmark 		{ background-color: transparent; }
  label.container input:checked ~ .checkmark 	{ background-color: transparent; }
  .checkmark:after 								{ content: ""; position: absolute; display: none; }
  label.container input:checked ~ .checkmark:after { display: block; }


	
	
	
	

 .hs-fieldtype-booleancheckbox label span:before, 
 .hs-fieldtype-booleancheckbox label span:after {
  pointer-events: none; 
}

 .hs-fieldtype-booleancheckbox label span:after {
  border-radius:  50%; 
}

 .hs-fieldtype-booleancheckbox label span:before {
  display:  flex; 
  content: ' ';
  height:  25px; 
  width:  25px; 
  border:  solid 1px #fff;
  background:  none;

  margin-right:  10px; 
  
  position: absolute;
	top: 0;
	left: 0;

	background-color: none;
	border: 2px solid #ffffff;
	border-radius: 50px;
	margin-top: 1px;

  
  
  
}

 .hs-fieldtype-booleancheckbox label span:after {
left: 8px;
top: 5px;
width: 8px;
height: 14px;
border: solid #4C817F;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
transition: transform .3s ease;
content: "";
position: absolute;
display: none;
border-radius: 0;
}


.hs-fieldtype-booleancheckbox label input[type="checkbox"]:checked +   span:after {
display: block;
z-index: 2;
}




.hs-fieldtype-booleancheckbox label input[type="checkbox"]:checked + span:before {
	background: #fff !important;
	border: 1px solid #fff !important;
	z-index: 1;
}
	
	.hs-fieldtype-booleancheckbox label a{text-decoration: underline}
	
	
	
	

	.form-columns-2 div {width:100% !important; float: none !important;}

.hs-fieldtype-booleancheckbox {
	padding-left: 0; 
	padding-right: 0;
}

	
	@media screen and (max-width: 767px) {
		
		.hs-fieldtype-booleancheckbox {
	padding-left: 0; 
	padding-right: 0;
}
		
		.hs_submit.hs-submit {padding-top: 50px;}
		.evelyn-close, .hs-button {display: block; }
		.form-columns-2 div {width:100% !important; float: none !important;}
		.hs-fieldtype-booleancheckbox label {font-size: 1em;}
	}	