body {
	padding: 0;
	margin: 0;
	background-color: #f8f8f8;
}
.logo_area {
	text-align: center;
	margin: 30px 0 30px;
	line-height:1;
}
.lpl_funnel_sec {
	background-color: #f8f8f8;
	padding: 60px 0 40px;
}
.lpl_funnel_area {
	background: #fff;
	border-radius: 5px;
	padding: 50px 10% 50px;
	-webkit-box-shadow: 0 20px 20px 0 rgba(118,111,116,.2);
	-moz-box-shadow: 0 20px 20px 0 rgba(118,111,116,.2);
	box-shadow: 0 10px 16px 0 rgba(118,111,116,.2);
	min-height: 320px;
	margin: 0 auto;
	width: 50%;
}


.funnel_progress_bar {
	width: 100%;
	background: #d2d6dc;
	border-radius: 10px;
	margin-top: 20px;
}
.selected_area {
	color: #fff;
	background: #1abc9c;
	text-align: center;
	height: 18px;
	border-radius: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
}



.lpl_funnel_area h2,
.lpl_funnel_area h3,
.lpl_funnel_area p,
.lpl_funnel_area select,
.lpl_funnel_area label,
.lpl_funnel_label {
	font-family: 'Open Sans', sans-serif;
}
.lpl_funnel_area h2 {
	font-size: 24px;
	margin:24px 0;
	line-height: 40px;
	font-weight: 600;
	text-align: center;
}
.lpl_funnel_label,
.lpl_funnel_area h3 {
	font-size: 26px;
	line-height: 36px;
	font-weight: 700;
	text-align: center;
	display: block;
	margin: 20px 0;
}
.lpl_funnel_label span,
.lpl_funnel_area h3 span {
	color: #f00;
}
.lpl_funnel_area p {
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	text-align: center;
}

.field_info p {
	margin: 8px 0 0;
}



.lpl_funnel_area input[type="text"],
.lpl_funnel_area input[type="email"],
.lpl_funnel_area input[type="tel"] {
	width: 98%;
	border-radius: 10px;
	height: 40px;
	padding: 5px 10px;
	border: 1px solid #cfcfcf;
	background-color: #f8f8f8;
	margin-top: 0;
	color: #05080d;
	font-size: 16px;
}
.lpl_funnel_area input[type="text"]:user-invalid,
.lpl_funnel_area input[type="email"]:user-invalid,
.lpl_funnel_area input[type="tel"]:user-invalid {
	border-color:red;
	background-color:rgb(240, 211, 211);
	outline-color: red;
}
.lpl_funnel_area select {
	padding: 5px 20px;
	border: 1px solid #cfcfcf;
	height: 50px;
	border-radius: 50px;
	background: #f8f8f8;
	color: #05080d;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 24px;
}




.lpl_fnl_ul_area {
	padding: 0;
}
.lpl_fnl_li_area {
	position: relative;
	width: 100%;
	list-style: none;
	margin: 10px 0;
	border-radius: 10px;
}
.lpl_fnl_ul_area li input[type="radio"] {
	width: 100%;
	overflow: hidden;
	padding: 0;
	position: absolute;
	cursor: pointer;
	height: 46px;
	z-index: 0;
	opacity: 0;
}
.lpl_fnl_ul_area li input[type="radio"]:hover + label {
	background: #43464b;
	color: #fff;
}
.lpl_fnl_ul_area li input[type="radio"]:checked + label {
	background: #7dd8c6;
	color: #fff;
}





.funnel_add_area .form-fields {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}

.funnel_add_area .form-fields > * {
	flex-basis: 41%;
	margin:10px 5px;
}

.funnel_add_area input[type="text"],
.funnel_add_area select {
	box-sizing:  border-box;
	width: 100%;
	height:50px;
	border-radius: 10px;
}



