/*========== GIF CARGANDO PANTALLA COMPLETA =======*/
.hide{display: none;}
.conten_carga{background-color: rgba(250, 250, 250, 0.9);height: 100%;width: 100%;position: fixed;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;z-index: 10000;top: 0px;}
.conten_carga #menajecarga{position: absolute;top: 30%;left: 37%;text-align: center;font-weight: 600;font-size: 35px;width: 500px;}
.conten_carga #carga{border: 3px solid #ccc;border-top-color: var(--color2);height: 100px;width: 100px;border-radius: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;-webkit-animation: girar 1.5s linear infinite;-o-animation: girar 1.5s linear infinite;animation: girar 1.5s linear infinite;}
@keyframes girar{from{transform: rotate(0deg);}to{transform: rotate(360deg);}}
/*========== FIN GIF CARGANDO PANTALLA COMPLETA =======*/
.conten_mail_contacto{background: var(--colorfondo);padding-top: 50px;padding-bottom: 50px;}
.conten_mail_contacto .conten_contacto{display: flex;flex-wrap: wrap;justify-content: center;width: 1270px;margin: auto;}
.conten_mail_contacto .conten_info_contac{width: 100%;background: #fff;margin-bottom: 20px;}
.conten_bloque_redes{display: flex;flex-wrap: wrap;justify-content: center;margin: auto;width: 100%;margin-top: 20px;margin-bottom: 20px;}
.conten_bloque_redes .medios{padding: 25px 25px 29px;margin: 20px;width: 350px;display: flex;flex-wrap: wrap;}
.conten_bloque_redes .medios .icono{margin-top: 10px;margin-right: 5px;width: 15%;text-align: center;}
.medios .icono span{font-size: 15px;color: #fff;background: var(--color2);padding: 8px;padding-left: 5px;padding-right: 5px;border-radius: 5px;}
@media screen and (max-width:1400px){.conten_mail_contacto .conten_contacto{width: 95%;}}
@media screen and (max-width:1250px){
.conten_bloque_redes .medios{padding: 20px 20px 29px;margin: 20px;width: 340px;}
.conten_bloque_redes .medios .icono span{font-size: 14px;}
.conten_bloque_redes .medios .conten_info h2{font-size: 20px;}
.conten_bloque_redes .medios .conten_info p{font-size: 15px;}}
@media screen and (max-width:440px){.conten_bloque_redes .medios{padding: 10px 10px 10px;margin-top: 10px;width:300px;}}
/*============== FORMULARIO DE PEDIDO ============*/
.conten_form_contacto{display: flex;flex-wrap: wrap;background: #fff;width: 100%;padding: 20px;margin-bottom: 20px;}
.conten_form_contacto .conten_info{padding: 30px;width: 35%;}
.conten_form_contacto .conten_form{width: 65%;}
.form_pedidos{display: flex;flex-wrap: wrap;width: 100%;padding: 30px;/*border: 1px solid #ccc;*/}
.form_pedidos .titulo_form{width: 100%;margin-bottom: 10px;}
.form_pedidos .conten_input{display: flex;flex-wrap: wrap;width: 100%;margin-top: 5px;margin-bottom: 5px;}
.form_pedidos .m_right{margin-right: 2%;}
.form_pedidos .l{width: 49%;}
.form_pedidos .conten_input label{width: 100%;margin-bottom: 3px;}
.form_pedidos .conten_input label span{color: var(--color2);}
.form_pedidos .conten_input input, .form_pedidos .conten_input select, .form_pedidos .conten_input textarea{padding: 10px;padding-left: 15px;padding-right: 15px;width: 100%;font-size: 14px;border-radius: 5px;border: 1px solid #ccc;font-family: sans-serif;}
.form_pedidos .conten_input textarea{max-height: 100px;}
.form_pedidos .btn{text-decoration: none;padding: 13px;padding-left: 20px;padding-right: 20px;margin-right: 10px;color: #fff;font-weight: 600;font-size: 16px;border-radius: 5px;background: var(--color2); cursor: pointer; border: none; margin-top: 20px;}
.form_pedidos .btn:hover{background: var(--color1);}
@media screen and (max-width:600px){
.conten_form_contacto .conten_info{padding: 10px;width: 100%;}
.conten_form_contacto .conten_form{width: 100%;}
.form_pedidos{padding: 5px;margin-bottom: 15px;}
.form_pedidos .conten_input input, .form_pedidos .conten_input select,.form_pedidos .conten_input textarea{font-size: 12px;}}
@media screen and (max-width:400px){.form_pedidos .conten_input label{font-size: 13px;}.form_pedidos .l{width: 100%;}}
/*============== FIN FORMULARIO DE PEDIDO ============*/
/*============== MAPA DIRECCION EMRPESA =============*/
.conten_mail_contacto .conten_mapa{height: 500px;width: 100%;padding: 35px;background: #fff;}
.conten_mail_contacto .conten_mapa iframe{height: 100%;width: 100%;}
@media screen and (max-width:600px){.conten_mail_contacto .conten_mapa{padding: 25px;}}
/*============== FIN MAPA DIRECCION EMRPESA =============*/