/*SECTION SLIDER*/

.sect_slider{   

	margin-top: 27px;

}

.carousel-inner:before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0;

    z-index: 1;

}

.carousel-control-next, .carousel-control-prev{

    position: absolute;

    top: 0;

    display: block;

    outline: none;

    text-align: left;

    z-index: 1000;

}

.carousel-control-prev,

.carousel-control-next{

	overflow: hidden;

    width: 100px;

    height: 100%;

    background-color: transparent;

    -webkit-transition: background-color 0.3s;

    transition: background-color 0.3s;

}

.sect_slider .icon-wrap {

    position: relative;

    top: 50%;

    z-index: 100;

    display: block;

    margin: 0 auto;

    padding: 30px;

    -webkit-transition: -webkit-transform 0.3s;

    transition: transform 0.3s;

}

.sect_slider .carousel-control-prev>img,

.sect_slider .carousel-control-next>img {

    position: absolute;

    top: 0;

    min-width: 100%;

    min-height: 100%;

    opacity: 0;

    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

    transition: opacity 0.3s, transform 0.3s;

}

.sect_slider a.carousel-control-prev .icon-wrap {

    -webkit-transform: translateY(-50%) translateX(10px);

    transform: translateY(-50%) translateX(10px);

}

.sect_slider a.carousel-control-prev>img {

    left: 0;

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

    transition: all cubic-bezier(0.25, 0.1, 0.17, 1.13) 500ms;

}

.sect_slider a.carousel-control-prev:hover>img  {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

    transition: all cubic-bezier(0.25, 0.1, 0.17, 1.13) 500ms;

}



.sect_slider a.carousel-control-next .icon-wrap {

    -webkit-transform: translateY(-50%) translateX(-10px);

    transform: translateY(-50%) translateX(-10px);

}

.sect_slider a.carousel-control-next>img {

    right: 0;

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    transition: all cubic-bezier(0.25, 0.1, 0.17, 1.13) 500ms;

}

.sect_slider a.carousel-control-next:hover>img {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

    transition: all cubic-bezier(0.25, 0.1, 0.17, 1.13) 500ms;

}

/**/



/*SECTION CARACTERISTICAS*/

.box_caracteristica1{

    background-image: url(../../../../public/img/servicios/servicio1.jpg);

    background-size: cover;

    padding: 25px;

    position: relative;

    margin-bottom: 20px;

}

.box_caracteristica2{

    background-image: url(../../../../public/img/servicios/servicio2.jpg);

    background-size: cover;

    padding: 25px;

    position: relative;

    margin-bottom: 20px;

}

.box_caracteristica3{

    background-image: url(../../../../public/img/servicios/servicio3.jpg);

    background-size: cover;

    padding: 25px;

    position: relative;

    transition: all ease 500ms;

    margin-bottom: 20px;

}

.box_caracteristica4{

    background-image: url(../../../../public/img/servicios/servicio4.jpg);

    background-size: cover;

    padding: 25px;

    position: relative;

    transition: all ease 500ms;

    margin-bottom: 20px;

}

.box_caracteristica5{

    background-image: url(../../../../public/img/servicios/servicio5.jpg);

    background-size: cover;

    padding: 25px;

    position: relative;

    transition: all ease 500ms;

    margin-bottom: 20px;

}

.box_caracteristica6{

    background-image: url(../../../../public/img/servicios/servicio6.jpg);

    background-size: cover;

    padding: 25px;

    position: relative;

    transition: all ease 500ms;

    margin-bottom: 20px;

}

.box_caracteristica1:before,.box_caracteristica2:before, .box_caracteristica3:before, .box_caracteristica4:before, .box_caracteristica5:before, .box_caracteristica6:before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000000;

    opacity: .6;

    transition: all ease 500ms;

}

.box_caracteristica1>div, .box_caracteristica2>div,.box_caracteristica3>div,.box_caracteristica4>div,.box_caracteristica5>div,.box_caracteristica6>div{

    position: relative;

}

.box_caracteristica1>div .content, .box_caracteristica2>div .content,.box_caracteristica3>div .content,.box_caracteristica4>div .content,.box_caracteristica5>div .content,.box_caracteristica6>div .content{

    padding-left: 40px;

    transition: all ease 500ms;

}

.box_caracteristica1:hover>div .content, .box_caracteristica2:hover>div .content,

.box_caracteristica3:hover>div .content,.box_caracteristica4:hover>div .content,.box_caracteristica5:hover>div .content,.box_caracteristica6:hover>div .content{

    opacity: 0;

    transition: all ease 500ms;

}

.sect_carac span{

    position: absolute;

    top: 0;

    left: 0;

    color: #fff;

    font-size: 25px;

    transition: all ease 500ms;

}

.box_caracteristica1:hover span, .box_caracteristica2:hover span, .box_caracteristica3:hover span, .box_caracteristica4:hover span, .box_caracteristica5:hover span, .box_caracteristica6:hover span{

    opacity: 0;

    transition: all ease 500ms;

}

.box_caracteristica1>div .content h5, .box_caracteristica2>div .content h5,

.box_caracteristica3>div .content h5,.box_caracteristica4>div .content h5,.box_caracteristica5>div .content h5,.box_caracteristica6>div .content h5{

    color: #fff;

    font-weight: 700;

}

.box_caracteristica1>div .content p, .box_caracteristica2>div .content p,

.box_caracteristica3>div .content p,.box_caracteristica4>div .content p,.box_caracteristica5>div .content p,.box_caracteristica6>div .content p{

    color: #fff;

}

.box_caracteristica1>div .content .ver_more,

.box_caracteristica2>div .content .ver_more,

.box_caracteristica3>div .content .ver_more,

.box_caracteristica4>div .content .ver_more,

