@media(max-width: 1700px){
    h1{ 
        width: auto; height: 59px; margin: 0px;
        font-family: 'Fjalla One', sans-serif; 
        font-style: normal; font-weight: normal; font-size:59px;       }
    h2{
        width: auto; height: 49px; margin: 0px;
        font-family: 'Fjalla One', sans-serif; 
        font-style: normal; font-weight: normal; font-size:49px;
        line-height: 50px;}
    h3{
        width: auto; height: auto; margin: 0px;
        font-family: 'Be Vietnam', sans-serif;  
        font-style: normal; font-weight: normal; font-size:39px;
        line-height: 40px;}
    h4{
        width: auto; height: auto; margin: 0px;
        font-family: 'Be Vietnam', sans-serif; 
        font-style: normal; font-weight: normal; font-size:30px;
        line-height: 30px;}
    h5{ 
        width: auto; height: auto; margin: 0px;
        font-family: 'Be Vietnam', sans-serif; 
        font-style: normal; font-weight: normal; font-size:19px;
        line-height: 20px;}
    h6{ 
        width: auto; height: auto; margin: 0px;
        font-family: 'Be Vietnam', sans-serif; 
        font-style: normal; font-weight: normal; font-size:16px;
        line-height: 17px;}
    /*--------------------- CABECERA----------------------- */
    .cmboPAGINAS{
        width: 60%; height: 100%; margin: 0px;
        display: flex; flex-flow: row wrap;             }
    .boxSOCMED{
        width: 38%; height: 100%; margin: 0px; 
        display: flex; flex-flow: column wrap;   
        justify-content: center; align-items: flex-end; }

   /*--------------------- HOME SERVICIOS ----------------- */
    .homSERVICIOS{ height:900PX;  }
        .hsPORTADORx3{ height: 47%; }
        .hs-BAULT{ width: 23%; }
}

@media(max-width: 1500px){
    h1{ width: auto; height: 49px; margin: 0px; font-size:48px; }
    h2{ width: auto; height: 39px; margin: 0px; font-size:38px; }
    h3{ width: auto; height: auto; margin: 0px; font-size:39px; line-height: 40px;}
    h4{ width: auto; height: auto; margin: 0px; font-size:30px; line-height: 30px;}
    h5{ width: auto; height: auto; margin: 0px; font-size:19px; line-height: 20px;}
    h6{ width: auto; height: auto; margin: 0px; font-size:14px; line-height: 15px;}
    /*--------------------- CABECERA----------------------- */
    #CABECERA, #CABECERAhome{        
        width: 100%; height: 80vh; margin: 0px;   }    
        .baulMENUPC{
            width: 100%; height: auto; margin: 0px;
            display: flex; flex-flow: column-reverse wrap;   }
            .cmboPAGINAS{
                width: 100%; height: 100%; margin: 0px;
                display: flex; flex-flow: row wrap;          }
                .boxLOGO{
                    width: 300px; height: 100px; margin: 0px ; padding: 0px 29px;
                    display: flex; 
                    background-image: url(/ADD/CECOREY/logoCECOREY-Blanco.png);
                    background-position: center center; background-repeat: no-repeat; background-size: 60%;
                    cursor: pointer;    }
                .boxLOGO:hover{
                        background-image: url(/ADD/CECOREY/logoCECOREY.png);
                        background-color: rgb(255, 255, 255);} 

            .boxSOCMED{
                width: 98%; height: 100%; margin: 0px auto; 
                display: flex; flex-flow: column wrap;   
                justify-content: center; align-items: flex-end;
                font-size: 20%; }
                .boxSOCMED-iconos{
                    width: auto; height: auto; margin:  5px 10px 5px 10px; 
                    display: flex; flex-flow: row wrap;   
                    justify-content: center; align-items: flex-end; }
                .boxSOCMED-horarios{
                    width: 100%; height: auto; margin: 5px 0px; 
                    display: flex; flex-flow: column wrap;   
                    justify-content: center; align-items: flex-end; }
   /*--------------------- HOME SERVICIOS ----------------- */
    .homSERVICIOS{ height:800px;  }
        .hsPORTADORx3{ height: 44%; }
        .hs-BAULT{ width: 28%; }
}

