.form-std {
	label {
		font-weight: 400;
		font-size: 0.8rem;
		font-family: $baseFont;
		line-height: 1.3;
		color: $baseFontColor;
		margin: 0 0 10px 0;
		display: block;
	}

	input.text {
		font-weight: 400;
		font-size: 0.8rem;
		font-family: $baseFont;
		line-height: 1.3;
		color: $baseFontColor;
		border: 1px solid $gray;
		padding: 8px 15px 6px 15px;
		width: 100%;
	}

	textarea {
		font-weight: 400;
		font-size: 0.8rem;
		font-family: $baseFont;
		line-height: 1.3;
		color: $baseFontColor;
		resize: vertical;
		border: 1px solid $gray;
		padding: 8px 15px;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		height: 150px;
		min-height: 150px;
		max-height: 300px;
	}

	select {
		font-weight: 400;
		font-size: 0.8rem;
		font-family: $baseFont;
		line-height: 1.3;
		color: $baseFontColor;
		width: 100%;
		padding: 2px 10px;
	}

	option {
		font-weight: 400;
		font-size: 0.8rem;
		font-family: $baseFont;
		line-height: 1.3;
		color: $baseFontColor;
		padding: 2px 20px;
	}

	input.text[required="required"] {
		background-image: url("../img/req.png");
		background-position: right center;
		background-repeat: no-repeat;
	}

	/* Standard */

	.cell-set {
		margin: 0 0 0 -1.5rem;
		display: flex;
		flex-wrap: wrap;
	}

	.cell {
		width: 100%;
		margin: 0 0 1rem 0;
		padding-left: 1.5rem;
		position: relative;
		text-align: left;
	}

	.cell-set-2 .cell {
		width: 50%;
	}
	.cell-set-3 .cell {
		width: 33.3333%;
	}
	.cell-set-4 .cell {
		width: 25%;
	}
	.cell-set-5 .cell {
		width: 20%;
	}

	/* Inline */

	.cell-set-inline .cell {
		flex: 0 0 auto;
		width: auto;
	}
}


/* Form contact */

.form-contact {
}

/* CSS Checkbox / radio */

.cell-check {
	position: relative;

	&-label {
		position: relative;
		padding-left: 1.5rem;
		line-height: 1.5;
		padding-top: 0.15em;

		&:before {
			content: "";
			display: block;
			border: 2px solid $black;
			position: absolute;
			left: 0;
			top: 0.1rem;
			transition: background 0.1s ease-in;
		}

		&:after {
			content: "";
			display: block;
			position: absolute;
			left: 0;
			top: 0.1rem;
			opacity: 0;
			transition: opacity 0.1s ease-in;
		}
	}

	&-input {
		position: absolute;
		opacity: 0;
		pointer-events: none;

		/*checkbox*/
		&[type="checkbox"]  {
			& ~ .cell-check-label {
				&:before {
					width: 20px;
					height: 20px;
					border-radius: 2px;
				}

				&:after {
					width: 20px;
					height: 20px;
					background: url("../img/checkbox-checked.svg") center center no-repeat;
					background-size: 100% 100%;
				}
			}
			
			&:checked ~ .cell-check-label {
				&:before {
					background: $black;
				}

				&:after {
					opacity: 1;
				}
			}
		}

		/*radio*/
		&[type="radio"] {

			& ~ .cell-check-label {
				&:before {
					width: 20px;
					height: 20px;
					border-radius: 50%;
				}
				
				&:after {
					width: 20px;
					height: 20px;
					background: url("../img/radio-check.svg") center center no-repeat;
					background-size: 11px 11px;
				}
			}

			&:checked ~ .cell-check-label {
				&:after {
					opacity: 1;
				}
			}
		}

	}
}