@charset "utf-8";
/* CSS Document */

/*footer form*/

.formfielderror
{
	color: red !important;
}

.checkleft>.formfielderror
{
	outline: 1px solid #ff0000;
}

.footer_form_container
{
	width: 100%;
}

.checklist_form_container
{

}

.checklist_field
{
	margin-bottom:10px;
}

.checklist_form_field input
{
	height: 50px;
	width:100%;
	font-family: "Raleway", sans-serif;
	font-size:18px;
	color: #414141;
	background-color:#FFF;
	border: 1px solid #414141;
	text-align: left;
}

.checklist_form_button, .signup_form_button
{
	border: none;
	width: 100%;
	height: 100%;
	text-align: center;
	color: white;
	background-color: #540101;
	font-family: "Raleway", sans-serif;
	font-weight:600;
	font-size: calc(18px + (21 - 18) * ((100vw - 300px) / (1600 - 300)));
	line-height: 110%;
}

.checklist_form_button:hover, .signup_form_button:hover
{
	color: #FFF;
	background-color: #939e39;
}

.checklist_form_button2
	{
		height: 50px;
		margin: 0;
		margin-top: 20px;
		margin-bottom: 20px;
	}

.signup_form_button
{
	margin-right: 5px;
	margin-left: 5px;
}

.footer_form_flex_container
{
	width: 100%;
	margin: 0 auto;
}

.footer_form_headline
{
	color: #939e39;
	font-weight: 600;
	text-align: left;
}

.footer_form_field input
{
	height: 50px;
	width:100%;
	font-family: "Raleway", sans-serif;
	font-size:18px;
	color: #414141;
	background-color:#FFF;
	border: none;
	text-align: center;
}

.footer_form_copy, .footer_form_error
{
	text-align: left;
	margin-bottom: 30px;
}

.footer_form_copy
{
	color: #595959;
}

.footer_form_error
{
	color: #ee3226;
}

.signup_form_flex
{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.footer_form_field
{
	width: 65%;
}

.footer_form_button
{
	width: 28%;
}

@media screen and (max-width: 700px)
{
	.signup_form_flex
	{
		flex-direction: column;
	}
	
	.footer_form_flex_container
	{
		width: 80%;
	}
	
	.footer_form_field
	{
		width: 100%;
	}
	
	.footer_form_button
	{
		width: 100%;
		margin: 0;
		padding: 0;
		margin-top: 10px;
	}
	
	.signup_form_button
	{
		margin: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

/*quote request form*/

.signupformcontainer  
{
	width:80%;
	margin: 0 auto;
}

.fieldcontainer
{
	margin-top:45px;
}

.fieldholder
{
	float:left;
	width:35%;
	padding-right:15px;
	margin-top:10px;
}

.request_form_field input
{
	height: 40px;
	width:100%;
	font-family: "Raleway", sans-serif;
	font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
	color: #595959;
	background-color:#FFF;
	border-left:solid;
	border-width:1px;
	border-color:#dbdbdb;
	text-align: left;
}

.request_form_field textarea
{
	font-family: "Raleway", sans-serif;
	font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
	color: #595959;
	background-color:#FFF;
	border-left:solid;
	border-width:1px;
	border-color:#dbdbdb;
	text-align: left;
}

.checkboxholder
{
	margin-top:15px;
}

.checkleft
{
	float:left;
	width:3%;
	padding-right:1%;
}

.checkright
{
	float:left;
	width:95%;
}

.textareaheadlineholder
{
	margin-top:10px;
	width:70%;
	align-content:left;
}

.textareaholder
{
	margin-top: 10px;
	width: 100%;
}

.menuholder
{
	float:left;
	width:35%;
	padding-right:15px;
	margin-top:25px;
}

.dropmenu
{
	width:100%;
	height:40px;
	font-family: "Raleway", sans-serif;
	font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
	color:#595959;
	border-left:solid;
	border-width:1px;
	border-color:#dbdbdb;
	background-color:#fff;
	user-select: none;
}

.requestbuttonholder
{
	width:30%;
	align-content:left;
}

.request_form_button
{
	border: none;
	width: 100%;
	height: 100%;
	text-align: center;
	color: white;
	background-color: #540101;
	padding: 10px 10px 10px 10px;
	font-family: "Raleway", sans-serif;
	font-weight:600;
	font-size: calc(18px + (21 - 18) * ((100vw - 300px) / (1600 - 300)));
	line-height: 110%;
}

.request_form_button:hover
{
	color: #FFF;
	background-color: #939e39;
}

@media screen and (max-width: 700px)
{
	.fieldholder, .menuholder
	{
		width:100%;
		float:none;
	}
	
	.requestbuttonholder
	{
		width:60%;
	}
	
	.checkleft
	{
		width:8%;
	}
	
	.checkright
	{
		width:91%;
	}
}