@media(max-width: 1000px){
    h1{ width: auto; height: auto; margin: 0px; font-size:38px; line-height: 37px;}
    h2{ width: auto; height: auto; margin: 0px; font-size:30px; line-height: 35px;}
    h3{ width: auto; height: auto; margin: 0px; font-size:30px; line-height: 29px;}
    h4{ width: auto; height: auto; margin: 0px; font-size:20px; line-height: 19px;}
    h5{ width: auto; height: auto; margin: 0px; font-size:19px; line-height: 20px;}
    h6{ width: auto; height: auto; margin: 0px; font-size:14px; line-height: 15px;}
      
    /*--------------------- CABECERA----------------------- */
    #CABECERA, #CABECERAhome{        
        width: 100%; height: 80vh; margin: 0px;   }    
        .baulMENUPC{
            width: 100%; height: auto; margin: 0px;
            display: flex; flex-flow: column-reverse wrap;   }
            .cmboPAGINAS{
                width: 100%; height: 100%; margin: 0px;
                display: flex; flex-flow: row wrap;          }
                .boxLOGO{
                    width: 200px; height: 100px; margin: 0px ; padding: 0px 29px;
                    display: flex; 
                    background-image: url(/ADD/CECOREY/logoCECOREY-Blanco.png);
                    background-position: center center; background-repeat: no-repeat; background-size: 60%;
                    cursor: pointer;    }
                .boxLOGO:hover{
                        background-image: url(/ADD/CECOREY/logoCECOREY.png);
                        background-color: rgb(255, 255, 255);} 

            .boxSOCMED{
                width: 98%; height: 100%; margin: 0px auto; 
                display: flex; flex-flow: column wrap;   
                justify-content: center; align-items: flex-end;
                font-size: 20%; }
                .boxSOCMED-iconos{
                    width: auto; height: auto; margin:  5px 10px 5px 10px; 
                    display: flex; flex-flow: row wrap;   
                    justify-content: center; align-items: flex-end; }
                .boxSOCMED-horarios{
                    width: 100%; height: auto; margin: 5px 0px; 
                    display: flex; flex-flow: column wrap;   
                    justify-content: center; align-items: flex-end; }
       .bBTN-HO3 { 
            width: auto; height: auto; margin:0px; padding: 0px 20px; 
            display: flex; flex-flow: row wrap; 
            justify-content: center; align-items: center;      
            font-size: 20px; color: white;  cursor: pointer;  }
        .bBTN-HO3:hover{ 
            color: rgb(255, 255, 255); 
            background-color: rgb(41, 123, 177); }
   
    /*--------------------- HOME SERVICIOS ----------------- */
    .homSERVICIOS{ height: 900px;  }
        .hsPORTADORx3{ height: 40%; }
        .hs-BAULT{ width: 31%; }

        .hsb-TARJETA-FRENTE, .hsb-TARJETA-REVERSO{
            width: 90%; height: 90%; margin:5%;  
            display: flex; flex-flow: column wrap;
            justify-content:center; align-items: center;
            position: absolute; backface-visibility: hidden;  }
            .hsbt-Texto{
                width: 90%; height: auto;
                display: flex; align-items: center;
                font-size: 16px;  text-align: center; 
                line-height: 1.1; font-style: initial;    }
            .bBTN-HO4 { 
                width: 90%; height: 37px; margin-top: 30px; padding: 0px 0px; 
                display: flex; flex-flow: row wrap; 
                justify-content: center; align-items: center;      
                font-size: 19px; color: white; }

    /*------------------- VIDEO EMPRESARIAL ----------------- */
    .homVIDEO{
        width: 100%; height: auto; margin: 0px;
        display: flex; flex-flow:column wrap; 
        align-items:center; justify-content: space-around;
        color: black;
        background-color: rgba(255, 255, 255, 0.692);           }
        .hvVIDEO-box{
            width: 96%; height: auto; margin: 50px auto 0px auto;
            display: flex; }
            .hvPORTADOR{
                width: 95%; height:auto; margin:auto; }
        .hvINFORMA-box{
            width: 90%; height:auto; margin: 0px auto 50px auto;
            display: flex;  flex-flow: column wrap;  
            align-items: flex-start; justify-content:center;     }        
            .hvINFORMA-titulo{
                width: 95%; height: auto; margin: 20px 0px;
                display: flex; flex-flow: column wrap;
                justify-content: flex-start; align-items: flex-start;    }
            .hvINFORMA-parrafo{
                    width: 100%; height: auto; margin-left: 20px;
                    display: flex;                     
                    line-height:20px; text-align: left;  
                    font-style: normal; font-weight: normal; font-size:19px;}
   
    /*------------------- VIDEO4 EMPRESARIAL ----------------- */
    .homVIDEO4{
        width: 100%; height: 500px; margin: 0px; padding: 20px 0px;
        display: flex; flex-flow:row wrap; 
        align-items:center; justify-content: space-around;
        color: black;
        background-color: rgba(255, 255, 255, 0.692);           }
        .hvVIDEO4-box{
            width: 95%; height: 500px;
            display: flex; }
            .hvPORTADOR4{
                width: 95%; height:500px; margin:auto; }



    /* SERVICIOS SUBPAG ------------------------------------- */
    /* ------------------------------------------------ VIDEO */
   .serVIDEO{
    width: 90%; height: auto; margin: 50px auto 0px auto;
    display: flex; flex-flow: column wrap;
    justify-content: space-around; align-items: center; }
    .serTITULO{
        width: 100%; height: auto;
        display: flex; flex-flow: column wrap;
        justify-content: center; align-items: flex-start;  }
    .serVIDEO-portador{
        width: 90%; height:auto; margin: 50px 0px 0px 0px;
        display: flex;  }
    /* ----------------------------------------------- COMBOS */
    .serCOMBO{    
        transition: .85s;
        width: 100%; height: 80vh; margin: 200px auto; 
        display: flex; flex-flow: row wrap;
        justify-content: center; align-items: center;   }  
        
    /* ---------------------------------------------- INFORMA */
    .scINFORMA{
        width: 100%; height: 100px;
        display: flex; flex-flow: column wrap;
        justify-content: center; align-items: center;
        background-color: rgba(23, 35, 58, 0.835);    }        
        .sciTITULO{
            width: 90%; height: auto; margin: 5px auto;           
            text-align: center; color: rgb(206, 206, 206); }
        .sciTEXTO{
            width: 98%; height: auto; margin: 5px auto;           
            text-align: center; color: rgb(255, 255, 255); }
    .scFLAG {display: none;}
    .ser001:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0);    }  
    .ser002:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0);    }  
    .ser003:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0);    }  
    .ser004:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0);    }  
    .ser005:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0);    }  
    .ser006:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0);    }  
    .ser007:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0);    }  
    .ser008:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0);    }  

    /* ---------------------------------------------- CONTROL */
    .scCONTROL{        
        width: 98%; height: auto; 
        display: none; flex-flow: row wrap;
        justify-content: center; align-items: center;        
        background-color: rgba(35, 51, 61, 0.739); }        
        .bfont-01  { width: 30%;}
        .B1serv-L02{ display: none; }        
        .scCONTROL:hover .B1serv-L02 { display: none;}

        .sccTITULO{
            transition: .3s;
            width: 90%; height: 50px;
            text-align: center; color: rgb(53, 53, 53);   }
        .sccBOTONES{
            width: 60%; height: auto;
            display: flex; flex-flow: row wrap;
            justify-content: center; align-items: center;  }
            .scitCOTIZA-BOX{
                width: 200px; height: 40px; margin: 20px 0px;
                display: flex;                 
                background-image: url(/ADD/B1ONE/webtns/btnCOTIZAR-Gris.png);
                background-repeat: no-repeat; background-position: center center; background-size: contain; 
                cursor: pointer; }
                .scitCOTIZA-BOX:hover{
                    background-image: url(/ADD/B1ONE/webtns/btnCOTIZAR-Azul.png);}
            .scitWHATSAPP-BOX{
                width: 200px; height: 40px;
                display: flex; 
                background-image: url(/ADD/B1ONE/webtns/btnWHATSAPP-Gris.png);
                background-repeat: no-repeat; background-position: center center; background-size: contain;
                cursor: pointer; }
                .scitWHATSAPP-BOX:hover{
                    background-image: url(/ADD/B1ONE/webtns/btnWHATSAPP-Verde.png);}