.box_caracteristica5>div .content .ver_more,

.box_caracteristica6>div .content .ver_more{

    display: block;

    border: 2px solid #fff;

    color: #fff;

    width: 100px;

    text-align: center;

    padding: 5px 3px;

    transition: all ease 500ms;

}

.box_caracteristica1 .ver_more2,

.box_caracteristica2 .ver_more2,

.box_caracteristica3 .ver_more2,

.box_caracteristica4 .ver_more2,

.box_caracteristica5 .ver_more2,

.box_caracteristica6 .ver_more2{

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    margin: 0 auto;

    display: block;

    border: 2px solid #fff;

    color: #fff;

    width: 100px;

    transform: translate(0, -50%);

    text-align: center;

    padding: 5px 3px;

    opacity: 0;

    text-decoration: none;

    transition: all ease 500ms;

}

.box_caracteristica1:hover .ver_more2,

.box_caracteristica2:hover .ver_more2,

.box_caracteristica3:hover .ver_more2,

.box_caracteristica4:hover .ver_more2,

.box_caracteristica5:hover .ver_more2,

.box_caracteristica6:hover .ver_more2{

    opacity: 1;

    transition: all ease 500ms;

}



.sect_carac .ver_more2:hover,

.sect_carac .ver_more2:active,

.sect_carac .ver_more2:focus{

    background: #fff;

    color: #000;

    font-weight: 700;

    transition: all ease 500ms;

}

@media(max-width: 991px){

    .box_caracteristica1, .box_caracteristica2, .box_caracteristica3, .box_caracteristica4, .box_caracteristica5, .box_caracteristica6 {

        margin-bottom: 20px;

    }

}

/**/



/*SECTION TITLE GENERAL*/

.sect_carac{

    padding-bottom: 50px;

}

.sect_title_general{

    padding: 50px 0;

}

.h2_title_general{

    color: #000;

    text-align: center;

    font-weight: 900;

}

.hr_title_general{

    border-top: 5px solid #000;

    width: 50px;

}

/**/



/*SECTION NOSOTROS*/

.sect_nosotros{

    padding: 50px 0;

    background: #fbfbfb;

    position: relative;

    background-image: url(../../../../public/img/fondo/fondo-nosotros.jpg);

    background-size: cover;

    background-position: center;

    z-index: 1;

}

.sect_nosotros:before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    background: #000;

    width: 100%;

    height: 100%;

    opacity: .5;

    z-index: -1;

}

.flex_nosotros{

    display: flex;

    display: -moz-flex;

    display: -webkit-flex;

    display: -o-flex;

    flex-flow: row wrap;

}

.flex_nosotros .flex_left{

    width: 40%;

}

.flex_nosotros .flex_right{

    width: 60%;

}

.flex_nosotros .flex_right .nav-tabs .nav-item{

    width: 33.3%;

    border: 1px solid #dee2e6;

    background: #fff;

}

.flex_nosotros .flex_right .nav-tabs .nav-item>a{

    text-align: center;

    font-weight: 800;

    border-radius: 0;

    font-size: 15px;

    color: #000;

    transition: all ease 500ms;

}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover,

.nav-tabs .nav-item.show .nav-link,

.nav-tabs .nav-link.active{

    border-color: transparent;

    background: #87ac38;

    color: #fff !important;

    transition: all ease 500ms;

}

.box_nosotros{

    padding: 20px;

}

.box_nosotros h5{

    color: #fff;

    font-weight: 600;

}

.box_nosotros p{

    font-size: 16px;

    text-align: justify;

    color: #fff;

}

.box_nosotros article{

    margin-top: 25px;

}

/**/



/*SECTION GALERÍA*/

.sect_galeria{

    padding: 50px 0;

    padding-top: 0;

    overflow: hidden;

}



.sect_galeria .item a:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0;

    transition: all ease 500ms;

}

.sect_galeria .item a:hover:before {

    opacity: .5;

    transition: all ease 500ms;

}

.caption_galeria {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    color: #fff;

    transform: scale(0);

    transition: all ease 500ms;

}

.sect_galeria .item a:hover .caption_galeria {

    transform: scale(1);

    transition: all ease 500ms;

}

.lg-backdrop {

    background-color: rgba(0, 0, 0, 0.7);

}

/**/



/*SECTION BANNER CONTACTO*/

.sect_banner_contact{

    padding: 100px 0;

    background-image: url(../../../../public/img/fondo/fondo_banner_contact.jpg);

    position: relative;

    background-position: center;

    text-align: center;

}

.sect_banner_contact:before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .7;

}

.sect_banner_contact .h2_contact{

    color: #fff;

    font-weight: 700;

}

.sect_banner_contact .btn_contact{

    display: block;

    width: 100%;

    max-width: 300px;

    margin: 0 auto;

    padding: 20px;

    color: #fff;

    border: 2px solid #fff;

    margin-top: 30px;

    text-decoration: none;

    font-weight: 700;

    transition: all ease 500ms;

}

.sect_banner_contact .btn_contact:hover{

    background: #fff;

    color: #000;

    transition: all ease 500ms;

}

@media(max-width: 600px){

    .sect_banner_contact .h2_contact {

        font-size: 20px;

    }

}

/**/



/*SECTION CLIENTES*/

.sect_clientes{

    position: relative;

    background-image: url(../../../../public/img/fondo/fondo_clientes.jpg);

    background-position: center;

    background-size: cover;

    padding-top: 50px;

}

.sect_clientes:before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .8;

}

.h2_title_cliente{

    color: #fff;

    text-align: center;

    font-weight: 900;

}

.hr_title_cliente{

    border-top: 5px solid #fff;

    width: 50px;

}

@media(max-width: 600px){

    .h2_title_cliente {

        font-size: 20px;

    }

}