.form-field {
	position: relative;
	display:inline-block;
}
.form-field input {
	width: 100%;
	padding-left:10px;
}
.form-field label,
.form-field input:focus + label {
	position: absolute;
	left: 10px;
	top: -10px;
	font-size: 14px;
	color: #999;
	background-color:#f8f8f8;
	border-radius:3px;
	padding:0 3px;
	transition: all 0.3s ease;
	pointer-events: none;
}
.form-field input:placeholder-shown + label {
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	background-color:transparent;
}







.lpl_fnl_ul_area label.lpl_funnel_radio_option {
	background: #f8f8f8;
	text-align: center;
	padding: 16px 0;
	border-radius: 6px;
	width: 100%;
	max-width: 100%;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}
ul#checkbox1 {
	margin-top:2.8em;
}
.lpl_funnel_area .gfield_checkbox {
	padding-left: 0;
}
.lpl_funnel_area .gfield_checkbox .checkbox_last_steps {
	list-style: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 24px;
}




#step12 {
	text-align: center;
}
#step12 .form-field {
	width: 28%;
	margin: 0 10px;
}



.next-btn, .submit-btn {
	background: #1abc9c;
	color: #fff;
	text-transform: capitalize;
	border-radius: 50px;
	padding: 0 40px;
	font-weight: 700;
	border: none;
	font-size: 20px;
	height: 50px;
	text-align: center;
	min-width: 180px;
	font-family: 'Open Sans', sans-serif;
	display: inherit;
	margin: 20px auto 0;
	cursor: pointer;
}
.funnel_error {
	display: none;
	color: #f00;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	padding: 0 0 10px;
	width: 100%;
	float: left;
	text-align: center;
}
.back-btn {
	background: none;
	color: #1abc9c;
	text-transform: capitalize;
	border-radius: 50px;
	padding: 0;
	font-weight: 700;
	border: none;
	font-size: 20px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	display: inherit;
	margin: 20px auto 0;
	cursor: pointer;
}




#step2, #step3, #step4, #step5, #step6, #step6, #step7, #step8, #step9, #step10, #step11, #step12, #step13, #step14 {
	display: none;
}
#funnel_under_two_years_add,
#previous_address_fields {
	display: none;
}



#footer-notice {
	width: 86%;
	margin: 50px auto 50px;	
	font-family: 'Open Sans', sans-serif;
	color: #000;
}
#footer-notice h5 {
	margin:12px 0;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}
#footer-notice p {
	margin:12px 0;
	font-size: 12px;
	line-height: 20px;
}
#footer-notice a {
	color: #00c579;
}



#footer-base {
	background: #303030;
}
#footer-base-inner  {
	width: 86%;
	padding: 14px 0;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	color: #fff;
}
#footer-base-inner ul,
#footer-base-inner li {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:1.1;
}
#footer-base-inner ul {
	display: inline-flex;
	gap:1.5em;
}
#footer-base-inner a {
	color:#fff;
	text-decoration: none;
	font-size:14px;
	&:hover {
		color:#29b88a;
	}
}


