.form-inline-custom {
    min-width: 300px;
    width: 50%;
}

.he-lead-form {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
}

.he-lead-form input,.he-lead-form select {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1.large {
    color: #0C2074;
    font-size: 52px;
    line-height: 57px;
    font-weight: 700;
    padding-bottom: 30px;
    margin-bottom: 0;
}

h2.medium {
    color: #0C2074;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    padding-bottom: 20px;
    margin-bottom: 0;
}

h3.small {
    color: #0C2074;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    padding-bottom: 10px;
    margin-bottom: 0;
}
h4.small {
    color: #0C2074;
    font-size: 28px;
    font-weight: 700;
    line-height: 31px;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.heading-xs {
    color: #0c2074;
    font-size: 28px;
    line-height: 31px;
    font-weight: 700;
}

.he-lead-form p {
    margin-bottom: 30px;
}

.bg-error {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #BE1324;
    background-color: #EFD8DC;
    padding: 10px 60px 10px 20px;
    border: 2px solid #EFCACF;
    margin-bottom: 30px;
    display: inline-block;
}

.error-icon {
    padding-right: 10px;
}

.he-lead-form form {
    margin-top: 20px;
}

.he-lead-form form label {
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
}

.he-lead-form form input[type="text"],
.he-lead-form form input[type="number"],
.he-lead-form form input[type="email"] {
    border: 1px solid #737373;
    background-color: #fff;
    min-width: 500px;
    width: 70%;
    border-radius: 6px;
    height: 45px;
    box-shadow: none;
    -webkit-appearance: none;
}

.he-lead-form form .form-inline-custom select {
    border-color: #737373;
    border-width: 1px 1px 1px 1px;
    background-color: #fff;
    border-radius: 0 6px 6px 0;
    margin-left: -6px;
    padding: 9px 15px;
    width: 30%;
    font-size:18px;
    display: inline-block;
    /*top: 3px;*/
    height: 45px;
    background: url(../../../../../etc.clientlibs/homeequity/clientlibs/clientlib-site/resources/images/svg/dropdown_downArrow.svg) right 15px top 18px no-repeat;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.form-inline-custom select::-ms-expand {
    display: none !important;
}

#phone-error {
    display: block;
    position: absolute;
    margin-top: -29px;
}

.he-lead-form form .validatePhone {
    border-radius: 6px 0 0 6px !important;
    font-size:16px;
}

.he-lead-form form .form-control {
    padding: 6px 12px;
    font-size: 18px;
}
#loanAmount, #zip{
	min-width: 0px;
    width:30%;

}
.he-lead-form form input[name="email"] {
    min-width: 300px;
    width: 50%;
}

.he-lead-form form input[name="phone"] {
    min-width: 150px;
    width: 70%;
    margin-bottom:30px;
    display: inline-block;
}

.he-lead-form form input[name='loanAmount'] {
    min-width: 150px;
    width: 30%;
}

.he-lead-form form input[type="text"]:focus,
.he-lead-form form .form-inline-custom select:focus,
.he-lead-form form input[type="number"]:focus,
.he-lead-form form input[type="email"]:focus {
    outline: 2px solid #10A6E8;
    box-shadow: none;
}

.he-lead-form form input[type="text"].error,
.he-lead-form form input[type="number"].error,
.lead-form form input[type="email"].error,
#email.error {
    border: 1px solid #BE1324;
    background color: #fff;
    background: url(../../../../../etc.clientlibs/homeequity/clientlibs/clientlib-site/resources/images/svg/icon_alert-triangle.svg) no-repeat;
    background-position: right 10px top 10px;
    padding-right: 60px;
}

.he-lead-form form input[type="text"].error:focus,
.he-lead-form form input[type="number"].error:focus,
.he-lead-form form .form-inline-custom select.error:focus {
    opacity: .75;
    box-shadow: 0 0 2px #DE162B;
}

.he-lead-form form .form-group {
    margin-bottom: 30px;
}

.prop-info {
    margin-top: 15px;
    padding-bottom: 5px;
}

.loantype {
    margin-top: 30px;
}

.buttons-container {
    margin: 25px 0 60px 0;
}

button.btn {
    vertical-align: middle;
    font-size: 18px;
    line-height: 20px;
    padding: 15px 40px;
    position: relative;
    text-decoration: none !important;
    text-align: center;
    font-weight: bold;
    margin: 0;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
    font-family: Helvetica neue, Helvetica, Arial, Sans-serif;
}