/* INSTALACIONES :: Galeria ---------------------- */
.insCOMBO{
    width: 100%; height: 1000px; 
    display: flex; flex-flow: column wrap;
    justify-content: center; align-items: center; }
    .icPORTADOR{
        width: 100%; height:auto; margin: 100px 0px ; padding: 50px 0px;
        display: flex; flex-flow: row wrap;
        justify-content: space-around; align-items: center;
        background-position: center; background-size: cover; background-repeat: no-repeat;  }
        .icpLETRAS{
            width: 95% ; height: auto; padding: 50px;
            display: flex; flex-flow: column wrap ;
            justify-content: center; align-items: center;    }
            .icpTITULO{
                width: 100%; height:auto;    
                text-align: center; }
            .icpTEXTO{
                width: 100%; height:auto; 
                text-align: center;   }
        
        .icpBOXIMG{
            width: 90%; height: 300px;
            display: flex; flex-flow: row wrap;
            justify-content: center; align-items: flex-end;        }

/* CONTACTO :: Redes Sociales | Mapas | Mensajes ---------------- */
    /*--------------------- MAPA -------------------- */  
    .cMAPA{
            width: 100%; height: 90vh; margin: 80px 0px 20px 0px;
            display: flex; flex-flow: column wrap;
            justify-content: space-between; align-items: center;
            text-align: center; }
        .cmNOMBRE{
                width: 100%; height: auto; margin: 0px;
                text-align: center; color: rgb(47, 47, 47); }
        .cmTEXTO{
                width: 100%; height: auto; margin: 0px;
                text-align: center; color: rgb(49, 49, 49); }
        .cmVERMAPA{
                width: 100%; height: 60vh; margin: 0px; }
            
        /*---------------- REDES SOCIALES --------------- */  
    .cSOCIAL{
        width: 100%; height: 600px; margin: 100px auto;
        display: flex; flex-flow: row wrap;
        justify-content: center; align-items: center; } 
        .csMENSAJE{
            width: 100%; height: auto; 
            display: flex; flex-flow: row wrap;
            justify-content: center; align-items: center;
            position: absolute; z-index: 1; }
            .csmCAJA{ width: 60%; height: 95%;  }
            .csmCAJA-SUBTITULO{ width: 90%;  }
                .csmCAJA-DATO{
                    width: 90%; height: 15px; margin: 0px auto 8px auto ; 
                    display: flex; flex-flow: column wrap;
                    font-family: 'Be Vietnam', sans-serif; 
                    font-style: normal; font-weight: normal; font-size:13px;
                    color: rgb(36, 36, 36);
                    background-color: rgb(251, 251, 251); }
                .csmCAJA-BOTON{
                    width: 70%; height: 30PX; margin: 0px auto 20px auto ;
                    border: 0px; border-radius: 9px; 
                    font-family: 'Be Vietnam', sans-serif; 
                    font-style: normal; font-weight: normal; font-size:16px;
                    color: rgb(255, 255, 255); text-align: center;
                    background-color:  rgb(52, 102, 163);
                    cursor: pointer; }
                    .csmCAJA-BOTON:hover{background-color:  rgb(46, 124, 212);box-shadow: 2px 3px 4px rgb(47, 47, 47);}
            
            .csmREDES{
                width: 30%; height: auto; margin: auto;
                display: flex; flex-flow: column wrap;
                justify-content: center; align-items: flex-start;
                color: white; }
                .csmREDES-titulo{
                    width: 100%; height: auto; margin: 0; color: white; }
                .csmREDES-ICONOS{
                    width: auto; height:auto; margin: 0px;
                    display: flex; flex-flow: row wrap;    }
                    .csmREDES-facebook, .csmREDES-whatsapp, .csmREDES-youtube{
                        width: 59px; height:59px; margin: auto;            }
        .csFONDO{
            width: 100%; height:400px; 
            display: flex; flex-flow: column wrap;
            justify-content: center; align-items: flex-end;
            background-color:  rgb(98, 171, 240); }

}