.note {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: center;
	display: inherit;
	margin-top: 8px;
}
.lpl_funnel_area .gfield_checkbox .checkbox_last_steps a {
	color: #00c579;
}
.popup_modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.8);
}
.popup_modal_cont {
	background-color: #fff;
	margin: auto;
	padding: 20px;
	border-radius: 10px;
	width: 80%;
	max-height: 90%;
	margin-top: 5%;
	margin-bottom: 5% !important;
	overflow-x: scroll;
	font-family: 'Open Sans',sans-serif;
	font-size: 15px;
	line-height: 24px;
}
.popup_modal_cont h2 {
	font-size: 30px;
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
	line-height: 30px;
	text-transform: capitalize;
	padding-bottom: 20px;
	text-align: center;
}
.popup_modal_cont h2 strong {
	font-size: 18px;
	display: block;
	font-weight: 600;
	text-transform: initial;
	font-family: 'Open Sans',sans-serif;
}
.popup_modal_cont p {
	text-align: left;
	font-family: 'Open Sans',sans-serif;
}
.popup_modal_cont ul {
	text-align: left;
	list-style: none;
	margin-bottom: 15px;
	padding-left: 0;
}
#craTermsDescription ul {
	list-style-type:disc;
	padding-left: 40px;
}
.conti_link {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	padding: 8px 16px;
	margin: 0 auto;
	display: block;
	background: #1abc9c;
	color: #fff;
	border-radius: 50px;
	font-family: 'Open Sans',sans-serif;
	width: 120px;
	cursor: pointer;
}
.cross_icon {
	color: #f00;
	float: right;
	font-size: 36px;
	font-weight: bold;
}
.cross_icon:hover,
.cross_icon:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.logo_text_area {
	text-align: center;
	display: inline-block;
	width: 100%;
}
.popup_modal_cont .logo_text_area p {
	text-align: center;
}
.popup_modal_cont .logo_text_area h2 {
	font-size: 28px;
	line-height: 36px;
	padding: 6px;
	margin: 10px 0;
}
.popup_modal_cont .logo_text_area h2 strong {
	font-weight: normal;
}
.popup_modal_cont p a {
	color: #00c579;
}
.ajax-error {
	display:none;
	text-align: center;
	color: #f00;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}
.main_heading_sec {
	background: #05080d;
	padding: 5px 0;
}
.lpl_pages_content_sec {
	background: #f8f8f8;
	padding: 50px 0;
}
.main_heading_area {
	width: 86%;
	margin: 0 auto;
}
.main_heading_area h2, .lpl_pages_content_area h2 {
	font-weight: bold;
	line-height: 40px;
	font-size: 32px;
	text-transform: none;
	text-align: left;
	width: 100%;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}
.lpl_pages_content_area h2 {
	color: #000;
	text-align: center;
	margin-top: 0;
}
.lpl_pages_content_area {
	width: 86%;
	margin: 0 auto;
}
.lpl_pages_content_area {
	width: 86%;
	margin: 0 auto;
}
.funnel_thankyou_cnt {
	width: 58%;
	float: left;
	margin-right: 2%;
	padding-top: 12%;
}
.lpl_pages_content_area p {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	line-height: 28px;
}
.thankyou_video_area {
	width: 40%;
	display: inline-block;
}
.thankyou_video_area img {
	width: 100%;
}
.lpl_pages_content_area strong, .lpl_pages_content_area a {
	color: #1abc9c;
	text-decoration: none;
}
.funnel_resp_error {
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	line-height: 34px;
	font-weight: bold;
	padding-top: 16%;
	display: none;
	color:#f00;
	text-align: center;
}




/*
The "processing" class will be applied to a parent element, probably the BODY, as
soon as final submit button is hit. This is used to fire off initial state changes and
animations, and can also be used to indicate state for any JS functional checks.
Keep in mind other elements may have their own delayed "visible" or "hidden" classes if
they are not immediately activated when processing starts.
*/

.hidden {
	display: none;
}

.processing #lpl_funnel_area button:hover {
	cursor: wait;
}
.processing #last_step_back_btn {
	display: none;
}

/* All inner form stuff can be faded out EXCEPT the progress feedback area */
#lpl_funnel_area .step > :not(#application-progress) {
	transition: all 3s ease-in-out;
}
.processing #lpl_funnel_area .step > :not(#application-progress) {
	opacity: 0.3;
}

/* Footer can also be faded out while processing occurs. */
#footer-notice {
	transition: opacity 3s ease-in-out;
}
.processing #footer-notice {
	opacity:0.4;
}

/* Application Progress feedback area to be shown while processing and hidden when not. */
#application-progress {
	display: none;
	text-align: center;
}
.processing #application-progress {
	display: block;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF88;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: all 4s ease;
	visibility: hidden;
}
#overlay.hidden {
	display: none;
}
#overlay.visible {
	opacity: 1;
	visibility: visible;
}

