:root {
	--color-primary: #4DAB99;
	--color-secondary: #3B8177;
	--color-secondary-hover: #326E65;
	--color-nav-hover: #cdf0ea;
	--color-text: #3a3f3e;
	--font-family-base: 'Quicksand', sans-serif;
	--radius-button: 1rem 0.25rem 1rem 0.25rem;
	--radius-image: 2.25rem 0.375rem 2.25rem 0.375rem;
	--radius-panel: 4rem 0 0 0;
	--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
	--container-max-width: 75rem;
	--container-wide-max-width: 120rem;
}
@media (min-width: 64rem) {
	:root {
		--radius-image: 5.625rem 0.375rem 5.625rem 0.375rem;
		--radius-panel: 10rem 0 0 0;
	}
}
html, body { margin: 0px!important; padding: 0px!important; width: 100%; height: 100%; overflow: visible; font-family: var(--font-family-base); }

a svg, button svg,
a svg *, button svg *,
a i, button i {
	pointer-events: none;
	cursor: inherit;
}

a, button, input, textarea, select, [tabindex] {
	outline: none;
}
a:focus-visible, button:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 2px;
}

.btn-primary {
	display: inline-block;
	background: var(--color-primary);
	color: #ffffff;
	font-weight: 700;
	font-size: 0.875rem;
	padding: 0.6875rem 1.625rem;
	border: 0;
	border-radius: var(--radius-button);
	cursor: pointer;
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus {
	background: var(--color-primary);
	color: #ffffff;
	box-shadow: none;
}
.btn-primary:hover {
	background: var(--color-secondary);
	color: #ffffff;
}
a, button, li,
.form-group span .fa
{ transition: background-color .5s cubic-bezier(.215,.61,.355,1), color .5s cubic-bezier(.215,.61,.355,1), border-color .5s cubic-bezier(.215,.61,.355,1), box-shadow .5s cubic-bezier(.215,.61,.355,1); }
a, a:focus, a:hover { text-decoration: none; font-style: normal; color: #3B8177;}
section { position: relative; }
section h1 { margin: 0 0 40px 0; font-size: 40px; text-align: center; }
.form-group span { display: inline-block; width: 100%; position: relative; }
.form-group span input[type="password"] { padding-right: 30px; }
.form-group span .fa-eye-slash,
.form-group span .fa-eye { position: absolute; cursor: pointer; right: 0px; top: 0px; padding: 14px; font-size: 20px; color: #FFF; }