.w-full {
	width: 100%;
}

.h-full {
	height: 100%;
}

.section-padding {
	padding: 84px 0px;
}

.container {
	display: block;
	width: 88%;
	max-width: 1400px;
	margin: 0 auto;
}

/* Grid */
.grid-inputform {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 2fr;
	gap: 16px;
}


/* ROW */

.row {
	display: flex;             
	flex-wrap: wrap;
	align-content: stretch;
	margin: 0px -20px;
}

.row-justify-end {
	justify-content: flex-end;
}

.row-justify-center {
	justify-content: center;
}

.row-justify-between {
	justify-content: space-between;
}

.row-align-end {
	align-content: flex-end;
}

.row-align-center {
	align-content: center;
}


/* COLUMN */

.col {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	padding: 0px 20px;
	box-sizing: border-box;
}

.col-lg-1 {
	flex: 0 0 8.33%;
	max-width: 8.33%;
}

.col-lg-2 {
	flex: 0 0 16.67%;
	max-width: 16.67%;
}

.col-lg-3 {
	flex: 0 0 25%;
	max-width: 25%;
}

.col-lg-4 {
	flex: 0 0 33.33%;
	max-width: 33.33%;
}

.col-lg-5 {
	flex: 0 0 41.67%;
	max-width: 41.67%;
}

.col-lg-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.col-lg-7 {
	flex: 0 0 58.33%;
	max-width: 58.33%;
}

.col-lg-8 {
	flex: 0 0 66.67%;
	max-width: 66.67%;
}

.col-lg-9 {
	flex: 0 0 75%;
	max-width: 75%;
}

.col-lg-10 {
	flex: 0 0 83.33%;
	max-width: 83.33%;
}

.col-lg-11 {
	flex: 0 0 91.67%;
	max-width: 91.67%;
}

.col-lg-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

/* MARGIN */

.m-1 {
	margin: 0.25rem;
}

.m-2 {
	margin: 0.50rem;
}

.m-3 {
	margin: 0.75rem;
}

.m-4 {
	margin: 1rem;
}

.m-5 {
	margin: 1.25rem;
}

.m-6 {
	margin: 1.50rem;
}

.m-7 {
	margin: 1.75rem;
}

.m-8 {
	margin: 2rem;
}

.m-auto {
	margin: auto;
}

/* MARGIN BOTTOM */

.mb-1 {
	margin-bottom: 0.25rem;
}

.mb-2 {
	margin-bottom: 0.50rem;
}

.mb-3 {
	margin-bottom: 0.75rem;
}

.mb-4 {
	margin-bottom: 1rem;
}

.mb-5 {
	margin-bottom: 1.25rem;
}

.mb-6 {
	margin-bottom: 1.50rem;
}

.mb-7 {
	margin-bottom: 1.75rem;
}

.mb-8 {
	margin-bottom: 2rem;
}

.mb-10 {
	margin-bottom: 2.50rem;
}

.mb-12 {
	margin-bottom: 3rem;
}

.mb-14 {
	margin-bottom: 3.5rem;
}

.mb-16 {
	margin-bottom: 4rem;
}

.mb-32 {
	margin-bottom: 8rem;
}



.mb-auto {
	margin-bottom: auto;
}

/* PADDING */
.p-1 {
	padding: 0.25rem;
}

.p-2 {
	padding: 0.50rem;
}

.p-3 {
	padding: 0.75rem;
}

.p-4 {
	padding: 1rem;
}

.p-5 {
	padding: 1.25rem;
}

.p-6 {
	padding: 1.50rem;
}

.p-7 {
	padding: 1.75rem;
}

.p-8 {
	padding: 2rem;
}

.p-auto {
	padding: auto;
}

/* PADDING TOP */
.pt-1 {
	padding-top: 0.25rem;
}

.pt-2 {
	padding-top: 0.50rem;
}

.pt-3 {
	padding-top: 0.75rem;
}

.pt-4 {
	padding-top: 1rem;
}

.pt-5 {
	padding-top: 1.25rem;
}

.pt-6 {
	padding-top: 1.50rem;
}

.pt-7 {
	padding-top: 1.75rem;
}

.pt-8 {
	padding-top: 2rem;
}

.pt-auto {
	padding-top: auto;
}

/* PADDING BOTTOM */
.pb-1 {
	padding-bottom: 0.25rem;
}

.pb-2 {
	padding-bottom: 0.50rem;
}

.pb-3 {
	padding-bottom: 0.75rem;
}

.pb-4 {
	padding-bottom: 1rem;
}

.pb-5 {
	padding-bottom: 1.25rem;
}

.pb-6 {
	padding-bottom: 1.50rem;
}

.pb-7 {
	padding-bottom: 1.75rem;
}

.pb-8 {
	padding-bottom: 2rem;
}

.pb-auto {
	padding-bottom: auto;
}


/* SMARTPHONE */
@media screen and (max-width: 478px) {
	.col-sm-1 {
		flex: 0 0 8.33%;
		max-width: 8.33%;
	}

	.col-sm-2 {
		flex: 0 0 16.67%;
		max-width: 16.67%;
	}

	.col-sm-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-sm-4 {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	.col-sm-5 {
		flex: 0 0 41.67%;
		max-width: 41.67%;
	}

	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-sm-7 {
		flex: 0 0 58.33%;
		max-width: 58.33%;
	}

	.col-sm-8 {
		flex: 0 0 66.67%;
		max-width: 66.67%;
	}

	.col-sm-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-sm-10 {
		flex: 0 0 83.33%;
		max-width: 83.33%;
	}

	.col-sm-11 {
		flex: 0 0 91.67%;
		max-width: 91.67%;
	}

	.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.section-padding {
		padding: 64px 0px;
		margin-bottom: 64px;
	}
}