.field-name-field-prebuilt-block form {
	display: block;
}
.field-name-field-prebuilt-block .column {
	display: inline-block;
	width: 450px;
	margin-right: -4px;
	vertical-align: top;
	text-align: left;
	*display: block;
	*float: left;
}
.field-name-field-prebuilt-block label {
	padding: 0;
}
.field-name-field-prebuilt-block label.inline-block {
	display: inline-block;
	margin-right: -4px;
	vertical-align: top;
}
#prebuilt-2 label.name-label {
	width: 50%;
}
#prebuilt-2 label.name-label input.form-text {
	width: 195px;
}
#prebuilt-2 label.full input.form-text {
	width: 420px;
}
#prebuilt-2 label.zip-label {
	width: 135px;
}
#prebuilt-2 label.zip-label input {
	width: 105px;
}
#prebuilt-2 label.city-label {
	width: 215px;
}
#prebuilt-2 label.city-label input {
	width: 185px;
	text-transform: capitalize !important;
}
#prebuilt-2 label.state-label {
	width: 90px;
}
#prebuilt-2 label.state-label input {
	width: 70px;
}
label span.error {
	display: block;
	float: right;
	height: 100%;
	color: #808080;
    font-weight: 600;
	padding-right: 20px;
	margin-top: -40px;
}
label span.error:before {
	content: "\e008";
	color: #ED8022;
    font-family: "BarnDings";
}
.no-error label span.error {
	font-size: 0px;
}
.no-error label span.error:before {
    font-size: 12px;
}
#outside_territory h4 {
	color: #D94A26;
	padding-bottom: 5px;
}
#inside_territory h4 {
	color: #008752;
	padding-bottom: 5px;
}
#prebuilt-2 input.form-submit {
	float: right;
	width: 430px;
	margin-right: 10px;
}
.field-name-field-prebuilt-block input.form-submit {
	cursor: pointer;
	-webkit-appearance: none;
}
.field-name-field-prebuilt-block input.form-submit.disabled {
	cursor: not-allowed;
}

.error.email-suggestion {
	position: relative;
	opacity: 0;
	display/*\**/: none\9;
	*display: none;
}
.error.email-suggestion a {
	cursor: pointer;
}

#prebuilt-2 .column.second {
	width: 390px;
	margin-left: 20px;
	border: 1px solid #B3B3B3;
    padding: 10px 20px;
}
#form_replace .column.second {
    padding: 0;
}
#prebuilt-2 .column.second h4 {
    font-weight: 300;
}
.slider-output:before {
    content: 'euro';
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    vertical-align: top;
}
#usages {
	text-align: center;
	margin-top: 10px;
	font-size: 24px;
}
#usages span {
	font-size: 32px;
	font-weight: 600;
}
.candidate {
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	padding: 14px 0;
}

#energy_usage {
	padding: 0 40px;
}
#energy_usage .ui-widget-content {
	background: none #008752;
    border: 0 none;
    cursor: pointer;
    height: 32px;
    margin: 24px 0;
    outline: medium none;
    position: relative;
}
#energy_usage .ui-widget-content .ui-slider-range {
	background: none #008752;
    -webkit-transition: background-color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out;
    -ms-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
    -webkit-transition: border-color 200ms ease-in-out;
    -moz-transition: border-color 200ms ease-in-out;
    -ms-transition: border-color 200ms ease-in-out;
    -o-transition: border-color 200ms ease-in-out;
    transition: border-color 200ms ease-in-out;
}
#energy_usage .ui-widget-content .ui-slider-handle {
	background: none #008752;
    border: 0 none;
    -webkit-border-radius: 32px;
	border-radius: 32px;
    -webkit-box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    font-family: 'BarnDings';
    font-size: 44px;
    font-weight: 400;
    height: 64px;
    width: 64px;
    text-align: center;	
    -webkit-transition: background-color 200ms ease-in-out;
    -moz-transition: background-color 200ms ease-in-out;
    -ms-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
    -webkit-transition: border-color 200ms ease-in-out;
    -moz-transition: border-color 200ms ease-in-out;
    -ms-transition: border-color 200ms ease-in-out;
    -o-transition: border-color 200ms ease-in-out;
    transition: border-color 200ms ease-in-out;
}
#energy_usage .ui-widget-content .ui-slider-handle:before {
	display: block;
	content: "<>";
    color: #FFFFFF;
    font-family: 'BarnDings';
    font-size: 44px;
    font-weight: 400;
	line-height: 56px;
    height: 64px;
    width: 64px;
    text-align: center;
}
#energy_usage .ui-widget-content .ui-slider-handle:hover:after,
#energy_usage .ui-widget-content .ui-slider-handle:focus:after {
	content: '';
	display: block;
	position: absolute;
	margin-top: -64px;
    -webkit-border-radius: 32px;
	border-radius: 32px;
    height: 64px;
    width: 64px;
    -webkit-box-shadow: inset 0 0 0 4px #fff;
	box-shadow: inset 0 0 0 4px #fff;
}

