/* SERVICIOS COMBO :: Control | Informacion ---------------------- */
.serCOMBO{    
    transition: .85s;
    width: 100%; height: 700px; margin: 200px auto; 
    display: flex; flex-flow: row wrap;
    justify-content: center; align-items: center; 
    color: white;
    background-color: rgb(37, 37, 37); 
    background-position: 0% center; background-size: cover; background-repeat: no-repeat;   }  
    .ser001{ transition: .85s; background-image: url(/ADD/CECOREY/FND19.jpg); 
        font-size: 20em;}
    .ser001:hover{
        font-size: 90%;
        transition: .3s; background-image: url(/ADD/CECOREY/FND12.jpg); 
        background-position: center center; background-size: cover;  }
    .ser001:hover .scFLAG{ animation: gelatina02 1s; display: flex;}
    .ser001:hover .scINFORMA { animation: gelatina03 .4s; width: 60%; height: auto; background-color: rgba(0, 0, 0, 0);    }  
    
    .ser002{ transition: .85s; background-image: url(/ADD/CECOREY/FND20.jpg); }
    .ser002:hover{
        transition: .65s; background-image: url(/ADD/CECOREY/FND14.jpg); 
        background-position: center center; background-size: cover;  }
    .ser002:hover .scFLAG{ animation: gelatina02 1s; display: flex;}
    .ser002:hover .scINFORMA { animation: gelatina03 .4s; width: 60%; height: 80%; background-color: rgba(0, 0, 0, 0);    }  

    .ser003{ transition: .85s; background-image: url(/ADD/CECOREY/FND21.jpg); }
    .ser003:hover{
        transition: .65s; background-image: url(/ADD/CECOREY/FND15.jpg); 
        background-position: center center; background-size: cover;  }
    .ser003:hover .scFLAG{ animation: gelatina02 1s; display: flex;}
    .ser003:hover .scINFORMA { animation: gelatina03 .4s; width: 60%; height: 80%; background-color: rgba(0, 0, 0, 0);    }  

    .ser004{ transition: .85s; background-image: url(/ADD/CECOREY/fndSERVICIOS-004BN.jpg); }
    .ser004:hover{
        transition: .65s; background-image: url(/ADD/CECOREY/fndSERVICIOS-004AZUL.jpg);
        background-position: center center; background-size: cover;  }
    .ser004:hover .scFLAG{ animation: gelatina02 1s; display: flex;}
    .ser004:hover .scINFORMA { animation: gelatina03 .4s; width: 60%; height: 80%; background-color: rgba(0, 0, 0, 0);    }  
    
    .ser005{ transition: .85s; background-image: url(/ADD/CECOREY/fndSERVICIOS-005BN.jpg); }
    .ser005:hover{
        transition: .65s; background-image: url(/ADD/CECOREY/fndSERVICIOS-005AZUL.jpg);
        background-position: center center; background-size: cover;  }
    .ser005:hover .scFLAG{ animation: gelatina02 1s; display: flex;}
    .ser005:hover .scINFORMA { animation: gelatina03 .4s; width: 60%; height: 80%; background-color: rgba(0, 0, 0, 0);    }  
    
    .ser006{ transition: .85s;background-image: url(/ADD/CECOREY/FND22.jpg);  }
    .ser006:hover{
        transition: .65s; background-image: url(/ADD/CECOREY/FND09.jpg);
        background-position: center center; background-size: cover;  }
    .ser006:hover .scFLAG{ animation: gelatina02 1s; display: flex;}
    .ser006:hover .scINFORMA { animation: gelatina03 .4s; width: 60%; height: 80%; background-color: rgba(0, 0, 0, 0);    }  

    .ser007{ transition: .85s;background-image: url(/ADD/CECOREY/fndSERVICIOS-007BN.jpg);  }
    .ser007:hover{
        transition: .65s; background-image: url(/ADD/CECOREY/fndSERVICIOS-007AZUL.jpg);
        background-position: center center; background-size: cover;  }
    .ser007:hover .scFLAG{ animation: gelatina02 1s; display: flex;}
    .ser007:hover .scINFORMA { animation: gelatina03 .4s; width: 60%; height: 80%; background-color: rgba(0, 0, 0, 0);    }  

    .ser008{ transition: .85s;background-image: url(/ADD/CECOREY/fndSERVICIOS-008BN.jpg);  }
    .ser008:hover{
        transition: .65s; background-image: url(/ADD/CECOREY/fndSERVICIOS-008AZUL.jpg);
        background-position: center center; background-size: cover;  }
    .ser008:hover .scFLAG{ animation: gelatina02 1s; display: flex;}
    .ser008:hover .scINFORMA { animation: gelatina03 .4s; width: 70%; height: auto; background-color: rgba(0, 0, 0, 0);    }  
   
    /* ---------------------------------------- INFORMA */
    .scINFORMA{
        width: 100%; height: 50%;
        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: 75%; height: auto; margin: 5px auto;           
            text-align: center; color: rgb(255, 255, 255); }
    .scFLAG {display: none;}
        
    /* ---------------------------------------- CONTROL */
    .scCONTROL{        
        width: 350px; height: 400px; 
        display: none; flex-flow: column wrap;
        justify-content: center; align-items: center;        
        background-color: rgba(35, 51, 61, 0.739); }
        .scCONTROL:hover{           
            box-shadow: 2px 3px 5px rgb(0, 0, 0);
            color: rgb(13, 65, 84);
            background-color: rgb(255, 255, 255); }
        .scCONTROL:hover .B1serv-L02 {transition: .85s; width:70%; height: 2px; background-color: rgb(18, 57, 90);}

        .sccTITULO{
            transition: .3s;
            width: 90%; height: 50px;
            text-align: center; color: rgb(53, 53, 53);   }
        .sccBOTONES{
            width: 90%; height: auto;
            display: flex; flex-flow: column wrap;
            justify-content: center; align-items: center;  }
            .scitCOTIZA-BOX{
                width: 250px; height: 60px; 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: 250px; height: 60px;
                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);}
    
   /* ---------------------------------------- VIDEO */
    .serVIDEO{
        width: 90%; height: auto; margin: 50px auto;
        display: flex; flex-flow: row 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: 0%; height:auto; margin: 100px 0px;
            display: none ;  }

.B1serv-L01{
    width: 80%; height: 2px; margin: 5px auto;
    background-color: rgb(226, 226, 226); }
.B1serv-L02{
    transition: .3s;
    width:20%; height: 2px; margin: 5px auto;
    background-color: rgb(70, 70, 70);
    display: flex; }