/**
 * ! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css
 *
 * @format
 */

h1 {
	margin: 0.67em 0;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
	-webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

[hidden],
template {
	display: none;
}

/*!
    Copyright (c) 2020 - present, DITDOT Ltd. - MIT Licence
    https://github.com/ditdot-dev/vue-flow-form
    https://www.ditdot.hr/en
*/

html {
	line-height: 1.25;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-size: 16px;
}

@media screen and (max-width: 1023px) {
	html {
		font-size: 15px;
	}
}

@media screen and (min-width: 1366px) {
	html {
		font-size: 18px;
	}
}

@media screen and (min-width: 1920px) {
	html {
		font-size: 22px;
	}
}

@media screen and (min-width: 2560px) {
	html {
		font-size: 26px;
	}
}

a {
	cursor: pointer;
}

a,
a:active,
a:focus,
a:hover {
	outline: 0;
	text-decoration: none;
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

ol,
table,
ul {
	margin-top: 0;
}

img,
ol,
table,
ul {
	margin-bottom: 22px;
}

img {
	max-width: 100%;
	height: auto;
}

.text-thin {
	font-weight: 300;
}

.disabled,
[disabled] {
	opacity: 0.4;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	cursor: not-allowed;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

ol.reset-list,
ul.reset-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.f-container {
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}

img.logo,
svg.logo {
	height: 18px;
	opacity: 1;
}

.v-form button,
.v-form input {
	-webkit-appearance: none;
	overflow: visible;
}

.v-form button {
	border: none;
	outline: 0;
	cursor: pointer;
	padding: 0.6rem 1.4rem;
	text-align: center;
	display: inline-block;
	min-height: 44px;
	white-space: pre-wrap;
	max-width: 100%;
	overflow: hidden;
}

.o-btn-action {
	z-index: 1;
	line-height: 1.2;
	font-weight: 900;
}

.o-btn-action span {
	font-size: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: none;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.f-enter-desc {
	display: inline-block;
	margin-left: 0.6rem;
	margin-top: 0.6rem;
}

.f-enter {
	margin-bottom: 5px;
}

.f-uppercase {
	text-transform: uppercase;
}

.v-form {
	margin: 0px!important;
	position: relative;
	text-align: left;
}

.v-form .f-container {
}

.v-form .q-is-active {
	opacity: 1;
}

.v-form .q-form.q-is-inactive {
	display: none;
}

.v-form .full-width {
	display: block;
	width: 100%;
}

span.faux-form {
	border-bottom: 1px solid;
	display: inline-block;
	margin-right: 0.6rem;
	margin-left: 0;
	position: relative;
	white-space: nowrap;
}

.v-form select {
	background: transparent;
	border-radius: 0;
	border: 0;
	cursor: pointer;
	font-size: 1rem;
	line-height: 1.32;
	margin: 0;
	opacity: 0;
	outline: 0;
	width: 100%;
	position: absolute;
	z-index: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 1.03rem 8px;
}

.v-form input[type="email"],
.v-form input[type="number"],
.v-form input[type="password"],
.v-form input[type="tel"],
.v-form input[type="text"],
.v-form input[type="url"],
.v-form textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid;
	border-radius: 0;
	line-height: 1.5;
	margin: 0 0.6rem 0 0;
	outline: 0;
	padding: 0.32rem 0.4rem;
	font-size: 1.7rem;
	font-weight: 900;
}

.v-form textarea {
	display: block;
	outline: none;
	resize: vertical;
}

.v-form .full-width input[type="email"],
.v-form .full-width input[type="number"],
.v-form .full-width input[type="password"],
.v-form .full-width input[type="tel"],
.v-form .full-width input[type="text"],
.v-form .full-width input[type="url"],
.v-form .full-width span.faux-form,
.v-form .full-width textarea {
	width: 100%;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}

.f-required {
	display: none;
}

.f-answer.full-width {
	margin-top: 20px;
}

div.field-sectionbreaktype .f-answer,
span.f-sub + .f-answer.full-width {
	margin-top: 16px;
}

span.f-empty {
	display: inline-block;
	min-width: 6rem;
	padding-right: 28px;
	font-weight: 300;
	padding-bottom: 4px;
}

span.f-answered {
	font-weight: 900;
}

.f-arrow-down {
	display: inline-block;
	margin-left: 0.2em;
	pointer-events: none;
	width: 18px;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 1.3;
}

.f-arrow-down svg {
	width: 100%;
	height: auto;
}

.field-submittype .section-wrap a,
a.f-link {
	color: inherit;
	border-bottom: 1px dotted;
	word-break: break-word;
}

.field-submittype .section-wrap a:active,
.field-submittype .section-wrap a:hover,
a.f-link:active,
a.f-link:hover {
	color: inherit;
	border-bottom: none;
}

.fh1,
.fh2,
.fh3 {
	display: block;
}

span.f-sub,
span.f-tagline {
	font-weight: 600;
	line-height: 1.5em;
	display: block;
	font-size: 1.75rem;
	color: #007f7b;
}

.text-muted {
	color: var(--secondary-text-color);
}

span.f-sub,
span.f-tagline,
span.f-text {
	margin-bottom: 8px;
}

span.f-sub {
	margin-top: 5px;
}

span.f-sub span:not(.f-uppercase) {
	margin-right: 0.4rem;
}

span.f-sub span.f-help {
	display: block;
}

span.f-sub span + span.f-help {
	margin-top: 0;
}

span.f-text {
	margin-right: 0.6rem;
	font-size: 1.2rem;
}

p.description {
	margin-top: 0;
	padding-right: 4rem;
}

p.description a.f-link,
p.description span {
	margin-right: 8px;
}

ul.f-radios {
	margin: 0;
	padding: 0;
	list-style-type: none;
	max-width: 1920px;
	min-width: 160px;
}

ul.f-radios li {
	padding: 0.3rem;
	margin: 0.3rem 0 0.3rem;
	font-weight: 300;
	line-height: 1.2;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	position: relative;
}

ul.f-radios li.f-other input[type="text"] {
	border-bottom: none;
	width: 100%;
	padding: 0;
	line-height: 1.2;
}

.f-radios-desc {
	display: block;
}

.f-radios-desc,
ul.f-radios li,
ul.f-radios li input[type="text"] {
	font-size: 0.94rem;
}

ul.f-radios li span.f-label {
	margin-left: 1rem;
	display: block;
}

ul.f-radios li span.f-key {
	position: absolute;
}

.f-footer {
	bottom: 0;
	right: 0;
	width: 100%;
	font-size: 1rem;
	line-height: 1.2;
}

.f-footer .footer-inner-wrap {
	text-align: right;
	padding: 12px 20px;
}

.f-progress {
	font-weight: 300;
}

.f-nav,
.f-progress {
	display: inline-block;
}

.f-next,
.f-prev,
.f-progress {
	margin: 0 0.18em;
	padding: 0.2em;
}

.f-progress {
	top: -1px;
	position: relative;
}

a.f-disabled {
	opacity: 0.4;
	cursor: default;
	pointer-events: none;
}

.f-next svg,
.f-prev svg {
	display: inline-block;
	-webkit-transition: fill 0.2s ease 0s;
	transition: fill 0.2s ease 0s;
	width: 23px;
	height: 13px;
}

.f-nav-text {
	display: none;
}

.f-progress-bar {
	height: 1px;
	position: static;
	display: inline-block;
	width: 64px;
	vertical-align: middle;
	margin: 0 6px 0 0;
}

.f-progress-bar-inner {
	height: 1px;
	-webkit-transition: width 0.3s ease;
	transition: width 0.3s ease;
}

.section-wrap {
	margin-bottom: 30px;
}

.section-wrap > div {
	margin-bottom: 20px;
}

.field-sectionbreaktype,
.field-submittype {
	max-width: 760px;
}

.f-submit {
	margin-bottom: 20px;
}

@media only screen and (min-width: 1440px) {
	.field-sectionbreaktype,
	.field-submittype {
		max-width: 920px;
	}
}

@media only screen and (min-width: 1920px) {
	.field-sectionbreaktype,
	.field-submittype {
		max-width: 1140px;
	}
}

@media only screen and (max-width: 1023px) {
	.v-form {
		margin-top: 16vh;
		margin-left: 0;
		margin-right: 0;
	}
	.v-form select {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}

@media only screen and (max-width: 767px) {
	.f-container {
		padding: 0 6vw;
	}
	span.f-empty {
		min-width: 5rem;
		padding-right: 24px;
	}
	p.description {
		padding-right: 0;
	}
}

@media screen and (max-width: 479px) {
	.v-form {
		margin-top: 10vh;
	}
	.v-form input[type="email"],
	.v-form input[type="number"],
	.v-form input[type="password"],
	.v-form input[type="tel"],
	.v-form input[type="text"],
	.v-form input[type="url"],
	.v-form textarea {
		font-size: 1.2rem;
		line-height: 1.3;
		padding: 0.22rem 0.4rem;
	}
	.v-form select {
		font-size: 1rem;
		padding-top: 0.4rem;
		padding-bottom: 0.4rem;
	}
	.v-form button {
		min-height: 42px;
	}
	.f-arrow-down {
		width: 12px;
	}
	span.f-sub,
	span.f-tagline {
		font-size: 1.1rem;
	}
	span.f-tagline {
		line-height: 1.6;
	}
	ul.f-radios li,
	ul.f-radios li input[type="text"] {
		font-size: 0.9rem;
	}
	.field-sectionbreaktype p {
		font-size: 1rem;
	}
}

@media screen and (max-height: 420px) {
	.f-footer .footer-inner-wrap {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.v-form {
		margin-top: 12vh;
	}
	.f-radios-desc,
	ul.f-radios li,
	ul.f-radios li input[type="text"] {
		font-size: 0.86rem;
	}
}

.animate {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fade-in {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -12px, 0);
		transform: translate3d(0, -12px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -12px, 0);
		transform: translate3d(0, -12px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fade-in-down {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-12px, 0, 0);
		transform: translate3d(-12px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-12px, 0, 0);
		transform: translate3d(-12px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fade-in-left {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(12px, 0, 0);
		transform: translate3d(12px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(12px, 0, 0);
		transform: translate3d(12px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fade-in-right {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 12px, 0);
		transform: translate3d(0, 12px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 12px, 0);
		transform: translate3d(0, 12px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fade-in-up {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

/*# sourceMappingURL=vue-flow-form.min.css.map */