@media(max-width: 700px){
    h1{ width: auto; height: auto; margin: 0px; font-size:30px; line-height: 30px;}
    h2{ width: auto; height: auto; margin: 0px; font-size:27px; line-height: 27px;}
    h3{ width: auto; height: auto; margin: 0px; font-size:24px; line-height: 25px;}
    h4{ width: auto; height: auto; margin: 0px; font-size:18px; line-height: 18px;}
    h5{ width: auto; height: auto; margin: 0px; font-size:15px; line-height: 15px;}
    h6{ width: auto; height: auto; margin: 0px; font-size:12px; line-height: 13px;}
      
    /*--------------------- CABECERA----------------------- */
        .cmboPAGINAS{
            width: 100%; height: 100%; margin: 0px;
            display: flex; flex-flow: row wrap; 
            justify-content: space-between;         }
            .boxLOGO{
                width: 100%; height: 90px; margin:20px 0px 0px 0px; padding: 0px 29px; }

       .bBTN-HO3 { 
            width: 25%; height: 35px; margin:0px; padding: 0px 20px; 
            display: flex; flex-flow: row wrap; 
            justify-content: center; align-items: center;      
            font-size: 20px; color: white;  cursor: pointer;  }

   
    /*--------------------- HOME SERVICIOS ----------------- */
    .homSERVICIOS{width: 100%; height: 1400px;  }
        .hsPORTADORx3{
            width: 100%; height: 700px;
            display: flex; flex-flow: column wrap; }
        .hs-BAULT{ width:90%; height: 200px; margin: auto; }

        .hsb-TARJETA-FRENTE, .hsb-TARJETA-REVERSO{
            width: 100%; height: 200px; margin:auto;  
            display: flex; flex-flow: column wrap;
            justify-content:center; align-items: center;
            position: absolute; backface-visibility: hidden;  }
            .hsbt-Texto{
                width: 100%; height: auto;
                display: flex; align-items: center;
                font-size: 16px;  text-align: center; 
                line-height: 1.1; font-style: initial;    }
            .bBTN-HO4 { 
                width: 90%; height: 37px; margin-top: 30px; padding: 0px 0px; 
                display: flex; flex-flow: row wrap; 
                justify-content: center; align-items: center;      
                font-size: 19px; color: white; }

    .homFRASE{
        width: 100%; height: 400px; margin:150px 0px;
        display: flex; flex-flow: column wrap;
        justify-content: center; align-items: center;
        background-image: url(/ADD/CECOREY/fndFRASE.jpg);
        background-position: center left; background-size: cover;
        background-color: rgb(8, 20, 44);}
        .homFRASE-PORTA{
            width: 400px; height: 430px; margin: 0px; padding: 40px 40px;
            box-shadow: 3px 4px 9px rgba(0, 0, 0, 0.63);
            display: flex; flex-flow: column wrap;
            justify-content: center; align-items: center;
            background-color: rgba(255, 255, 255, 0.9);
            z-index: 10; position: absolute;   }
        .homFRASE-LOGO{
            width: 80%; height: 120px; margin: 10px auto 60px auto; 
            display: flex;
            background-image: url(/ADD/CECOREY/logoCECOREY.png);
            background-repeat: no-repeat; background-position: center center; background-size: contain;  }
        .homFRASE-texto{
            width: auto; height: auto; margin: 0px auto ;       
            display: flex;     
            text-align: center; color: rgb(36, 36, 36);}
        .homFRASE-autor{
            width: auto; height: auto;  margin: 10px auto 10px auto; 
            display: flex;  
            font-size: 28px;        
            text-align: center; color: rgb(11, 61, 126);}

    /*------------------- BOOK EMPRESARIAL ------------------ */
    .homBOOK{ width: 100%; height: 500px; display: flex; flex-flow: column wrap; }
        .hbLOGO-box{
            width: 90%; height: 40%; margin-right: 0px;       
            display: flex; flex-flow: column wrap;
            justify-content: center; align-items: flex-end; }
        .hbBOOK-box { width: 90%; height: 50%; }
        .hbBOOK-img { height: 200px; }
      

    /*--------------- CONTACTO REDES SOCIALES -------------- */
    .csmREDES-facebook, .csmREDES-whatsapp, .csmREDES-youtube{
        width: 40px; height:40px; margin: auto;   }

    /*------------------- VIDEO4 EMPRESARIAL ----------------- */
    .homVIDEO4{
        width: 100%; height: 300px; margin: 0px; padding: 20px 0px;
        display: flex; flex-flow:row wrap; 
        align-items:center; justify-content: space-around;
        color: black;
        background-color: rgba(255, 255, 255, 0.692);           }
        .hvVIDEO4-box{
            width: 95%; height: 300px;
            display: flex; }
            .hvPORTADOR4{
                width: 95%; height:300px; margin:auto; }



                
    /* SERVICIOS SUBPAG ------------------------------------- */
    /* ------------------------------------------------ VIDEO */
   .serVIDEO{
    width: 90%; height: auto; margin: 50px auto 0px auto;
    display: flex; flex-flow: column wrap;
    justify-content: space-around; align-items: center; }
    .serTITULO{
        width: 100%; height: auto;
        display: flex; flex-flow: column wrap;
        justify-content: center; align-items: flex-start;  }
    .serVIDEO-portador{
        width: 90%; height:auto; margin: 50px 0px 0px 0px;
        display: flex;  }
    /* ----------------------------------------------- COMBOS */
    .serCOMBO{    
        transition: .85s;
        width: 100%; height: 80vh; margin: 200px auto; 
        display: flex; flex-flow: row wrap;
        justify-content: center; align-items: center;   }  
        
    /* ---------------------------------------------- INFORMA */
    .scINFORMA{
        width: 100%; height: 100px;
        display: flex; flex-flow: column wrap;
        justify-content: center; align-items: center;
        background-color: rgba(23, 35, 58, 0.835);    }        
        .sciTITULO{
            width: 90%; height: auto; margin: 5px auto;           
            text-align: center; color: rgb(206, 206, 206); }
        .sciTEXTO{
            width: 98%; height: auto; margin: 5px auto;           
            text-align: center; color: rgb(255, 255, 255); }
    .scFLAG {display: none;}
    .ser001:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto;  }  
    .ser002:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto;  }  
    .ser003:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto;  }  
    .ser004:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto;  }  
    .ser005:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto;  }  
    .ser006:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto;  }  
    .ser007:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto;  }  
    .ser008:hover .scINFORMA { animation: gelatina03 .4s; width: 100%; height: auto;  }  

    /* ---------------------------------------------- CONTROL */
    .scCONTROL{        
        width: 100%; height: 120px; 
        display: none; flex-flow: column wrap;
        justify-content: center; align-items: center;        
        background-color: rgba(35, 51, 61, 0.739); }        
        .bfont-01  { width: 20%;}
        .B1serv-L02{ display: none; } 
        .scCONTROL:hover .B1serv-L02 { display: none;}
        .sccBOTONES{
            width: 80%; height: auto;
            display: flex; flex-flow: row wrap;
            justify-content: center; align-items: center;  }
        .scitCOTIZA-BOX, .scitWHATSAPP-BOX{
            width: 160px; height: 36px; margin:20px auto;   }

