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

/* The form element is the main container for the entire page and is centered on the page by default. This width is dynamically calculated based on the maximum width of the rows within it. */
.form-bronto form {
max-width:900px;
padding: 45px 30px;
background: #fff;
margin: 0 auto;
box-shadow:0px 0px 15px rgba(0,0,0,0.2);
}

/* This is the style for each individual row. */
.form-bronto form .section {
width:100%;
max-width:800px;
margin: 0 auto;
}

/* This is the style for each column within a row. */
.form-bronto form .section .container {
float: left;
box-sizing:border-box;
padding:0 15px;
width:100%;
}

.form-bronto form .section .container.container-half {
  width:50%;
}

/* This surrounds every field and caption area. */
.field_block {
display: block;
padding: 0;
margin: 0 0 6px 0; }

/* A field's caption normally surrounds its label element. */
.field_block .caption {
display: block;
color: #8b1a47;
padding: 0;
margin: 0 0 4px 0;
font-size:1.1em;
}

/* The following are special styles for the layout of checkbox and radio fields */
.field_block .checkbox .caption {
display: inline;
margin: 0; }

.field_block div.radio span {
display: block;
margin: 0 0 3px 0;
padding: 0; }

.field_block div.radio span input.radio {
display: inline;
padding-right: 5px; }

.field_block div.radio span label {
color: #333;
font-size:1em;
}

/* This is the individual field input. */
.field_block .field {
padding: 0;
margin: 0; }

/* The style for field-level errors */
.field_block .field .field_error {
display: block;
padding-top: 3px;
padding-bottom: 5px;
font-size: 11px;
color: #f00;
font-weight: bold; }

/* The styles for individual field types */
.field_block .field input.text, .field_block .field input.float,
.field_block .field input.password, .field_block .field input.integer,
.field_block .field input.currency, .field_block .field input.date {
border: 1px solid #ccc;
border-top-color: #444;
border-left-color: #444;
font: normal 11px "Lucida Grande", "Verdana", sans-serif;
color: #333;
padding: 3px;
margin: 0;
}

.field_block .field input.date {
 }

.field_block .field input.phone {
font-size: 12px;
padding: 3px 12px 3px 44px; }

/* The styles for textareas are slightly larger than by default with no CSS */
.field_block .field textarea {
width: 300px;
height: 150px; }

/* A dropdown menu within a field is styled here. */
.field_block .field select, .field_block .field select option {
 }

/* Required fields are red and bold by default. */
.required {
color: #f00;
font-weight: bold; }

/* Captcha elements are styled here. */
.g-recaptcha {
display: inline-block; }

/* Kudu */

.form-bronto input[type="text"],
.form-bronto input[type="email"],
.form-bronto input[type="tel"],
.form-bronto input[type="date"],
.form-bronto select {
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    height:40px;
}

.form-bronto input[type="text"],
.form-bronto input[type="email"],
.form-bronto input[type="tel"],
.form-bronto input[type="date"] {
    border:1px solid #DCDCDC;
    padding:0 10px;
}

.form-column {
  width:50%;
  float:left;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
}

.form-bronto input[type="submit"] {
	display:inline-block;
	text-decoration:none;
	font-size:1.1em;
	padding:10px 40px;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	font-weight:700;
	position:relative;
	z-index:2;
	top:-5px;
	margin-top:5px;
	text-transform:uppercase;
	background-color:#8b1a47;
	color:#fcdc17;
  border:none;
  outline:none;
}

.form-bronto input[type="submit"]:hover {
    background-color:#c12d52;
}

@media(max-width:900px){
  .form-column {
    width:100%;
    float:none;
  }

  .form-bronto form .section .container,
  .form-bronto form .section .container.container-half {
    width:100%;
  }
}
