/*---------------------------------- FORM STYLES ----------------------------------*/


.radio {
	border-width: 0px;
	background-color: transparent;
	}

.checkbox {
	border-width: 0px;
	background-color: transparent;
	}

.nostyle {
	border-width: 0px;
	background-color: transparent;
	}

div.button-wrapper {
	clear: both;
	display: inline-block;
	margin: 30px 6px;
	}
.button, .btn {
	display: inline-block;
	/* background: #CC3527;
	background-image: -webkit-linear-gradient(top, #CC3527, #BC3023);
	background-image: -moz-linear-gradient(top, #CC3527, #BC3023);
	background-image: -ms-linear-gradient(top, #CC3527, #BC3023);
	background-image: -o-linear-gradient(top, #CC3527, #BC3023);
	background-image: linear-gradient(to bottom, #CC3527, #BC3023);
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	font-family: "Montserrat", "Open Sans", Arial, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
	text-shadow: 1px 1px 3px #666666;
	color: #ffffff;
	font-size: 14px;
	padding: 0.4em 0.7em;
	margin: 0;
	text-decoration: none; */
	background-color: rgb(234,179,0);
	border-radius: 5px;
	border: none;
	padding: 8px 15px;
	font-family: "Montserrat",Arial,Helvetica,Tahoma,Verdana,Geneva,sans-serif;
	font-weight: bold;
	letter-spacing: -0.04em;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	font-size: 87%;
	color: #fff;
	text-decoration: none;
	}
.button:hover, .btn:hover {
	/* background: #E03E2F;
	color: #ffffff; */
	text-decoration: none;
	color: #fff;
	background-color: rgb(249,201,65);
	cursor: pointer;
	}

div.button2-wrapper {
	clear: both;
	display: inline-block;
	margin: 0 0 10px 0;
	}
.button2 {
	font-family: "Montserrat", "Open Sans", Arial, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
	border: none;
	border-radius: 5px;
	color: #fff;
	background-color: #bbb;
	text-decoration: none;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
	font-size: 14px;
	line-height: 14px;
	padding: 5px 7px 5px 7px;
	vertical-align: top;
	background: #bbb;
/*
	background-image: -webkit-linear-gradient(top, #ccc, #bbb);
	background-image: -moz-linear-gradient(top, #ccc, #bbb);
	background-image: -ms-linear-gradient(top, #ccc, #bbb);
	background-image: -o-linear-gradient(top, #ccc, #bbb);
	background-image: linear-gradient(to bottom, #ccc, #bbb);
*/
/*
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	font-family: "Montserrat",Arial,Helvetica,Tahoma,Verdana,Geneva,sans-serif;
	text-shadow: 1px 1px 3px #666666;
	color: #ffffff;
	font-size: 14px;
	padding: 0.4em 0.7em;
	text-decoration: none;
*/
	}
.button2:hover {
	background: #ccc;
	color: #ffffff;
	text-decoration: none;
	}



/*---------------------------------- END FORM STYLES ----------------------------------*/










.form {
	max-width:100%;
	min-width:25%;
	color:#000;
	font-size:14px;
	margin:0;
	padding:0;
}

.content {
	margin:0;
}

.form label {
	color:#000;
	font-size:inherit;
	display:block;
}

.form input[type=radio],input[type=checkbox] {
	margin:10px;
	width:13px;
}

.form div {
	display:block;
}

.form input, form textarea, form select {
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	border-radius: 2px;
	padding: 4px;
	width: 100%;
}
.form input[type=checkbox] {
	width: auto;
}

.form,.form h2 {
	font-family: inherit;
}

.form h1 label,
.form h2 label {
	font-family: 'Open Sans',sans-serif;
}

.intro {
	margin-top:10px;
}

.clear {
	clear:both;
}

.form textarea {
	height:150px;
	width:100%;
}

.form input[type=submit] {
	width:20%;
	background-color:#CB3427;
	color:#FFF;
}


#form h2 {
	font-family: "Montserrat",Arial,Helvetica,Tahoma,Verdana,Geneva,sans-serif;
	padding-top: 20px;
	margin-top: 0;
	}
#form h2,
div.section {
	display: block;
	width: 100%;
	clear: both;
	}

div.field {
	margin-bottom:12px;
	display: inline-block;
	float: left;
	}

#form select {
	padding: 2px;
	}

#form .checkbox-wrapper {
/* 	display: table; */
	}

#form .checkbox-wrapper td {
/* 	white-space: nowrap; */
	padding-bottom: 12px;
	font-size: inherit;
	}

#form .checkbox-wrapper .row {
	display: inline-block;
	float: left;
	margin-right: 25px;
	}

div#section3 .checkbox-wrapper td:nth-of-type(2n-1) {
	padding-right: 12px;
	}
div#section3 .checkbox-wrapper td:nth-of-type(2n) {
	padding-right: 30px;
	}
div#section3 .checkbox-wrapper tr > td:last-child {
	padding-right: 0;
	}
div#section3 .checkbox-wrapper td input {
	margin: 0;
/* 	margin-right: 20px; */
	}

#form div.field4 {
	display: table-cell;
	width: auto;
	white-space: nowrap;
	}

div#section4 .field,
div.section4 textarea {
	width: 100%;
	}





@media only screen and (min-width : 768px) {

	div.field1 {
		width: 50%;
		}

	div.section > div.field1:nth-of-type(2n-1) {
		padding-right:10px;
		}
	div.section > div.field1:nth-of-type(2n) {
		padding-left:10px;
		}

	div.field2 {
		width: 20%;
		padding-right:10px;
		}
	div.field2,
	div.field3 {
		padding-right:10px;
		}
	div.section > div.field2:last-child {
		padding-right: 0;
		}
	div.field3 {
		width: 40%;
		}

}


@media only screen and (max-width : 768px) {

	.form label {
		font-size:120%;
	}
	#form h2 {
		font-size:24px;
	}

	div.field1 {
		width: 100%;
		display: block;
		}

	div#section2 > div.field:nth-of-type(2n-1) {
		width: 40%;
		padding-right:10px;
		}
	div#section2 > div.field:nth-of-type(2n) {
		width: 60%;
		padding-left:10px;
		}

	#form .checkbox-wrapper .row {
		display: block;
		float: none;
		margin-right: 0;
		}

	#form .checkbox-wrapper td:nth-of-type(2n-1) {
		display: inline-block;
		float: left;
		white-space: nowrap;
		}
	#form .checkbox-wrapper td:nth-of-type(2n) {
		display: inline-block;
		float: left;
		white-space: nowrap;
		}

}