/*===================================================================================

                                        UTILIDADES

======================================================================================*/

/*
::root
{

    --color-azuloscuro:#051634;
    --color-azulclaro:#0e4194;

}

*/

#contenedor-formulario
{


    scroll-margin-top: 100px;


}


.btn-header
{

    background-color:#0E4194!important;
    color: white;
    padding:4px 8px!important;
    border-radius: 25px!important;


}

.etiqueta
   {


        font-size: 20px;
        margin: 0;
        line-height: 30px;
        display: inline-block;      
        padding:4px 20px;
        border-radius: 5px;
        


   }


.descripcion
    {

        
        text-align: justify;
        margin-top: 20px;
        font-size: 16px;

    }

    .btn
    {

        border-radius:10px!important;
        transition:all .3s;
        color:white;
        margin-top:25px;


    }

    .btn:hover
    {

        color: white;

    }


    .btn-contactar
    {


        background-color: #000;

    }

    .btn-ver
    {

        border:1px solid white;

    }

    .btn-siguiente
    {

        background-color:black;

    }

    .btn-anterior
    {


        border:1px solid white;


    }

    .btn-solicitarservicio
    {

        border:1px solid #0E4194;
        color: #0E4194;

    }

    .btn-solicitarservicio:hover
    {

        background-color: #0E4194;
        color: white;

    }


    .label
    {

        color:white;
        font-size:19px;
        font-weight:600;
        margin-bottom:10px;

    }

    .label span
    {

        font-weight: 400;
        font-size:14px;

    }


.btn-contactar:hover i,
.btn-contactar i
{

    fill:white;
    color:white;

}

.btn-contactar:hover
{

    color:white!important;
    transform: scale(.9);

}



.btn-animar

{

     animation: crecerdecrecer 1.5s linear infinite;

}

@keyframes crecerdecrecer
{

    50%
    {

        transform: scale(1.1);

    }

}

.espaciador-header
{

    height: 72px;

}

/*===================================================================================

                                       HEADER

======================================================================================*/




#menu-landingpage li a
{

    color:#051634;

}

#menu-landingpage li:hover a
{

    color: #0e4194;

}
     

@media(max-width:992px)
{

        .btn-header
        {

            background-color:rgba(0,0,0,0)!important;
            color:#0E4194!important;
            padding: 0!important;


        }

        #menu-landingpage li
        {

            border-bottom:1px solid rgba(0,0,0,.3);

        }

        #menu-landingpage li:nth-child(3)
        {


            border-bottom:none;

        }

        .icono-menumovil
        {

            color:#0e4194!important;

        }


}




/*===================================================================================

                                    BANNER

======================================================================================*/    
   


    
     .bannerpadre
    {
        
       position: relative;
       overflow: hidden;

      

     
       min-height: 640px;

        
    }

    .bannerpadre .contenedor-iframe01,
    .bannerpadre .contenedor-iframe02

    {

       position: absolute;
       z-index: -1;
        height: 640px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

    }

    .bannerpadre .contenedor-iframe01 img,
    .bannerpadre .contenedor-iframe02 img
    {

        
        width: 100%;
        height: 100%;
        object-fit: cover;


    }


    /*  INICIO ESTILOS IFRAME  */
    .bannerpadre iframe
    {


        
        position: absolute;
        z-index: -1;
        top: -22.5%;
        left: -20%;    
        height: 145%;
        width: 140%;
       
      
        overflow: hidden;
        
        

    }

    
     .bannerpadre .bannerhijo 
    {
        
        background:linear-gradient(to right, rgba(14, 65, 148, 0.75), rgba(14, 65, 148, 0.85));
        position: absolute;
        left: 0;
        right: 0;
        height: 100%;
        z-index: 10;
        
       
        padding-top: 90px;
        padding-bottom: 80px;
       
        
            
    }

 

    
     @media(max-width:1250px)
    {

        .bannerpadre iframe
        {
                
                left:-35%;
                width: 170%;

            }

    }

    @media(max-width:1100px)
    {

        .bannerpadre iframe
        {
                left:-100%;
                
                width: 300%;
                
            }

    }

    @media(max-width:582px)
    {

        .bannerpadre .bannerhijo
        {

            padding-top: 40px;

        }

        .bannerpadre iframe
        {
                left:-150%;
                
                width: 400%;
                
            }



    }

    @media(max-width:500px)
    {

          .bannerpadre 
         {

            min-height: 650px;

         }


    }

    @media(max-width:440px)
    {

        .bannerpadre iframe
        {
                left:-200%;
                
                width: 500%;
                
        }




    }

    /* FIN ESTILOS IFRAME    */



   .bannerpadre .bannerhijo .etiqueta
   {


        background-color:rgba(255,255,255,.1);
        color:#FFFAFA;


   }
   
    
    
    .bannerpadre .bannerhijo .subtitulo-banner
    {

        text-transform: uppercase;
        font-size: 65px;
        line-height: 65px;
        color: white;
        margin-top:10px;

    }
    



    @media(max-width:992px)
    {

        .bannerpadre .bannerhijo .subtitulo-banner
        {

            
            font-size: 60px;
            

        }


    }


    @media(max-width:768px)
    {

        .bannerpadre .bannerhijo .subtitulo-banner
        {

            
            font-size: 45px;
            

        }


    }


    @media(max-width:520px)
    {

        .bannerpadre .bannerhijo .subtitulo-banner
        {

            
            font-size: 65px;
            

        }



     
    }

      @media(max-width:465px)
    {

        .bannerpadre .bannerhijo .subtitulo-banner
        {

            
            font-size: 60px;
            

        }


    }

      @media(max-width:410px)
    {

        .bannerpadre .bannerhijo .subtitulo-banner
        {

            
            font-size: 55px;
            

        }


    }


      @media(max-width:380px)
    {

        .bannerpadre .bannerhijo .subtitulo-banner
        {

            
            font-size: 50px;
            

        }


    }

     @media(max-width:350px)
    {

        .bannerpadre .bannerhijo .subtitulo-banner
        {

            
            font-size: 45px;
            line-height: 55px;
            

        }


    }
    
    
    
    
    
    .bannerpadre .bannerhijo .descripcion
    {

        color:#F5F5F5;

    }
    

    
