Prueba

<div class="enviado">
                <center>
                    <h3>Gracias <font class="nombre"></font>. Su mensaje se ha enviado con éxito!, nos comunicaremos a la brevedad.</h3>
                </center>
            </div>
<div class="formulario">
                <div class="container page-wrap">
                    <div class="row">
                        <div class="col-sm-7 text wow fadeInLeft animated" style="visibility: visible; animation-name: fadeInLeft;">
                            <img src="mayorista.png" class="img-responsive" style="margin: 5% 1%;" width="85%">            
                        </div>
                        <div class="col-sm-5 c-form-1-box wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
                            <div class="c-form-1-top">
                                <div class="c-form-1-top-left">
                                    <h3>Contactanos</h3>
                                </div>
                                <div class="description">
                                <h3 class="medium-paragraph">
                                    Completa el formulario y te estaremos enviando el catálogo COMPLETO con imágenes y precios
                                </h3>
                            </div>
                                <div class="c-form-1-top-right">
                                    <i class="fa fa-envelope"></i>
                                </div>
                            </div>
                            <div class="c-form-1-bottom">
                                
                                    <div class="form-group">
                                        <label class="sr-only" for="c-form-1-name">Nombre y Apellido</label>
                                        <input nombre="" type="text" name="name" placeholder="Nombre y Apellido..." class="c-form-1-name form-control" id="c-form-1-name">
                                    </div>
                                    <div class="form-group">
                                        <label class="sr-only" for="c-form-1-email">Email</label>
                                        <input mail="" type="text" name="email" placeholder="Email..." class="c-form-1-email form-control" id="c-form-1-email">
                                    </div>
                                    <div class="form-group">
                                        <label class="sr-only" for="c-form-1-subject">Teléfono</label>
                                        <input telefono="" type="text" name="subject" placeholder="Telefono.." class="c-form-1-subject form-control" id="c-form-1-subject">
                                    </div>
                                    <div class="form-group">
                                        <label class="sr-only" for="c-form-1-subject">Ciudad</label>
                                        <input ciudad="" type="text" name="subject" placeholder="Ciudad.." class="c-form-1-subject form-control" id="c-form-1-subject">
                                    </div>
                                    <div class="form-group">
                                        <label class="sr-only" for="c-form-1-message">Message</label>
                                        <textarea mensaje="" name="message" placeholder="Mensaje..." class="c-form-1-message form-control" id="c-form-1-message"></textarea>
                                    </div>
                                    <button btnenviar="" class="btn">Enviar Mensaje</button>
                                
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
<script>
                window.onload = function(){
                    $("[btnEnviar]").click(function(){
                        var nombre = $("[nombre]").val();
                        var mail = $("[mail]").val();
                        var telefono = $("[telefono]").val();
                        var ciudad = $("[ciudad]").val();
                        var mensaje = $("[mensaje]").val();
                        if(nombre.trim().length < 3 || mail.trim().length < 3 || telefono.trim().length < 3 || mensaje.trim().length < 3){
                            alert("Un campo esta mal completado");
                            return false;
                        }
                        var foo = "Nombre: " + nombre + "<br>Mail: " + mail + "<br>Teléfono: " + telefono + "<br>Ciudad: " + ciudad +"<br>Mensaje: " + mensaje;
                        var fd = new FormData();
                        fd.append("accion","enviarMail");
                        fd.append("mensaje", foo);
                        hajax(fd,"http://fpuntoweb.com.ar/enviar.php",enviado_,true);
                    });
                }
                function enviado_(e){
                    console.log(e);
                    var foo = e.split("-");
                    if(foo[1]=="OK"){
                        $(".formulario").css("display","none");
                        $(".enviado").css("display","block");
                        $(".nombre").html($("[nombre]").val());
                    }else{
                        alert(foo[0]);
                    }
                }
                function hajax(fd, accion, callback, consola){
                    callback = callback || undefined;
                    consola = consola || undefined;
                     $.ajax({
                        url: accion,  
                        type: 'POST',
                        data: fd,
                        cache: false,
                        contentType: false,
                        processData: false,
                        success: function(data){
                            if(consola!=undefined){
                                console.log(data);
                            }
                            if(callback!=undefined){
                                   callback(data);
                            }
                        },
                        error: function(data){
                            if(consola!=undefined){
                                console.log(data);
                            }
                            alert("Error");
                        }
                    });
                }
            </script>
<div id="window-resizer-tooltip" style="display: none;"><a href="#" title="Edit settings"></a><span class="tooltipTitle">Window size: </span><span class="tooltipWidth" id="winWidth">1280</span> x <span class="tooltipHeight" id="winHeight">717</span><br><span class="tooltipTitle">Viewport size: </span><span class="tooltipWidth" id="vpWidth">1280</span> x <span class="tooltipHeight" id="vpHeight">331</span></div>