#messages {
	font-family: sans-serif;
	display: flex;
	width: 400px;
	overflow: hidden;
	position: relative;
	height: 1.5em;
	margin-top: -20px;
	color: #275243;
	font-size: 20px;
}
#messages.hidden {
	display: none;
}
#messages p {
	white-space: nowrap;
	margin: 0;
	line-height: 1.5;
	min-width: 400px;
	text-align: left;
	position: absolute;
	top: 200%;
	transition: all 0.2s linear;
}
#messages p:nth-child(n+2) {
	top: -200%;
}
#messages p:nth-child(2) {
	top: 0;
}

/* Circular spinner */
.loader {
	border: 16px solid #FFFFFF88;
	border-color: transparent;
	border-top: 16px solid #28B88A;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 0.8s linear infinite;
	margin: 20px auto;
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* Horizontal progress bar */
.progress {
	display: flex;
	height: 1rem;
	overflow: hidden;
	font-size: 0.75rem;
	background-color: #e9ecef;
	border-radius: 0.25rem;
	margin-top: 20px;
	width: 100%;
	margin: 20px auto;
}
.progress-bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	transition: width 0.3s ease;
	background-color: #1abc9c;
}
.progress-bar-striped {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem;
}
.progress-bar-animated {
	animation: progress-bar-stripes 1s linear infinite;
}
@keyframes progress-bar-stripes {
	0% {
		background-position: 1rem 0;
	}
	100% {
		background-position: 0 0;
	}
}





@media all and (max-width:1199px) {
	.lpl_funnel_area {
		padding: 50px 6% 50px;
		width: 74%;
	}
	.funnel_thankyou_cnt {
		padding-top: 8%;
	}
	.logo_area {
		margin: 30px 0 30px;
	}
}
@media (max-width: 1000px) {
	.main_heading_area h2{
		font-size: 26px;
	}
	.funnel_thankyou_cnt {
		padding-top: 3%;
	}
}
@media all and (max-width:800px) {
	.funnel_thankyou_cnt {
		padding-top: 0;
	}
	.main_heading_area h2 {
		font-size: 24px;
	}
	.lpl_pages_content_area p {
		font-size: 16px;
	}
}
@media all and (max-width:767px) {
	.funnel_thankyou_cnt {
		width: 100%;
		float: left;
		margin-right: 0;
		padding-top: 0;
	}
	.thankyou_video_area {
		width: 100%;
	}
	.lpl_pages_content_sec {
		padding: 30px 0 50px;
	}
	.main_heading_area h2 {
		line-height: 30px;
		font-size: 20px;
	}
}

@media all and (max-width:600px) {
	.logo_area {
		margin: 30px 0 30px;
	}
	.funnel_add_area .form-fields {
		display:block;
	}
	.form-field {
		display:block;
	}
	#step12 .form-field {
		width: 96%;
		margin: 10px 0;
	}
	.main_heading_area h2 {
		text-align: center;
	}
	.lpl_funnel_area .step input[type="text"],
	.lpl_funnel_area .step input[type="email"],
	.lpl_funnel_area .step input[type="tel"] {
		width: 96%;
		padding: 5px 2%;
		margin: 10px 0;
	}
	.lpl_funnel_area select {
		width:96%;
		margin:0 0 12px;
	}
	.lpl_funnel_label {
		font-size:18px;
		line-height:28px;
	}
	.lpl_funnel_area p {
		font-size: 16px;
	}
	.lpl_funnel_area h2,
	.lpl_funnel_area h3 {
		font-size: 16px;
		line-height: 26px;
	}
	#footer-base-inner {
		font-size: 15px;
	}
	.lpl_funnel_area select,
	.lpl_fnl_ul_area label.lpl_funnel_radio_option {
		font-size: 15px;
	}
	.lpl_funnel_area {
		padding: 20px 6% 30px;
	}
	.lpl_funnel_area .gfield_checkbox .checkbox_last_steps {
		font-size: 13px;
		line-height: 23px;
	}
	.next-btn,
	.submit-btn {
		padding: 0 30px;
		font-size: 16px;
	}
	.back-btn {
		font-size: 18px;
	}
	.lpl_pages_content_area h2 {
		font-size: 28px;
	}
}