button.btn-std-blue-fill {
    color: #fff;
    background: #007cbe;
    border: 2px solid #007cbe;
    font-size: 18px;
}

button.btn-std-blue-fill:hover,
button.btn-std-blue-fill:focus {
    color: #fff;
    background: #044e7c;
    border: 2px solid #044e7c;
}

button.btn-cancel {
    border: 2px solid #007cbe;
    background: #fff;
    color: #007cbe;
    margin-left: 20px;
}

button.btn-cancel:hover,
button.btn-cancel:focus {
    border: 2px solid #1f92c8;
    color: #1f92c8;
}

div.error-container {
    display: none;
}

.error-icon-bg {
    background: url(../../../../../etc.clientlibs/homeequity/clientlibs/clientlib-site/resources/images/svg/icon_alert-triangle.svg) no-repeat 0px 6px;
    display: block;
    padding: 10px 0 10px 36px;
}

.forFirstName,
.forLastName,
.forEmail,
.forPhone,
.forZip,
.forStreetAddress {
    display: none;
}

label.error {
    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 20px;
    color: #BE1324;
}
.error-content-container-display-none{

		display:none;

    }
@media only screen and (max-width: 1024px) {
    #phone {
        width: 60% !important;
    }
    .phoneSelect {
        width: 40% !important;
    }
}

@media only screen and (max-width: 992px) {
    .he-lead-form form input[type="text"] {
        width: 100%;
        min-width: 150px;
    }
}

@media only screen and (max-width: 768px) {
    button.btn-std-blue-fill,
    button.btn-cancel {
        width: 100%;
        display: block;
        margin: 0;
    }
    button.btn-cancel {
        margin-top: 20px;
    }
    .phoneSelect {
        display: inline-block;
    }
    #phone {
        display: inline-block;
    }
}

@media only screen and (max-width: 760px) {
    .he-lead-form form input[type="email"],
    .form-inline-custom {
        width: 100%;
        max-width: 100%;
        min-width: 200px !important;
    }
    .he-lead-form #phone-error{
        line-height: 21px;
    }
      #loanAmount{
    	width:100%;

	}
}

@media only screen and (max-device-width: 760px) and (orientation: landscape) {
    .he-lead-form form input[type="email"],
    .form-inline-custom {
        width: 100%;
        max-width: 100%;
        min-width: auto;
    }
}


}

/* Checkbox Styles */
.checkbox {
    padding-left: 20px;
}
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
}
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.checkbox.checkbox-inline {
    margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.he-lead-form form .form-inline-custom select:focus{
	background-position: right 14px top 17px;
    padding: 7px 13px 7px 14px;
}
/* Radio Button Styles */
.radio {
    padding-left: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
}
.radio label {
    display: inline-block;
    position: relative;
    padding-left: 6px;
    font-weight:normal !important;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #737373;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 4px;
    top: 4px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
    opacity: 0;
}
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}
.radio.radio-inline {
    margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
    background-color: #428bca;
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #007CBE;
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #007CBE;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.radio-info input[type="radio"]:checked + label::before {
    border-color: #007CBE;
    border-width:2px;
    outline: none;
}
.radio input[type="radio"]:focus+label::before{
	outline:0;
    border-color: #007CBE;
    border-width:2px;
        }
.radio label::before {
    width: 18px;
    height: 18px;
    top: 3px;
    margin-left: -24px;
}
.radio-info input[type="radio"]:checked + label::after {
    background-color: #007CBE;
}
.radio-info input[type="radio"] + label::after {
    background-color: #007CBE;
}
.radio label::after {
    width: 12px;
    height: 12px;
    left: 1px;
    top: 6px;
    margin-left: -22px;
}
.radio-last{
	margin-top:20px !important;
}
#mortgageloan{
	margin-left:13px;
}

/* Retina Resolution */
@media (min-width: 1200px){
	.he-lead-form form input[name="phone"] {
    	padding-top:7px
	}
	#phone-type{
		padding: 0px 10px;

	}
	label:hover::before {
    border : 2px solid #007CBE;
	}
}

.legendStyle{
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    color: #555555;
    margin-bottom: 0px;
    border-bottom:0px;
}