#usages span { color: #008752; }

#viable #usages span, #viable .candidate > .viable { color: #E2A404; }
#viable #energy_usage .ui-widget-content, #viable #energy_usage .ui-widget-content .ui-slider-range, #viable #energy_usage .ui-widget-content .ui-slider-handle { background: none #E2A404; }

#average #usages span, #average .candidate > .average { color: #ED8022; }
#average #energy_usage .ui-widget-content, #average #energy_usage .ui-widget-content .ui-slider-range, #average #energy_usage .ui-widget-content .ui-slider-handle { background: none #ED8022; }

#toohigh #usages span, #toohigh .candidate > .toohigh { color: #D94A26; }
#toohigh #energy_usage .ui-widget-content, #toohigh #energy_usage .ui-widget-content .ui-slider-range, #toohigh #energy_usage .ui-widget-content .ui-slider-handle { background: none #D94A26; }

#lethal #usages span, #lethal .candidate > .lethal { color: #C22026; }
#lethal #energy_usage .ui-widget-content, #lethal #energy_usage .ui-widget-content .ui-slider-range, #lethal #energy_usage .ui-widget-content .ui-slider-handle { background: none #C22026; }

#dead #usages span, #dead .candidate > .dead { color: #8A212A; }
#dead #energy_usage .ui-widget-content, #dead #energy_usage .ui-widget-content .ui-slider-range, #dead #energy_usage .ui-widget-content .ui-slider-handle { background: none #8A212A; }

.candidate > div {
	display: none;
}
#toolow .candidate > .toolow,
#viable .candidate > .viable,
#average .candidate > .average,
#toohigh .candidate > .toohigh,
#lethal .candidate > .lethal,
#dead .candidate > .dead {
	display: block;
}

/* Commercial Builder Form */
.form-row-2 label {
	display: inline-block;
	margin: 0 -4px 0 0;
	vertical-align: top;
	width: 35%;
	padding: 0 1.5% 0 0;
}
.form-row-1 label {
	display: inline-block;
	margin: 0 -4px 0 0;
	vertical-align: top;
	width: 71.5%;
	padding: 0 1.5% 0 0;
}
.form-row-3 label {
	display: inline-block;
	margin: 0 -4px 0 0;
	vertical-align: top;
	width: 22.83%;
	padding: 0 1.5% 0 0;
}
.form-row-1 label input.form-text,
.form-row-2 label input.form-text,
.form-row-3 label input.form-text {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}
.form-row-1 label textarea {
	width: 97.5%;
}
#prebuilt-3 input.form-submit {
	width: 40%;
}
#commercial_builder .email-suggestion {
	display: none !important;
}

@media screen and (max-width: 768px) {
	form#lead_form {
		padding: 40px 20px 0 20px;
	}
	#prebuilt-2 .column {
		display: block;
		margin-right: 0;
		width: auto;
	}	
	#prebuilt-2 .column label {
		display: inline-block;
		margin-right: -4px;
		width: 50%;
	}	
	#prebuilt-2 .column label input {
		display: block;
		width: 90% !important;
	}
	#prebuilt-2 .column.second {
		margin-left: 0;
		padding: 10px 2.5%;
		width: 92.5%;
	}
	#form_replace .column.second {
		display: none;
	}
	#prebuilt-2 input.form-submit {
		float: none;
		display: inline-block;
		width: 60%;
	}
	#form_replace {
		padding: 0 20px 0 20px;
	}
}
@media screen and (max-width: 480px) {
	#prebuilt-2 .column label {
		display: block;
		margin-right: 0;
		width: auto;
	}	
	#prebuilt-2 .column label input {
		display: block;
	}
	#prebuilt-2 .column.second {
		width: 90%;
		padding: 2%;
	}
	#form_replace .column.second {
		width: 94%;
		padding: 0;
	}
	#prebuilt-2 input.form-submit {
		display: block;
		width: 94%;
	}
	#prebuilt-2 h2 {
		font-size: 30px;
	}
	label span.error {
		font-size: 0px;
	}
	label span.error:before {
		font-size: 12px;
	}
	.form-row-1 label,
	.form-row-2 label,
	.form-row-3 label {
		display: block;
		width: auto;
		margin: 0;
		padding: 0 20px;
	}
	#prebuilt-3 input.form-submit {
		width: 80%;
	}
}

