/*========== 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(--color1);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_banner{
    width: 100%;
    margin: auto;
    height: 350px;
    margin-bottom: 100px;   
}
.conten_banner .conten_opacidad{
    position: relative;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5); 
}
.conten_banner .conten_opacidad .img_contacto{
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
}
.conten_banner .conten_opacidad .conten_info_contac{
    position: absolute;
    color: #fff;
    width: 100%;
    padding-top: 5%;
    padding-left: 30%;
    padding-right: 30%;    
}
.conten_banner .conten_opacidad .conten_info_contac h1{
    margin-bottom: 15px;
    font-size: 45px;
    font-weight: 600;
}
.conten_banner .conten_opacidad .conten_info_contac p{
    line-height: 25px;
}
.conten_info{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 100px;
}
.conten_info .conten_info_contacto{
    width: 48%;
    padding: 80px;
}
.conten_info .conten_info_contacto .info_contacto{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    margin-left: 20%;
}
.conten_info .conten_info_contacto .info_contacto h2{
    margin-bottom: 10px;
}
.conten_info .conten_info_contacto .info_contacto a{
    width: 100%;
    text-decoration: none;
    margin-bottom: 12px;
    margin-left: 15px;
    color: #000;
}

.conten_info .conten_info_contacto .info_contacto a:hover{
    color: var(--color1);
    /*font-weight: bold;*/
}