/*--------------- COTIZA -------------- */
#vntCOTIZA{ width: 100%; height: 100vh; margin: 0px; padding: 0px;  }
    .vzPORTADOR{ width: 84%; height: auto; justify-content: center;  }
        .vc-CABECERA{
            width: 100%; height: auto; margin: 19px auto; 
            display: flex   ; flex-flow: column wrap;
            justify-content: center; align-items: center;
            text-align: center;      }
        .vc-CAMPOS{
            width: 95%; height: auto; margin:20px auto; 
            display: flex; flex-flow: row wrap;
            justify-content: space-between;    }
            .vcCAMPOS-BLOCK100{
                width: 100%; height: auto; margin:5px 0px; 
                display: flex; flex-flow: column wrap;
                justify-content: center;    }
            .vcCAMPOS-BLOCK70{
                width: 70%; height: auto; margin:5px 0px; 
                display: flex; flex-flow: column wrap;
                justify-content: center;    }
            .vcCAMPOS-BLOCK50{
                width: 45%; height: auto; margin:5px 0px; 
                display: flex; flex-flow: column wrap;
                justify-content: flex-start;    }
            .vcCAMPOS-BLOCK25{
                width: 20%; height: auto; margin:5px 0px; 
                display: flex; flex-flow: column wrap;
                justify-content: flex-start;    }
                .vcCAMPOS-Nombre{
                    width: 100%; height: auto; margin: 0px; 
                    display: flex; flex-flow: column wrap;
                    justify-content: center;    }
                .vcCAMPOS-Dato{
                    width: 100%; height: auto; margin:5px 0px; 
                    display: flex; flex-flow: column wrap;
                    justify-content: center;    }
        .vcENVIADO, .vcERROR, .vcLOAD  {
            width: 95%; height: auto; margin:39px auto; 
            display: none; flex-flow: column wrap;
            justify-content: center; align-items: center; 
            text-align: center;        }
            .B1btn-HORvb {
                background-color: rgb(29, 67, 85);
                width: 60%; height: 29px; margin:16px auto 5px auto; padding: 0px auto; 
                border: 0px; border-radius: 9px; 
                display: flex; flex-flow: row wrap; 
                justify-content: center; align-items: center; 
                font-family: 'Lobster', sans-serif; font-style: normal; font-weight: normal;        
                font-size: 16px; color: white;  cursor: pointer;  }
        
    .vCONTRATA-off{ width: 29px; height: 29px; margin: 0px auto 0px 75%; }
    .vCONTRATA-off:hover{
        transition: .9s;
        transform: rotate(360deg); }
