[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {

    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: none;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

.input-field input, .input-field textarea {

    background: 0 0;
    color: #000;
    font-size: 14px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-radius: 0;
    border-bottom: 1px solid #000 !important;
}

.input-field textarea{
	min-height:200px
}

.input-field [type="color"], .input-field [type="date"], .input-field [type="datetime-local"], .input-field [type="datetime"], .input-field [type="email"], .input-field [type="month"], .input-field [type="number"], .input-field [type="password"], .input-field [type="search"], .input-field [type="tel"], .input-field [type="text"], .input-field [type="time"], .input-field [type="url"], .input-field [type="week"], .input-field textarea {

    margin: 0;

}

.input-field {

    position: relative;
}

.input-field .bar {

    position: relative;
    display: block;
    width: 100%;

}

[type="button"], [type="submit"] {

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;

}

.button {

    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    font-family: inherit;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #000;
    color: #fff;

}

.button {

    font-family: 'Audi Type Screen',sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
    min-width: 240px;
    padding: 12px 30px;
    box-sizing: border-box;
    border: 1px solid #000;
        border-top-color: rgb(0, 0, 0);
        border-right-color: rgb(0, 0, 0);
        border-bottom-color: rgb(0, 0, 0);
        border-left-color: rgb(0, 0, 0);
    background: #000;
    color: #fff;

}

.button:focus, .button:hover {

    background-color: #4c4c4c;
    color: #fff;

}

.button:focus, .button:hover {

    border-color: #4c4c4c !important;
    background: #4c4c4c;
    color: #fff;

}

label {

    display: block;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    color: #000;

}

label {
    font-weight: 400;
}

button, input, optgroup, select, textarea {

    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;

}

input {

    overflow: visible;

}

.input-field .selectric-wrapper ~ label, .input-field input ~ label, .input-field textarea ~ label {

    color: #000;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 5px;
    transition: .3s ease all;

}

.form-error {

    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .625rem;
    font-weight: 400;
    color: #cc4b37;

}

.form-error {

    margin-top: .5rem;
    font-weight: 400;
    padding-left: 5px;
    color: #bb0a30;

}


.contactForm {
	width: 80%;
	margin-bottom: 66px;
	margin-left: auto;
	margin-right: auto;
	font-family: AudiType, sans-serif;
}

div.grp-radio-inbl > div.radio {

    display: inline-block;

}

div.radio {

    margin-bottom: 1rem;

}

[type="checkbox"] + label, [type="radio"] + label {

    display: inline-block;
    vertical-align: baseline;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;

}

input[type="radio"] + label {

    position: relative;
    padding-left: 35px;
    line-height: 26px;
    margin-left: 0;
    font-weight: 400;
    opacity: .7;
    width: 90%;

}

input[type="radio"]:checked + label::after {

    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #000;
    top: 7px;
    left: 7px;
    position: absolute;
    opacity: 1;

}

input[type="radio"] + label::after {

    transition: all .3s ease;
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
    top: 9px;
    left: 9px;
    position: absolute;
    opacity: .5;

}

input[type="radio"]:checked + label::before {

    opacity: 1;

}

input[type="radio"]:checked + label {

    opacity: 1;

}

input[type="radio"] + label::before {

    content: '';
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-block;
    background: 0 0;
    border: 1px solid #000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;

}

[type="checkbox"], [type="file"], [type="radio"] {

    margin: 0 0 1rem;

}

input[type="radio"] {

    display: inline-block;

}

.grid-container {

    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 75rem;
    margin: 0 auto;
}

.grid-container {

    margin-top: 2rem;
    margin-bottom: 2rem;

}

.grid-x{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;

}

.grid-margin-x {

    margin-left: -.625rem;
    margin-right: -.625rem;

}

.grid-margin-y {

    margin-top: -.625rem;
    margin-bottom: -.625rem;

}

.grid-margin-x > .cell {

    width: calc(100% - 1.25rem);
    margin-left: .625rem;
    margin-right: .625rem;

}

.grid-margin-y > .cell {

    height: calc(100% - 1.25rem);
    margin-top: .625rem;
    margin-bottom: .625rem;

}

.grid-margin-y:not(.grid-y) > .cell {

    height: auto;

}

.cell {

    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
        flex-basis: auto;
    min-height: 0;
    min-width: 0;
    width: 100%;

}

	.grid-x > .medium-6 {

    width: calc(50% - 1.25rem);

} 

@media (min-height: 40em) and screen
{
	.grid-x > .medium-1, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-full, .grid-x > .medium-shrink {

		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;

	}

	.grid-container {

		padding-right: .9375rem;
		padding-left: .9375rem;

	}
	.grid-margin-y {

		margin-top: -.9375rem;
		margin-bottom: -.9375rem;

	}

	.grid-margin-x {

		margin-left: -.9375rem;
		margin-right: -.9375rem;

	}

	.grid-margin-y > .cell {

		height: calc(100% - 1.875rem);
		margin-top: .9375rem;
		margin-bottom: .9375rem;

	}

	.grid-margin-y > .medium-6 {

		height: calc(50% - 1.875rem);

	}

	.grid-margin-x > .medium-6 {

		width: calc(50% - 1.875rem);

	}

	.grid-margin-x > .cell {

		width: calc(100% - 1.875rem);
		margin-left: .9375rem;
		margin-right: .9375rem;

	}
}