.conten_formularo_contac{
    display: flex;    
    justify-content: center;
    background: var(--color1);
    border-radius: 10px;
    width: 40%;
    padding: 40px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.conten_formularo_contac .form_contacto{
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;  
    max-width: 500px;
    padding: 35px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.conten_formularo_contac .form_contacto .conten-titulo-form{
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
}
.conten_formularo_contac .form_contacto .xl{width: 100%;}
.conten_formularo_contac .form_contacto .l{width: 48%;}
.conten_formularo_contac .form_contacto .m-r-s{margin-right: 15px;}
.conten_formularo_contac .form_contacto .conten-input{
    display: flex;
    flex-wrap: wrap;
    border: 10px;    
    margin-bottom: 15px;
}
.conten_formularo_contac .form_contacto .conten-input label{
    width: 100%;
    margin-bottom: 8px;
}
.conten_formularo_contac .form_contacto .conten-input input{
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
}
.conten_formularo_contac .form_contacto .conten-input textarea{
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.conten_formularo_contac .form_contacto .conten-input .btn_contacto{
    padding: 10px;
    width: 100%;
    color: #000;
    background:  var(--color1);
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
}
.conten_formularo_contac .form_contacto .conten-input .btn_contacto:hover{
    background: var(--color1_h);
}

.conten_direccion{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.conten_direccion .conten_ubicacion{
    width: 50%;
    padding: 40px;
    text-align: center;
    background: #000;
    text-decoration: none;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
.conten_direccion .conten_ubicacion:hover{
    background: var(--color1);
    color: #000;
}
.conten_direccion .conten_waze{
    width: 50%;
    padding: 40px;
    text-align: center;
    background: #63C4F3;
}
.conten_direccion .conten_waze:hover {
    background: #53acd8;
}
.conten_direccion .conten_waze .img_waze{
    width: 200px;
}

.google_map{
    border: none;
    width: 100%;
    height: 500px;
}

@media screen and (max-width:950px) {
    .conten_banner{margin-top: 100px;margin-bottom: 0px;}
    .conten_info .conten_info_contacto{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .conten_info .conten_info_contacto{
        width: 100%;
        justify-content: center;
    }
    .conten_info .conten_info_contacto .info_contacto{
        margin: 10px;
        width: 45%;
        margin-left: 0px;
    }
    .conten_banner .conten_opacidad .conten_info_contac{
        padding-top: 10%;
    }    
    .conten_info .conten_formularo_contac{width: 100%;border-radius: 0px;}
    .conten_info{margin-bottom: 0px;}
    
}
@media screen and (max-width:700px) {
    .conten_direccion .conten_ubicacion{width: 100%;}
    .conten_direccion .conten_waze{width: 100%;}
    .conten_info .conten_info_contacto .info_contacto{width: 100%;margin: 15px;}
    .conten_banner{height: 250px;}
    .conten_banner .conten_opacidad .conten_info_contac p{display: none;}
}
@media screen and (max-width:530px) {
    .conten_info .conten_info_contacto .info_contacto h2{font-size: 18px;}
    .conten_info .conten_info_contacto .info_contacto h2{font-size: 18px;}
    .conten_info .conten_info_contacto .info_contacto a{font-size: 15px;}
    .conten_formularo_contac .form_contacto .conten-input{margin-right: 5px;}
    .conten_formularo_contac .form_contacto .conten-input{font-size: 13px;}
}
@media screen and (max-width:430px) {    
    .conten_banner{height: 120px;margin-top: 115px;}
    .conten_banner .conten_opacidad .conten_info_contac h1{display: none;}
    .conten_banner .conten_opacidad .conten_info_contac{padding-top: 25%;}
    .conten_banner .conten_opacidad .conten_info_contac h1{font-size: 20px;}
    .conten_banner .conten_opacidad .conten_info_contac p{font-size: 12px;}
    .conten_formularo_contac .form_contacto .l{width: 100%;}
    .conten_direccion .conten_ubicacion p{font-size: 15px;}    
}
@media screen and (max-width:430px) {
    .conten_banner .conten_opacidad .conten_info_contac{padding-left: 10%;padding-right: 10%;}
    .conten_info .conten_info_contacto{padding: 35px;}
    .conten_info .conten_formularo_contac{padding: 20px;}
    .conten_formularo_contac .form_contacto{padding: 25px;}
}
/*===================== CONTEN REDES SOCIALES =====================*/
.conten_main_redes_sociales{width: 100%;background: var(--fondo);}
.conten_main_redes_sociales .conten_redes_sociales{display: flex;flex-wrap: wrap;justify-content: center;padding: 80px 20px 80px 20px;margin: auto;width: 100%;}
.conten_main_redes_sociales .conten_redes_sociales .titulo{color: var(--color1);font-size: 45px;text-align: center;width: 70%;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes{width: 100%;margin-top: 20px;justify-content: center;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a{color: var(--color1);text-decoration: none;margin: 10px 20px 10px 20px;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a span{font-size: 35px;margin: 6px;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a .conten_text{display: block;align-content: center;font-size: 13px;color: var(--color2_h);}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a .conten_text .name{font-size: 10px;font-weight: bold;}
@media screen and (max-width:950px) {  
.conten_main_redes_sociales .conten_redes_sociales{width: 90%;}
.conten_main_redes_sociales .conten_redes_sociales .titulo{width: 100%;font-size: 35px;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes{justify-content: center;}}
@media screen and (max-width:850px){.conten_main_redes_sociales .conten_redes_sociales .titulo{font-size: 25px;}}
@media screen and (max-width:500px) {.conten_main_redes_sociales .conten_redes_sociales .titulo{font-size: 20px;}  
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a{width: 50%;}  
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a .conten_text{font-size: 15px;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a .conten_text .name{font-size: 11px;}}
@media screen and (max-width:470px) {.conten_main_redes_sociales .conten_redes_sociales .conten_redes a{width: 90%;}}
/* ======================= FIN CONTEN REDES SOCIALES =====================*/
.main_contacto{width: 100%;}
.conten_img_fondo_contacto{background-image: url('../img/fondo-contacto.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;height: 100%;padding: 80px 50px 50px 50px;}
.conten_contacto{display: flex;flex-wrap: wrap;justify-content: center;width: 80%;padding: 50px;margin: auto;}
.main_contacto .conten_contacto .titulo{text-align: center;width: 100%;color: #fff;font-size: 40px;margin-bottom: 20px;}
.main_contacto .conten_contacto .conten_text{display: flex;justify-content: center;width: 100%;}
.main_contacto .conten_contacto .conten_text .text{text-align: center;width: 100%;color: #fff;width: 50%;margin: 0px 50px 0px 50px;margin-bottom: 20px;}
.main_contacto .conten_contacto .form{display: flex;flex-wrap: wrap;justify-content: center;margin: auto;background: #fff;padding: 60px 30px 60px 30px;border-radius: 10px;width: 500px;margin-top: 20px;}
.main_contacto .conten_contacto .form .l{width: 48%;}
.main_contacto .conten_contacto .form .center{justify-content: center;}
.main_contacto .conten_contacto .form .xl{width: 100%;}
.main_contacto .conten_contacto .form .m-r{margin-right: 15px;}
.main_contacto .conten_contacto .form .conten_input{display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.main_contacto .conten_contacto .form .conten_input label{width: 100%;margin-bottom: 5px;color: var(--color1);font-weight: 500;}
.main_contacto .conten_contacto .form .conten_input .control-input{width: 100%;border-radius: 5px;border: none;background: var(--colo_fondo_galeria);padding: 10px;}
/*.main_contacto .conten_contacto .form .conten_input input:hover{border-color: var(--color1);border-style: solid;border-width:0.1px}*/
.main_contacto .conten_contacto .form .conten_input .btn_submit{background: var(--color1);color: #fff;border: none;padding-left: 50px;padding-right: 50px;cursor: pointer;}
.main_contacto .conten_contacto .form .conten_input .btn_submit:hover{background: var(--color1_h);}
@media screen and (max-width:850px){.main_contacto .conten_contacto .titulo{font-size: 25px;}.conten_img_fondo_contacto{margin-top: 116px;}}   
@media screen and (max-width:800px) {.conten_contacto{width: 95%;}.main_contacto .conten_contacto .conten_text .text{width: 100%;}
.main_contacto .conten_contacto .titulo{font-size: 35px;}}
@media screen and (max-width:670px) {.conten_contacto{width: 98%;padding: 10px 20px 50px 20px;}
.main_contacto .conten_contacto .conten_text .text{margin: 0px;line-height: 20px;font-size: 15px;}
.conten_banner_form .form .conten_input_check label{font-size: 15px;}}
@media screen and (max-width:600px) {.main_contacto .conten_contacto .form{width: 100%;}}
@media screen and (max-width:585px) {.conten_contacto{width: 100%;padding: 10px 0px 50px 0px;}
.main_contacto .conten_contacto .form .conten_input label{font-size: 15px;}
.main_contacto .conten_contacto .form .l{width: 47%;}.conten_banner_form .form .conten_input_check label{font-size: 12px;}}
@media screen and (max-width:450px) {.main_contacto .conten_contacto .form{padding: 60px 30px 30px 30px;}
.conten_img_fondo_contacto{padding: 50px 20px 50px 20px;}
.main_contacto .conten_contacto .form .conten_input .control-input{font-size: 12px;}}
@media screen and (max-width:420px) {.main_contacto .conten_contacto .form{padding: 60px 20px 30px 20px;}}
/*FORMULARIO DE PAGINAS SERVICIOS*/
.conten_main_banner_form{background-size: cover;background-repeat: no-repeat;background-position: center;width: 100%;}
.conten_banner_form_sombra{padding: 50px 0px 50px 0px;background: rgba(0, 0, 0, 0.2);}
.conten_main_banner_form .conten_banner_form_sombra .conten_info_banner{height: 300px;align-content: center;}
.conten_main_banner_form .conten_banner_form_sombra .conten_info_banner .conten_texto{
    color: #fff;
    padding: 10%;
    margin: 5px 50px 5px 50px;
    background: rgba;
    background: rgba(225, 225, 225, 0.7);
    border-radius: 10px;
}
.conten_main_banner_form .conten_banner_form_sombra .conten_info_banner .conten_texto .titulo{margin-bottom: 20px;color: var(--color1);}
.conten_main_banner_form .conten_banner_form_sombra .conten_info_banner .conten_texto .texto{line-height: 25px;color: var(--color2);}
.conten_main_banner_form .conten_banner_form_sombra .conten_info_banner .conten_texto .texto p{text-align: justify;margin-bottom: 15px;font-size: 14px;}
.conten_banner_form .form {background: #fff;border-radius: 10px;display: flex;flex-wrap: wrap;}
.conten_banner_form .form {display: flex;flex-wrap: wrap;justify-content: center;margin: auto;background: #fff;padding: 60px 30px 60px 30px;border-radius: 10px;width: 500px;margin-top: 5px;}
.conten_banner_form .form .conten_titulo{width: 100%;color: var(--color1);margin-bottom: 30px;}
.conten_banner_form .form .l{width: 48%;}
.conten_banner_form .form .center{justify-content: center;}
.conten_banner_form .form .xl{width: 100%;}
.conten_banner_form .form .m-r{margin-right: 15px;}
.conten_banner_form .form .conten_input{display: flex;flex-wrap: wrap;margin-bottom: 15px;}
.conten_banner_form .form .conten_input .subtitle{color: var(--color1);font-weight: 600;}
.conten_banner_form .form .conten_input label{width: 100%;margin-bottom: 5px;color: var(--color1);font-weight: 600;}
.conten_banner_form .form .conten_input .control-input{width: 100%;border-radius: 5px;border: none;background: var(--fondo);padding: 10px;}
.conten_banner_form .form .conten_input input:hover{border-color: 1px solid var(--color1);}
.conten_banner_form .form .conten_input .btn_submit{background: var(--color3);color: #fff;border: none;padding-left: 50px;padding-right: 50px;cursor: pointer;}
.conten_banner_form .form .conten_input .btn_submit:hover{background: var(--color3_h);}
.conten_banner_form .form .conten_services{padding: 0px 0px 20px 0px;width: 100%;display: flex;flex-wrap: wrap;max-height: 150px;}
.conten_banner_form .form .conten_input_check{margin-bottom: 8px;}
.conten_banner_form .form .conten_input_check .control-input{border-color: var(--color1);}
.conten_banner_form .form .conten_input_check label{color: var(--color2);font-size: 14px;}
.conten_banner_form .form .conten_input textarea{font-family: Arial,Roboto,"-apple-system",Helvetica,sans-serif}
@media screen and (max-width:1356px) {
.conten_main_banner_form .conten_banner_form_sombra .conten_info_banner .conten_texto{padding: 50px;}
.conten_banner_form .form{width: 90%;padding: 35px 20px 35px 20px;margin-top: 60px;}
.conten_banner_form .form .conten_input label{font-size: 14px;}
.conten_banner_form .form .conten_input_check .control-input{height: 16px;width: 16px;}
.conten_banner_form .form .l{width: 47%;}}
@media screen and (max-width:1150px) {
.conten_main_banner_form .conten_banner_form_sombra .conten_info_banner .conten_texto .titulo{font-size: 25px;}
.conten_main_banner_form .conten_banner_form_sombra .conten_info_banner .conten_texto .texto p{font-size: 12px;}
.conten_banner_form .form{margin-top: 0px;}}
@media screen and (max-width:950px) {.conten_main_banner_form{margin-top: 76px;}}
@media screen and (max-width:930px) {.conten_main_banner_form .conten_banner_form_sombra .conten_info_banner{height: auto;}
.conten_main_banner_form .conten_main .l{width: 100%;}
.conten_main_banner_form .conten_main .form .l{width: 47%;}        
.conten_main_banner_form .conten_banner_form_sombra .conten_info_banner .conten_texto {margin: 35px 45px 35px 45px;}}
@media screen and (max-width:805px) {.conten_main_banner_form .conten_banner_form_sombra .conten_info_banner .conten_texto {margin: auto;width: 90%;margin-bottom: 20px;}
.conten_banner_form .conten_main .form .l{width: 47%;}}
@media screen and (max-width:500px) {
/*.main_contacto .conten_contacto .form .conten_services .l{width: 45%;}*/
.conten_main_banner_form .conten_main .form .conten_services .l{width: 45%;}
.conten_banner_form .form .conten_services{max-height: max-content;}
.conten_banner_form .form .conten_input_check label{font-size: 12px;}
.conten_main_banner_form .conten_banner_form_sombra .conten_info_banner .conten_texto{padding: 30px;}}