/*===================================================================================

                                  FORMULARIO

======================================================================================*/  

#contenedor-formulario
{

    padding:0px;
    position:relative;
    top:-100px;
    z-index: 10;

}

#contenedor-formulario .titulo-formulario
    {


        font-size: 18px!important;
        text-align: center;
        line-height: 20px;
        color:white;
        font-weight: 400;

    }

#contenedor-formulario .subtitulo-formulario
    {

        font-size: 40px!important;
        line-height: 45px;
        text-align: center;
        color:white;
        margin:5px 0 30px 0;

    }


#formulario-columna-01-formulario
    {

        background-color:rgba(14, 65, 148, 1)!important;

    }

   






/*===================================================================================

                                   SECCIÓN NOSOTROS

======================================================================================*/    
   

    
    #nosotros .etiqueta
    {

        background-color:rgba(14, 89, 242, 0.1);
        color:#0E59F2;

    }


    #nosotros .titulo-seccion
    {


        color:#0B0C26;
        text-transform: uppercase;
        font-size:35px;
        line-height: 40px;
        font-weight: 900!important;


    }

    #nosotros .subtitulo-seccion
    {


        font-weight:600;
        font-size: 25px;
        color: #3B4547;


    }

    @media(max-width:1200px)
    {


        #nosotros .titulo-seccion
        {


            
            font-size:30px;
        

        }

        #nosotros .subtitulo-seccion
        {


            
            font-size: 24px;
            


        }


    }



        @media(max-width:992px)
    {


        #nosotros .titulo-seccion
        {


            
            font-size:45px;
            line-height: 55px;
        

        }

      


    }



    @media(max-width:768px)
    {


        #nosotros .titulo-seccion
        {


            
            font-size:35px;
            line-height: 40px;
        

        }

      


    }


      @media(max-width:410px)
    {


        #nosotros .titulo-seccion
        {


            
            font-size:30px;
            line-height: 35px;
        

        }

      


    }





/*===================================================================================

                                   SECCIÓN SERVICIOS

======================================================================================*/  



    


    #nuestros-servicios
    {


        position: relative;
        scroll-margin-top: 100px;

    }

    #nuestros-servicios .contenedor-titular
    {

        position: absolute;
        top: 0;
        background-color:white;
        box-shadow: 1px 5px 8px rgba(0,0,0,.1);


    }

    @media(max-width:1200px)
    {

        #nuestros-servicios .contenedor-titular h3
        {

            font-size: 40px;

        }


    }

    @media(max-width:480px)
    {

        #nuestros-servicios .contenedor-titular h3
        {

            font-size: 30px;

        }


    }


    @media(max-width:360px)
    {

        #nuestros-servicios .contenedor-titular h3
        {

            font-size: 28px;

        }


    }
    

       #nuestros-servicios .porque-trabajar-connosotros h3
    {


        color:white;
        font-size: 38px!important;



    }

    #nuestros-servicios .contenedor-servicios > div:nth-child(2) .btn-solicitarservicio
    {

        background-color: #0E4194;
        color: white;

    }

/*===================================================================================

                    SECCIÓN ¿POR QUÉ TRABAJAR CON NOSOTROS?

======================================================================================*/  


#porque-trabajar-connosotros
{

    background-image: url('https://www.hr-in.com/assets/asciende/img/work-process/Banner%20por%20que%20elegirnos%2001.png');
    background-size: cover;
}

#porque-trabajar-connosotros  .etiqueta
{

    background-color: rgba(255,255,255,.3);
    color: white;

}


#porque-trabajar-connosotros .work-process-area__one-single-work > span
{

    color: #051634;

}

#porque-trabajar-connosotros .work-process-area__one-single-work  h4
{

   font-size: 23px; 

}

#porque-trabajar-connosotros .counter-only span
{

    font-size: 20px!important;

}

#porque-trabajar-connosotros .btn-contactar
{

    margin-top:0px;
    display: block;
    border-radius:0 0 10px 10px!important;



}


#porque-trabajar-connosotros .img-counter span,
#porque-trabajar-connosotros .counter-only h2
{

    color:#051634!important;

}


#porque-trabajar-connosotros .work-process-area__one-right-counter-img  .img-counter
{

    border-radius:20px 0 0 0px;



}

@media(max-width:535px)
{

     #porque-trabajar-connosotros .work-process-area__one-right-counter-img  .img-counter
     {


        border-radius:20px;

     }

    
     #porque-trabajar-connosotros .work-process-area__one-right-counter-img img
    {

        border-radius:35px 35px 0 0;

    }

}



/*===================================================================================

                    SECCIÓN TESTIMONIALES

======================================================================================*/