@charset "UTF-8";
.contact_container{
	max-width: 100%;
	padding-top: 60px;
	background-color: var( --gray-color-primary );
}

.contact_headeing{
	text-align: center;
	margin-bottom: 28px;
}

.contact_headeing img{
	width: 214px;
}

.contact_headeing h2{
	font-size: 24px;
	font-weight: 700;
}

@media (min-width: 1280px){
	.contact_inner{
		width: var( --md-inner-width );
	}
}

.contact_inner form{
	margin-top: 40px;
}

.contact_content{
	flex-direction: column;
	margin-bottom: 20px;
}

.contact_content:last-of-type{
	margin-bottom: 0;
}

.contact_content_heading{
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 700;
	vertical-align: middle;
}

.contact_content_heading span{
	padding: 0 6px 2px 6px;
	margin-left: 4px;
	border-radius: 4px;
	background-color: var( --red-color-primary );
	color: var( --white-color-primary );
	font-size: 10px;
	font-weight: 400;
}

input,
select{
	-webkit-appearance: none;
	appearance: none;
	background-color: var( --white-color-primary );
	color: var( --black-color-primary );
}

.contact_item input[type="text"],
.contact_item input[type="tel"],
.contact_item input[type="email"],
.contact_item_select select,
.contact_item_textarea textarea{
	width: 100%;
	padding: 14px;
	border: none;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 700;
}

.contact_item_select{
	position: relative;
}

.contact_item_select::after{
	content: url("../img/contact/form_select_arrow.svg");
	display: inline-block;
	position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	pointer-events: none;
}

.contact_item_textarea textarea{
	height: 186px;
}

.contact_item_submit input[type="submit"]{
	width: 100%;
	height: 46px;
	border-radius: 6px;
	border: none;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	background-color: var( --red-color-primary );
	color: var( --white-color-primary );
	font-size: 14px;
	text-align: center;
}

.contact_item input[type="text"]:focus,
.contact_item input[type="tel"]:focus,
.contact_item input[type="email"]:focus,
.contact_item_select select:focus,
.contact_item_textarea textarea:focus{
	outline: none;
}

.contact_item_checkbox input[type="checkbox"] {
	display: none;
}

.contact_item_checkbox input[type="checkbox"] + label:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border-radius: 2px;
	background-color: var( --red-color-primary );
}

.contact_item_checkbox input[type="checkbox"]:checked + label:after {
  	content: "";
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 1px;
    width: 14px;
    height: 7px;
    border-left: 3px solid var( --white-color-primary );
    border-bottom: 3px solid var( --white-color-primary );
    transform: rotate( -45deg );
}

.contact_item_checkbox label{
	position: relative;
	padding-left: 22px;
}

.thanks_container{
	position: relative;
	min-height: 100vh; /* Fallback */
	min-height: calc(var(--vh, 1vh) * 100);
	background-color: var( --gray-color-primary );
}

.thanks_inner{
	position: absolute;
	top: calc( 50% - 40px );
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding: 40px 20px 40px 20px;
	border-radius: 8px;
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
	background-color: var( --white-color-primary );
	text-align: center;
}

.thanks_inner h2{
	color: var( --red-color-primary );
	font-size: 32px;
	font-family: futura-pt,sans-serif;
	font-weight: 600;
	font-style: italic;
}

.thanks_inner p{
	font-size: 14px;
	font-weight: 700;
}

.thanks_inner p:last-of-type{
	margin-bottom: 40px;
}

.thanks_back_button a{
	display: inline-block;
	width: 240px;
	height: 50px;
	border-radius: 6px;
	background-color: var( --red-color-primary );
	color: var( --white-color-primary );
	font-weight: 700;
	line-height: 50px;
}