HTML
<!--Formulario POP-->

		<div id="test-popup" class="white-popup mfp-hide">
			<div class="">
				<div class="">
					<h3 style="text-align: center;" class="title-popup brandon-l">CONTCTANOS</h3>
					<form class="form-contact">
						<div class="">
							<div class="form-group first-name-group">
								<input type="text" name="nombre" class="form-control" id="first-name" placeholder="Nombre">
							</div>
							<div class="form-group phone-group">
								<input type="text" name="telefono" class="form-control" id="phone" placeholder="Telfono">
							</div>
							<div class="form-group email-group">
								<input type="email" name="mail" class="form-control" id="email" placeholder="Email">
							</div>
							<div class="form-group">
								<textarea class="form-control" name="mensaje" rows="5" id="appointment-comment" placeholder="Mensaje"></textarea>
							</div>
							<div class="form-group button-group">
								<div class="boton-pop boton-form ani-boton animated shake">Enviar</div>
							</div>
							<div class="mensajes-form"></div>
						</div>
					</form>
				</div>
			</div>
		</div>

<!-- FIN Formulario POP-->



JS
/***************************POP UP boton****************************************/
    $('.open-popup-link').magnificPopup({
        type:'inline',
        midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
    });
/**************************END POP UP boton*************************************************/

CSS
/**********************POP UP******************************/


.white-popup {
  position: relative;
  background: rgba(0,0,0,0.75);
  padding: 20px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
}

.boton-pop{
    text-align: center;
    padding: 10px 15px;
    width: 120px;
    background: transparent;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #fff;
}

.boton-pop:hover{
    text-align: center;
    padding: 10px 15px;
    width: 120px;
    background: transparent;
    font-size: 16px;
    cursor: pointer;
     border: 1px solid #0777bd;
}

.title-popup{
    color: #fff;
}

.form-control:hover{
    border: 1px solid #0777bd;
}

.form-control{background-color: transparent; color: #fff;}

.mfp-close-btn-in .mfp-close{color: #fff;}