.linCOTIZA{
    width: 60%; height: 2px;
    display: flex; 
    margin: 5px 20% 5px 20%;
    background-color: rgb(146, 190, 226);
}




            
}

@media(max-width: 550px){
    h1{ width: auto; height: auto; margin: 0px; font-size:22px; line-height: 22px;}
    h2{ width: auto; height: auto; margin: 0px; font-size:20px; line-height: 20px;}
    h3{ width: auto; height: auto; margin: 0px; font-size:17px; line-height: 17px;}
    h4{ width: auto; height: auto; margin: 0px; font-size:15px; line-height: 15px;}
    h5{ width: auto; height: auto; margin: 0px; font-size:13px; line-height: 13px;}
    h6{ width: auto; height: auto; margin: 0px; font-size:11px; line-height: 11px;}
      
    /*--------------------- CABECERA----------------------- */
    .cmboPAGINAS{
        width: 100%; height: 100%; margin: 0px;
        display: flex; flex-flow: row wrap; 
        justify-content: space-between;         }
        .boxLOGO{
            width: 100%; height: 80px; margin:20px 0px 0px 0px; padding: 0px 29px; }

   .bBTN-HO3 { 
        width: 100%; height: 35px; margin:0px; padding: 0px 20px; 
        display: flex; flex-flow: row wrap; 
        justify-content: center; align-items: center;      
        font-size: 20px; color: white;  cursor: pointer;  }
        .B1-ico30{ width: 20px; height: 20px; margin: 0px 3px; }
        .boxSOCMED-horarios{display: none;}
/*--------------------- HOME SERVICIOS ----------------- */
    .homSERVICIOS{width: 100%; height: 1400px;  }
        .hsPORTADORx3{
            width: 100%; height: 700px;
            display: flex; flex-flow: column wrap; }
        .hs-BAULT{ width:90%; height: 200px; margin: auto; }

        .hsb-TARJETA-FRENTE, .hsb-TARJETA-REVERSO{
            width: 100%; height: 200px; margin:auto;  
            display: flex; flex-flow: column wrap;
            justify-content:center; align-items: center;
            position: absolute; backface-visibility: hidden;  }
            .hsbt-Texto{
                width: 100%; height: auto;
                display: flex; align-items: center;
                font-size: 14px;  text-align: center; 
                line-height: 1.1; font-style: initial;    }
            .bBTN-HO4 { 
                width: 90%; height: 37px; margin-top: 30px; padding: 0px 0px; 
                display: flex; flex-flow: row wrap; 
                justify-content: center; align-items: center;      
                font-size: 19px; color: white; }

    .homFRASE{
        width: 100%; height: 400px; margin: 50px 0px;
        display: flex; flex-flow: column wrap;
        justify-content: center; align-items: center;
        background-image: url(/ADD/CECOREY/fndFRASE.jpg);
        background-position: center left; background-size: cover;
        background-color: rgb(8, 20, 44);}
        .homFRASE-PORTA{
            width: 90%; height: 330px; margin: 0px; padding: 0px;
            box-shadow: 0px;
            display: flex; flex-flow: column wrap;
            justify-content: center; align-items: center;
            background-color: rgba(255, 255, 255, 0.9);
            z-index: 10; position: absolute;   }
        .homFRASE-LOGO{
            width: 80%; height: 100px; margin: 10px auto 0px auto; 
            display: flex;
            background-image: url(/ADD/CECOREY/logoCECOREY.png);
            background-repeat: no-repeat; background-position: center center; background-size: contain;  }
        .homFRASE-texto{
            width: auto; height: auto; margin: auto ;       
            display: flex;     
            text-align: center; color: rgb(36, 36, 36);}
        .homFRASE-autor{
            width: auto; height: auto;  margin: 10px auto 10px auto; 
            display: flex;  
            font-size: 19px;        
            text-align: center; color: rgb(11, 61, 126);}

        /* BOOK EMPRESARIAL ------------------ */
        .homBOOK{ width: 100%; height: 400px; display: flex; flex-flow: column wrap; }
            .hbLOGO-box{
                width: 90%; height: 40%; margin-right: 0px;       
                display: flex; flex-flow: column wrap;
                justify-content: center; align-items: flex-end; }
            .hbBOOK-box { width: 90%; height: 50%; }
            .hbBOOK-img { height: 100px; }

        /* VIDEO EMPRESARIAL ----------------- */
        .homVIDEO{
            width: 100%; height: auto; margin: 0px;
            display: flex; flex-flow:column wrap; 
            align-items:center; justify-content: space-around;
            color: black;
            background-color: rgba(255, 255, 255, 0.692);           }
            .hvVIDEO-box{
                width: 96%; height: auto; margin: 50px auto 0px auto;
                display: flex; }
                .hvPORTADOR{
                    width: 95%; height:auto; margin:auto; }
            .hvINFORMA-box{
                width: 90%; height:auto; margin: 0px auto 50px auto;
                display: flex;  flex-flow: column wrap;  
                align-items: flex-start; justify-content:center;     }        
                .hvINFORMA-titulo{
                    width: 95%; height: auto; margin: 20px 0px;
                    display: flex; flex-flow: column wrap;
                    justify-content: flex-start; align-items: flex-start;    }
                .hvINFORMA-parrafo{
                        width: 90%; height: auto; margin-left: 0px;
                        display: flex;                     
                        line-height:13px; text-align: left;  
                        font-style: normal; font-weight: normal; font-size:13px;}
   

            
/* ------------------------- SERVICIOS SUBPAG ----------------------------- */
    /* ------------------------------------------------ VIDEO */
    .serVIDEO{
    width: 100%; height: auto; margin: 50px auto 0px auto;
    display: flex; flex-flow: column wrap;
    justify-content: space-around; align-items: center; }
    .serTITULO{
        width: 90%; height: auto;
        display: flex; flex-flow: column wrap;
        justify-content: center; align-items: flex-start;  }
    .serVIDEO-portador{
        width: 95%; height:auto; margin: 30px 0px 0px 0px;
        display: flex;  }
    /* ----------------------------------------------- COMBOS */
    .serCOMBO{    
    transition: .85s;
    width: 100%; height: 80vh; margin: 20vh auto; 
    display: flex; flex-flow: row wrap;
    justify-content: center; align-items: center;   }  
    
    /* ---------------------------------------------- INFORMA */
    .scINFORMA{
        width: 100%; height: 100px;
        display: flex; flex-flow: column wrap;
        justify-content: center; align-items: center;
        background-color: rgba(23, 35, 58, 0.835);    }        
        .sciTITULO{
            width: 100%; height: auto; margin: 5px auto;           
            text-align: center; color: rgb(206, 206, 206); }
        .sciTEXTO{
            width: 98%; height: auto; margin: 5px auto;           
            text-align: center; color: rgb(255, 255, 255); }

    /* ---------------------------------------------- CONTROL */
    .scCONTROL{        
        width: 100%; height: 120px; 
        display: none; flex-flow: column wrap;
        justify-content: center; align-items: center;        
        background-color: rgba(35, 51, 61, 0.739); }        
        .bfont-01  { width: 100%; height: auto; text-align: center;}
        .B1serv-L02{ display: none; } 
        .scCONTROL:hover .B1serv-L02 { display: none;}
        .sccBOTONES{
            width: 100%; height: auto;
            display: flex; flex-flow: row wrap;
            justify-content: center; align-items: center;  }
        .scitCOTIZA-BOX, .scitWHATSAPP-BOX{
            width: 160px; height: 36px; margin:5px auto;   }


/*----------------------- CONTACTO REDES SOCIALES ------------------------ */
    .icpBOXIMG{
        width: 100%; height: 360px;
        display: flex; flex-flow: row wrap;
        justify-content: center; align-items: flex-end;        }

        .fchIZQ{ width: 16%; height: 100%; }
        .ctrCEN{ width: 60%; height: 19px; }
        .fchDER{ width: 16%; height: 100%; }
        .ctrLED-A1, .ctrLED-A2, .ctrLED-A3, .ctrLED-A4, .ctrLED-A5,
        .ctrLED-B1, .ctrLED-B2, .ctrLED-B3, .ctrLED-B4, .ctrLED-B5,
        .ctrLED-C1, .ctrLED-C2, .ctrLED-C3, .ctrLED-C4, .ctrLED-C5,
        .ctrLED-D1, .ctrLED-D2, .ctrLED-D3, .ctrLED-D4, .ctrLED-D5,
        .ctrLED-E1, .ctrLED-E2, .ctrLED-E3, .ctrLED-E4, .ctrLED-E5,
        .ctrLED-F1, .ctrLED-F2, .ctrLED-F3, .ctrLED-F4, .ctrLED-F5{
            width: 19px; height: 19px; margin: 0px 3px;
            display: flex;
            background-image: url(/ADD/B1ONE/webtns/icoOFF-01B.png);
            background-position: center; background-size: contain; background-repeat: no-repeat;  
            cursor: pointer;  }
 
/*----------------------- CONTACTO REDES SOCIALES ------------------------ */
    .csFONDO{ display: none; }
    .csmCAJA{
        width: 100%; height: auto;  
        display: flex; flex-flow: column wrap;
        justify-content: center; 
        color: white;
        background-color: rgb(28, 55, 87); }
    .csmREDES{
        width: 100%; height: auto; margin: 10px 0px; padding: 20px;
        display: flex; flex-flow: column wrap;
        justify-content: center; align-items: flex-start;
        background-color:  rgb(98, 171, 240); color: white; }
    .csmREDES-facebook, .csmREDES-whatsapp, .csmREDES-youtube{
        width: 30px; height:30px; margin: auto;   }









}