body.c2c_open{overflow: hidden;}
.modal_contacto{
	box-sizing: border-box;padding: 0; 
	margin: 0;
	width: 100%;
	height: 100%; 
	position: fixed; 
	left: 0; 
	top: 0; 
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99999999;
	transition:visibility 0.3s linear,opacity 0.3s linear;
	overflow-y: auto;
	opacity: 1;
	visibility:visible;
	display: block;
}

.modal_contacto .cont-modal{width: 100%; height: 100%;display: flex;justify-items: center;align-items: center;}

.modal_contacto.hidden{visibility: hidden;opacity: 0;display: none;}

.modal_contacto .cont-modal .modal_c2c{box-sizing: border-box;padding: 35px 55px;opacity: 1;visibility: visible;position: relative;max-width: 750px; height: auto; background: #fff;margin: 0 auto 0;border-radius: 3px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);width: 100%;transition:visibility 0.3s linear,opacity 0.3s linear, height 0.3s linear,  margin-top 0.3s linear;}
.modal_contacto .cont-modal.open{}
.modal_contacto .cont-modal.close{}
.modal_contacto .cont-modal.hidde{visibility: hidden;overflow: hidden; height: 0;}
.modal_contacto .cont-modal.hidde .modal_c2c{margin-top: -124px;transition:visibility 0.3s linear,opacity 0.3s linear,,margin-top 0.3s linear;opacity: 0;}
.modal_contacto .cont-modal .modal_c2c .cont{text-align: center;}
.modal_contacto .cont-modal .modal_c2c .cont h3{font: 32px 'Telefonica_Light','TelefonicaWeb-Light',Arial;color: #1d1d1d;margin-bottom: 15px;}
.modal_contacto .cont-modal .modal_c2c .cont p{font: 15px 'Telefonica_Light','TelefonicaWeb-Light',Arial;color: #000;text-transform: none;margin-bottom: 15px;}
.modal_contacto .cont-modal .modal_c2c .cont p.small{font-size: 14px}
.modal_contacto .cont-modal .modal_c2c .cont .form{width: 60%;margin: auto;text-align: center;}
.modal_contacto .cont-modal .modal_c2c .cerrar{cursor:pointer;position: absolute;right: 10px;top: 10px;width: 35px;height: 35px;background: url(../img/close_icon.png) no-repeat 0 0 / cover;}
.modal_contacto.hidden .cont-modal .modal_c2c{margin-top: -121px;}
.modal_contacto .cont-modal .modal_c2c .cont .form-input{}
.modal_contacto .cont-modal .modal_c2c .cont .form-agenda{width: 100%;margin: auto;text-align: center; display: grid;grid-template-columns: auto auto; grid-gap: 20px;}
.modal_contacto .cont-modal .modal_c2c .cont .form-agenda .form-input{width: 100%;}

.modal_contacto .cont-modal .modal_c2c .cont .form-input input{font-size: 18px;font-family: 'Telefonica_Light','TelefonicaWeb-Light',Arial;width: 100%;height: 60px;text-align: center;margin-bottom: 0px;padding: 15px 3px;border-radius: 3px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);border: 1px solid #ccc;background-color: #fff;position: relative;opacity: 1;z-index: auto;}

.modal_contacto .cont-modal .modal_c2c .cont .form-input select, .form-input select option{font: 18px 'Telefonica_Light','TelefonicaWeb-Light',Arial;width: 100%;height: 60px;margin-bottom: 15px;padding: 15px;border-radius: 3px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);border: 1px solid #ccc;background-color: #fff;color: #7d7d7d;}

.modal_contacto .cont-modal .modal_c2c .cont .form-input select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(../img/arrow.png);
}

.modal_contacto .cont-modal .modal_c2c .cont .btn-enviar{font: 22px 'Telefonica_Light','TelefonicaWeb-Light',Arial;width: 100%;list-style: none;display: block;background-color: #5AC2FF !important;padding: 20px;border-radius: 3px;color: #FFFFFF;border: 0;cursor: pointer;margin-bottom: 20px;}
.modal_contacto .cont-modal .modal_c2c .cont .btn-enviar.derivacion{width: 260px;display: inline-block;margin: 20px 13px 15px;}
.modal_contacto .cont-modal .modal_c2c .cont .btn-enviar.derivacion.soyCliente{background: #ffffff !important; color: #000; border: solid 1px;}
.modal_contacto .cont-modal .modal_c2c .cont .btn-enviar.derivacion.soyCliente:hover{border: 1px solid #5bc500;color: #fff !important;background-color: #5bc500 !important;}
.modal_contacto .cont-modal .modal_c2c .cont .btn-enviar.derivacion.noSoyCliente:hover{opacity: 0.7;}
.modal_contacto .cont-modal .modal_c2c .cont .btn-gendar{font: 16px 'Telefonica_Light','TelefonicaWeb-Light',Arial;border: 0;background-color: transparent;color: #4A4A4A;text-decoration: underline;transition: all 0.1s ease-in-out;cursor: pointer;}
.modal_contacto .cont-modal .modal_c2c .cont .form-input label{visibility: hidden;}

.modal_contacto .cont-modal .modal_c2c .cont .form-input.fail label{margin-bottom: 11px;display: block;visibility: visible;color: #ff0000;font: 13px 'Telefonica','TelefonicaWeb',Arial;color: #ff0000;}

@media (max-width: 768px) {
	
	.modal_contacto .cont-modal .modal_c2c {width: 97%;}
	.modal_contacto .cont-modal .modal_c2c .cont .form-agenda {

    width: 100%;
    margin: auto;
    text-align: center;
    display: grid;
    grid-template-columns: auto;
    grid-gap: 0;

}


	
}

@media (max-width: 414px) {

	.modal_contacto .cont-modal .modal_c2c .cont h3 {font: 26px 'Telefonica_Light','TelefonicaWeb-Light',Arial;}

	.modal_contacto .cont-modal .modal_c2c .cont p {font: 14px 'Telefonica_Light','TelefonicaWeb-Light',Arial;}
	
	.modal_contacto .cont-modal .modal_c2c{padding: 35px 24px;}
	.modal_contacto .cont-modal .modal_c2c .cont .form{width: 84%;}

}