
/* WhatsApp Modal */
#modalWhatsapp .form-group-button.mensaje-wa{width:85%;}
#errormessage{color:#fff;display:none;font-size:12px;border:1px solid #ffff99;margin-bottom:20px;padding:10px;text-align:center;}
.modal-content{position:fixed;background-color:#fefefe;border-radius:25px;width:415px;max-width:460px;left:50%;top:50%;padding:80px 40px 30px 40px;transform:translate(-50%, -50%);-webkit-animation-name:slideIn;-webkit-animation-duration:0.4s;animation-name:slideIn;animation-duration:0.4s;}
.modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(77 92 116 / 95%);-webkit-animation-name:fadeIn;-webkit-animation-duration:0.4s;animation-name:fadeIn;animation-duration:0.4s;}
.contact-buttons1{
	cursor:pointer;
	background-color:#17a8e3;
	max-width:80px;
	padding:15px;
	text-align:center;
	border-radius:0 10px 10px 0;
	position:fixed;
	left:0;
	bottom:18%;
	z-index:95;
	-webkit-box-shadow:-5px 5px 20px rgb(23 168 227 / 50%);
	box-shadow:-5px 5px 20px rgb(23 16, 227 / 50%);}
.contact-buttons1 .ripple:before, .contact-buttons1 .ripple:after{-webkit-animation:ripple 3s infinite;animation:ripple 3s infinite;border-radius:0 10px 10px 0;box-shadow:0 0 0 0 rgb(23 168 227 / 50%);top:0;height:36px;position:absolute;width:70px;left:0;height:70px;}
.contact-buttons1 .ripple:before{-webkit-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute;top:0}
.contact-buttons1 .ripple:after{-webkit-animation-delay:.6s;animation-delay:.6s;content:"";position:absolute;top:0;}

.contact-buttons3{
	cursor:pointer;
	background-color:#e60000;
	max-width:80px;
	padding:10px;
	text-align:center;
	border-radius:10px 0 0 10px;
	position:fixed;
	right:0;
	top:30%;
	z-index:95;}

.contact-buttons{cursor:pointer;background-color:#25d366;max-width:80px;padding:15px;text-align:center;border-radius:10px 0 0 10px;position:fixed;right:0;bottom:18%;z-index:95;-webkit-box-shadow:-5px 5px 20px rgb(37 211 102 / 50%);box-shadow:-5px 5px 20px rgb(37 211 102 / 50%);}
.contact-buttons .ripple:before, .contact-buttons .ripple:after{-webkit-animation:ripple 3s infinite;animation:ripple 3s infinite;border-radius:10px 0 0 10px;box-shadow:0 0 0 0 rgb(37 211 102 / 50%);top:0;height:36px;position:absolute;width:70px;right:0;height:70px;}
.contact-buttons .ripple:before{-webkit-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute;top:0}
.contact-buttons .ripple:after{-webkit-animation-delay:.6s;animation-delay:.6s;content:"";position:absolute;top:0;}
@-webkit-keyframes ripple{70%{box-shadow:0 0 0 50px rgba(27,215,65,0)}100%{box-shadow:0 0 0 0 rgba(27,215,65,0)}}
@keyframes ripple{70%{box-shadow:0 0 0 50px rgba(27,215,65,0)}100%{box-shadow:0 0 0 0 rgba(27,215,65,0)}}
.contact-buttons .buy-now-btn{background:rgb(118 164 169);font-family:"HelveticaNeueLTPro-MdCn", sans-serif !important;border-radius:30px;box-shadow:0 5px 10px 0 rgb(37 211 102 / 50%);-webkit-transform-origin:center;transform-origin:center;position:relative;height:36px;width:120px;text-align:center;padding:8px 20px;font-size:1rem;color:#fff;z-index:1;display:block;}
.contact-buttons span{font-size:10px;line-height:12px;display:inline-block;color:#fff;text-transform:uppercase;font-weight:bold;}
#modalWhatsapp .modal-content{background-color:#E5DDD5;width:100%;height:500px;max-width:450px;max-height:450px;border-radius:10px;-webkit-box-shadow:0 10px 20px rgb(0 0 0 / 20%);box-shadow:0 10px 20px rgb(0 0 0 / 20%);border-radius:10px;overflow:hidden;padding:0px 0px 0px 0px;}
#modalWhatsapp .modal-content .wrap{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;}
#modalWhatsapp .modal-content .top{padding:10px;background-color:#009688;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;color:#fff;}
#modalWhatsapp .modal-content .top img{width:45px;height:45px;border:solid 1px #f1f1f1;padding:0px;border-radius:50%;margin-right:10px;background-color:#fff;}
#modalWhatsapp .modal-content .bottom{background-color:#EFEFEF;padding:10px 5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}
#modalWhatsapp .modal-content #mensajewhatsapp{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-color:#ffffff;border-color:#fff;border-radius:21px;line-height:20px;border-style:solid;border-width:1px;padding:12px 12px 12px 12px;-webkit-box-shadow:none;box-shadow:none;resize:none;min-height:auto;margin-bottom:0em;width:100%;font-family:helvetica;}
#modalWhatsapp .modal-content .send{cursor:pointer;font-size:0px;width:100%;background-color:transparent;height:33px;border-color:rgb(0 0 0 / 0%);}
#modalWhatsapp .modal-content .send img{width:25px;margin-left:10px;display:block;}
#modalWhatsapp .modal-content .wrap:after{content:"";width:100%;height:100%;position:absolute;background-image:url('img/ws-fondo.png');background-size:450px;background-color:#E5DDD5;z-index:0;opacity:0.1;}
#modalWhatsapp .modal-content .top .info-text strong{font-weight:600;display:block;margin-bottom:2px;}
#modalWhatsapp .modal-content .top .info-text span{font-weight:100;font-size:14px;}
#modalWhatsapp .closewhatsapp::after{border:1px solid #eeeeee;}
#modalWhatsapp .closewhatsapp{color:#ffffff;right:15px;top:15px;background-color:#009688;position:absolute;width:35px;height:35px;border-radius:99px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:5;transition:transform 1.1s cubic-bezier(.23,1,.32,1);}
#modalWhatsapp .closewhatsapp:hover{transform:rotate(90deg);}
#modalWhatsapp .closewhatsapp:hover::after{transform:scale(1.2);}
#modalWhatsapp .form-group-button{margin-top:0rem;width:42.5%;float:left;text-align:left;padding-left:5px;padding-right:5px;}
#modalWhatsapp .form-group-button.enviar-whatsapp{width:10%;margin-top:-15px;position:relative;}
#modalWhatsapp .form-group-button .img-whatsapp{position:absolute;left:10px;top:5px;z-index:-1;}
#modalWhatsapp input[type=text]{background-color:#ffffff;border-color:#fff;border-radius:21px;line-height:20px;border-style:solid;border-width:1px;padding:12px;-webkit-box-shadow:inset 0 1px 2px rgb(0 0 0 / 10%);box-shadow:inset 0 0px 0px rgb(0 0 0 / 10%);margin-bottom:0em;font-family:helvetica;}
#modalWhatsapp form{margin-bottom:0em;}
.info-text{line-height:20px;font-family:helvetica;}
.validation{color:#ff4646;font-size:13px;line-height:normal;margin-bottom:10px;margin-top:5px;}
/* WhatsApp Modal */
