Contact form 7 formulario personalizado
<div id="contahome" class="contact-form">
<div>
<div class="columasnde" style="display: flex;">
<div style=" width: 50%" class="input-wrapper">
<span class="wpcf7-form-control-wrap your-name-lastname"><input type="text" name="your-name-lastname" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control input-custom" aria-required="true" aria-invalid="false" placeholder="Full Name" wfd-id="id8"></span>
</div>
<div style=" width: 50%" class="input-wrapper">
<span class="wpcf7-form-control-wrap your-email"><input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form-control input-custom" aria-required="true" aria-invalid="false" placeholder="Email address" wfd-id="id9"></span>
</div>
</div>
<div class="columasnde" style="display: flex;">
<div style=" width: 50%" class="input-wrapper">
<span class="wpcf7-form-control-wrap Property-code"><input type="text" name="Property-code" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control input-custom" aria-required="true" aria-invalid="false" placeholder="Property zip code" wfd-id="id10"></span>
</div>
<div style=" width: 50%" class="input-wrapper">
<span class="wpcf7-form-control-wrap Number-bedrooms"><input type="number" name="Number-bedrooms" value="" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control input-custom" aria-required="true" aria-invalid="false" placeholder="Number of bedrooms:" wfd-id="id11"></span>
</div>
</div>
<div class="columasnde" style="display: flex;">
<div style=" width: 50%" class="input-wrapper">
<span class="wpcf7-form-control-wrap Number-baths"><input type="number" name="Number-baths" value="" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control input-custom" aria-required="true" aria-invalid="false" placeholder="Number of baths (Including 1/2 baths)" wfd-id="id12"></span>
</div>
<div style=" width: 50%" class="input-wrapper">
<span class="wpcf7-form-control-wrap living-rooms"><input type="number" name="living-rooms" value="" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control input-custom" aria-required="true" aria-invalid="false" placeholder="Number of living rooms" wfd-id="id13"></span>
</div>
</div>
<div class="columasnde" style="display: flex; margin-bottom: 15px;">
<div style=" width: 50% ; margin-bottom: 0;" class="input-wrapper">
<span class="wpcf7-form-control-wrap dining-rooms"><input type="number" name="dining-rooms" value="" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control input-custom" aria-required="true" aria-invalid="false" placeholder="Number of dining rooms" wfd-id="id14"></span>
</div>
<div style=" width: 50%; margin-bottom: 0;" class="input-wrapper">
<span class="wpcf7-form-control-wrap Theater-room"><select name="Theater-room" class="wpcf7-form-control wpcf7-select form-control input-custom" aria-invalid="false"><option value="Theater room / No">Theater room / No</option><option value="Theater room / Yes">Theater room / Yes</option></select></span><p></p>
</div>
</div>
<div class="columasnde" style="display: flex;">
<div style=" width: 50%; " class="input-wrapper">
<span class="wpcf7-form-control-wrap Game-room"><select name="Game-room" class="wpcf7-form-control wpcf7-select form-control input-custom" aria-invalid="false"><option value="Game room / No">Game room / No</option><option value="Game room / Yes">Game room / Yes</option></select></span>
</div>
<div style=" width: 50%" class="input-wrapper">
<span class="wpcf7-form-control-wrap Patio-area"><select name="Patio-area" class="wpcf7-form-control wpcf7-select form-control input-custom" aria-invalid="false"><option value="Patio area / No">Patio area / No</option><option value="Patio area / Yes">Patio area / Yes</option></select></span>
</div>
</div>
<div class="columasnde" style="display: flex;">
<div style=" width: 50%" class="input-wrapper">
<span class="wpcf7-form-control-wrap Number-beds"><input type="number" name="Number-beds" value="" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control input-custom" aria-required="true" aria-invalid="false" placeholder="Number of beds" wfd-id="id15"></span>
</div>
<div style=" width: 50%" class="input-wrapper">
<span class="wpcf7-form-control-wrap Square-footage"><input type="number" name="Square-footage" value="" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control input-custom" aria-required="true" aria-invalid="false" placeholder="Square footage" wfd-id="id16"></span>
</div>
</div>
<div class="columasnde" style="display: flex;">
<div style=" width: 49%" class="input-wrapper">
<span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control stilotexto" aria-required="true" aria-invalid="false" placeholder="Message"></textarea></span><p></p>
</div>
[recaptcha]
<div style="width: 50%; margin-bottom: -12px;" class="text-left gggs">
<input type="submit" value="Send Message" class="wpcf7-form-control has-spinner wpcf7-submit btn" wfd-id="id17"><span class="wpcf7-spinner"></span><p></p>
<div style=" margin-bottom: -12px;margin-top: -12px;">
</div>
</div>
</div>
</div>
<div class="wpcf7-response-output" aria-hidden="true"></div></div>
<style>
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.contact-form {
margin-bottom: 15px;
margin-top: 0;
}
#contahome .input-wrapper {
position: relative;
margin-bottom: 15px;
margin-right: 12px;
}
.input-custom {
appearance: none;
margin-bottom: 5px;
padding: 14px 15px 14px;
font-size: 15px;
line-height: 24px;
height: 54px;
background: #fff;
border: 1px solid #d7dbdf;
border-radius: 3px;
color: #2b2b2b;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.input-custom {
-moz-appearance: none;
background: #fff none repeat scroll 0 0;
border: 1px solid #dbdbdb !important;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
color: #2b2b2b;
font-size: 16px;
height: 54px !important;
line-height: 24px;
margin-bottom: 4px;
padding: 15px !important;
}
.input-custom, textarea.textarea-custom, .select-wrapper select.input-custom {
-webkit-appearance: none;
-moz-appearance: none;
}
#contahome textarea {
height: 119px;
}
#contahome .wpcf7-form-control.has-spinner.wpcf7-submit.btn {
width: 228px;
background: #279578;
border-radius: 8px;
font-size: 15px;
color: #fff;
border-color: #279578;
padding:15px 0px ;
}
@media (max-width: 479px){
.columasnde {
flex-direction: column;
}
#contahome .input-wrapper, .gggs {
width: 100%!important;
}
}
</style>