/************************************************/
/******* O V E R L A Y - B A N N E R ************/
/***************** I N D E X ********************/
/************************************************/

/*Index*/
    /*Overlay del carousel del inicio*/
    .overlay_sliderIndex{
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: .55;
        background: #1C1D21;
    }
    /*centrar div col al medio*/
    .center{
        margin: auto;
    }
    /*Posicion de la imagen*/
    .logoslider{
        margin-bottom: 35% !important;
    }

/*Banner 'Nosotros' */
  /*Banner de nosotros*/
  /*Configuracion de imgen*/
    .bg_img_banNosotros{
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
    }

/*Banner 'Nuestros servicios'*/
    /*Configuracion de imgen*/
    .bg_img_banNuestServicios{
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*Overlay del banner 'Nuestros servicios'*/
    .overlayBanNueServ {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: .55;
        background: #1C1D21;
        }

/*Banner ''Conoce nuestros proyectos*/
    /*Alto del banner*/
    .heigth_Banproyectos{
        background-size: cover; 
        background-repeat: no-repeat;
        background-position: center;
        height: calc(100vh - 700px);
        min-height: 300px;
    }
    /*Configuracion de imgen*/
    .bg-img-BanProy{
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
      }
    /*Overlay del banner*/
    .overlay_Banproyectos {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: .75;
        /* background: #15526fad; */
        background: #15526fad;
    }
    /*Texto del banner*/
        /*Posicionar el texto dentro*/
    .text_Banproy {
        color: #fff;
        height: calc(100vh - 600px);
        min-height: 200px;
    }

/************************************************/
/******* C A B E C E R A S - P A G S ************/
/*********** Pag. Servicios (Todos) **************/
/************************************************/

/*Cabecera de la pagina 'Nuestros proyectos'*/
    /*Alto del banner*/
    .heigth_tservicios{
        background-size: cover;  /*Es como pa k no se repita*/
        background-repeat: no-repeat; /* Este igual*/
        background-position: center; 
        height: calc(100vh - 700px) !important;
        min-height: 400px;
    }
    /*Configuracion de imagen*/
    .bg-img-tservicios{
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*Overlay de cabecera*/
    .overlay_tservicios {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: .85;
        background: #11111180;
        /* background: #15526fad; */
    }
    /*Texto*/
        /*Posicionar el texto en la imagen*/
    .text_BanPagtServ { 
        color: #ffffff;
        height: calc(100vh - 700px);
        min-height: 330px;
    }


/************************************************/
/******* C A B E C E R A S - P A G S ************/
/************** Pag. Proyectos ******************/
/************************************************/

/*Cabecera de la pagina 'Nuestros proyectos'*/
    /*Alto del banner*/
    .heigth_nproyectos{
        background-size: cover;  /*Es como pa k no se repita*/
        background-repeat: no-repeat; /* Este igual*/
        background-position: center; 
        height: calc(100vh - 700px);
        min-height: 400px;
    }
    /*Configuracion de imagen*/
    .bg-img-nproyectos{
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*Overlay de cabecera*/
    .overlay_nproyectos {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: .85;
        background: #11111180;
        /* background: #15526fad; */
    }
    /*Texto*/
        /*Posicionar el texto en la imagen*/
    .text_BanPagproy { 
        color: #ffffff;
        height: calc(100vh - 700px);
        min-height: 330px;
    }




/************************************************/
/******* C A B E C E R A S - P A G S ************/
/************** Pag. Contactanos ****************/
/************************************************/

/*Cabecera de la pagina 'Contactanos'*/
    /*Alto del banner*/
    .heigth_contacto{
        background-size: cover;  /*Es como pa k no se repita*/
        background-repeat: no-repeat; /* Este igual*/
        background-position: center;  
        height: calc(100vh - 700px);
        min-height: 400px;
    }
    /*Configuracion de imagen*/
    .bg-img-contacto{
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*Overlay*/
    .overlay_contacto {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: .85;
        background: #11111180;
        /* background: #15526fad; */
    }
    /*Tetxo*/
        /*Posicionar texto en la img*/
    .text_BanPagContact {
        color: #ffffff;
        height: calc(100vh - 700px);
        min-height: 330px;
    }

/************************************************/
/******* C A B E C E R A S - P A G S ************/
/*********** SERVICIOS INDIVIDUALES *************/
/************************************************/
    /*Alto del banner*/
    .heigth_serviciosi{
        background-size: cover;  /*Es como pa k no se repita*/
        background-repeat: no-repeat; /* Este igual*/
        background-position: center;  
        height: calc(100vh - 700px);
        min-height: 400px;
    }
    /*Configuracion de imagen*/
    .bg-img-serviciosi{
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*Overlay*/
    .overlay_serviciosi {
        position: absolute;
        left: 0;
        top: 0; 
        right: 0;
        bottom: 0;
        opacity: .85;
        background: #11111180;
        /* background: #15526fad; */
    }
    /*Tetxo*/
        /*Posicionar texto en la img*/
    .text_BanPagServiciosi {
        color: #ffffff;
        height: calc(100vh - 700px);
        min-height: 330px;
    }

/************************************************/
/******* C A B E C E R A S - P A G S ************/
/*********** SERVICIOS INDIVIDUALES *************/
/************************************************/

    .overlay_nservicios {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: .85;
        background: #111111bb;
        /* background: #15526fad; */
    }


/************************************************/
/******* M A R G E N E S - P A D D I N G ********/
/***************** G E N E R A L ****************/
/************************************************/

/*Section relativa*/
.section_relative{
    position: relative;
}
/*pagging de 30px*/
.sm-pagging30{
    padding-top: 30px;
    padding-bottom: 30px;
}
.sm-padding60{
    padding-top: 60px;
    padding-bottom: 60px;
}

/************************************************/
/************ M O V I M I E N T O  **************/
/*********** Paginas individuales ***************/
/************************************************/

/*Contenedor de la imagen*/
/*Propiedades de la imagen*/
.Ban_movimiento_zoom{
    background-size: 110%;/*tamaño del background imagen*/
    animation: movimiento_zoom 5s infinite linear alternate;
}
/*tipo js para el movimiento*/
@keyframes movimiento_zoom{
    from{
        background-size: 110%;
    }to{
        background-size: 100%;
    }
}
/**********ARRIBA IZQUIERDA A ABAJO DERECHA*************** */
.Ban_movimiento_tleftbright{
    background-size: 110%;/*tamaño del background imagen*/
    animation: movimiento_tleftbright 12s infinite linear alternate;
}
/*tipo js para el movimiento*/
@keyframes movimiento_tleftbright{
    from{
        background-position: top left;
    }to{
        background-position: bottom right;
    }
}
/***************izquierda a derecha ******************/
.Ban_movimiento_leftright{
    background-size: 110%;/*tamaño del background imagen*/
    animation: movimiento_leftright 10s infinite linear alternate;
}
/*tipo js para el movimiento*/
@keyframes movimiento_leftright{
    from{
        background-size: 110%;
        background-position: left;
    }to{
        background-size: 100%;
        background-position: right;
    }
}