/*BODY*/
body{
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    color: #848484;
    background: #ffffff;
    overflow-x: hidden;
}
a:hover, a:active, a:focus {text-decoration: none;}
.no-padding{padding: 0;}
.rowflex{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.contentwrapper{
    padding-left: 260px;
}

/*------------INTERHEADER----------------*/
@media (min-width: 1024px){
    body.wrap-nav-sidebar .wrapper {
        padding-left: 0; 
    }
}
.top_header{
    background: #ff6902;
    padding: 10px 0;
}
.top_header img{
    width: 20px;
}
.top_header p{
    margin-bottom: 0;
}
.top_header a{
    color: #fff;
}
.top_header a:hover, .top_header a:focus {
    outline: none;
}
.list_redes{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    text-align: center;
}
.list_redes>li{
    display: inline-block;
    margin: 0 5px;
    width: 30px;
    height: 30px;
}
.list_redes>li a{
    display: block;
    background : #000;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    line-height: 27px;
    transition: all ease 500ms;
}
.list_redes>li a:hover{
    background: #929292;
    transition: all ease 500ms;
}

/*LIST_REDES2*/
.redes2{
    padding: 20px 0
}
.list_redes2{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    text-align: center;
}
.list_redes2>li{
    display: inline-block;
    margin: 0 5px;
    width: 30px;
    height: 30px;
}



.list_redes2>li a{
    display: block;
    background : #929292;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    line-height: 27px;
    transition: all ease 500ms;
}

.list_redes2>li a:hover{
   background : #ff8d15;
   transition: all ease 500ms; 
}

.list_redes2 img{

    width: 20px;

}

/*LIST_SELLO*/
.sello{
    padding: 0px 0;

}

@media(max-width: 1024px){
   .sello{
        display: none;
    } 
}

.list_sello{
    list-style: none;
    padding-left: 5%;
    margin-bottom: 0;
    text-align: center;
}
.list_sello>li{
    /*display: inline-block;*/
    margin: 0 5px;
    /*width: 30px;*/
    /*height: 30px;*/
}

.list_sello>li a{
    /*display: block;*/
    /*background : #929292;*/
    width: 20%;
    height: 20%;
    border-radius: 50%;
    line-height: 27px;
    transition: all ease 500ms;
}

.list_sello>li a:hover{
   background : #ff8d15;
   transition: all ease 500ms; 
}

.list_sello img{
    width: 110px;
}

.list_sello button{
    margin: 10px;
    background: #2e9d54;
    border: 2px solid #fff;
    box-shadow: 0px 0px 5px #ccc;
    color: #fff;
    padding: 5px 10px;
}

/*END LIST_SELLO*/

.correo_top{

    text-align: right;

}
.correo_top i{
    color: #fff;
    font-size: 20px;
}
/*SIDERBAR*/

@media (min-width: 1024px){

    nav.bootsnav.navbar-sidebar {

        position: absolute;

    }

}

.menu_main{

    background: #40474a !important;

}

.logo_main{

    text-align: center;

}

.logo_main img{

    width: 100%;

    max-width: 200px;

}

nav.menu_main.bootsnav.navbar-sidebar .scroller {



    width: 100%;



}







@media (min-width: 1024px){



    nav.bootsnav.navbar-sidebar ul.nav {



        padding: 0 !important;



    }   



}



.list_menu>li{



    border-top: 1px solid #999999;



}



.conttact{



    border-bottom: 1px solid #999999;



}



.list_menu>li>a{



    font-size: 15px;



    display: flex;



    align-items: center;



    color: #fff !important;



    transition: all ease 500ms;



}

.list_menu>li:hover>a{

    color: #ff8d15 !important;

    transition: all ease 500ms;

}

.list_menu>li img{

    padding-right: 10px;

}

.list_menu>li img{

    transition: all ease 500ms;

}

.list_menu>li:hover img{

    -webkit-transform:scale(1.1);transform:scale(1.1);

    transition: all ease 500ms;

}

.box_descripcion{



    display: flex;



    flex-flow: row wrap;



}



.box_descripcion .box_left {



    width: 35%;



    box-shadow: 0px 0px 20px #8888882b;



}



.box_descripcion .box_left img{



    width: 100%;



}



.box_descripcion .box_left{



    position: relative;



    overflow: hidden;

}

.box_descripcion .box_left img{

    transition: all ease 500ms;

}

.box_descripcion .box_left:hover img{

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

    transition: all ease 500ms;

}

.box_descripcion .box_right {
    width: 65%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.box_right>div{

    width: 100%;

    padding: 0 30px;

}

.box_descripcion .box_right .box_header h4 {
    color: #40474a;
    text-align: center;
    font-weight: 600;
    font-size: 23px;
    margin-top: 0;
    margin-bottom: 20px;
}
.box_descripcion .box_right .box_header h3{
    color: #000;
    text-align: center;
    font-weight: 800;
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 20px;
}
.box_descripcion .box_right .box_header p{

    padding: 0 30px;

    text-align: center;

    margin-bottom: 0;

    margin-top: 20px;

    font-size: 14px;

}

.hr_title{

    border-top: 3px solid #ff6902;

    width: 50px;

    margin: 0 auto;

}



/*MENU-FIXED*/



.menu-fixed{



    position: fixed !important;



    top: 0;



    width: 100%;



    z-index: 11;



}



/*END SIDEBAR*/







.slider img{

    width: 100%;

    height: 100vh;

}



.slick_master{



    position: relative;



    display: flex;



    align-items: center;



}



.slick_master .slick-dotted.slick-slider {



    margin-bottom: 0;



}



.slick_master .slick-dots {



    bottom: 50%;



    right: 0;



    width: auto;



}



.slick_master .slick-dots li {



    display: block;



}

.slick_master .slick-dots li button:before {

    font-size: 15px;

    opacity: 1;

    color: white;

}

.slick_master .slick-dots li.slick-active button:before {

    opacity: 1;

    color: #ff6902;

}

.slick_master .slick-vertical .slick-slide {

    border: 0;

}

.slick_master .slick-slide.slick-current.slick-active{

    margin-top: 0;

    height: 100vh;

}

.caption_tab{

    position: absolute;

    left: 10%;

    z-index: 1;

    width: 100%;

    max-width: 500px;

    color: #fff;

    background-color: #00000085;

    padding: 30px;

}

.caption_tab .nav-tabs {

    border: 0;

    font-weight: bold;

}

.caption_tab .nav-tabs > li.active > a,

.caption_tab .nav-tabs > li.active > a:hover,

.caption_tab .nav-tabs > li.active > a:focus {

    color: #ff6902;

    cursor: default;

    background-color: transparent;

    border-color: transparent;

    border-bottom: 1px solid #ff6902;

}

.caption_tab .nav > li > a:hover,

.caption_tab .nav > li > a:focus {

    background-color: transparent;

    outline: none;

    border-color: transparent;

    border-bottom: 1px solid #fff

}

.caption_tab .nav-tabs > li > a {
    color: #fff;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    font-size: 20px;
}

.caption_tab .nav-tabs > li {
    margin: 0 20px;
}



/*SECTION TESTIMONIOS Y CONTACTO*/

.sect_test_cont{

    display: flex;

    flex-flow: row wrap;

}

.sect_test_cont .testimonios{

    width: 50%;

}

.sect_test_cont .testimonios .test_header{
    background: #a19a92;
    padding: 10px 0;
}
.sect_test_cont .testimonios .test_header h2{
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.hr_titlebl{
    border-top: 3px solid #ff6902;
    width: 50px;
}
.testimonio{
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.testimonio li{
    padding: 30px;
}
.testimonio li .li_header p{
    color: #000;
    font-weight: 800;
    text-align: center;
}
.testimonio li .li_body img{
    max-width: 130px;
    margin: 55px auto;
    border-radius: 50%;
    box-shadow: 0px 7px 20px #adadad;
}
.testimonio li .li_footer h1{
    color: #000;
    text-align: center;
}
.testimonio li .li_footer h1>span{
    color: #ff8d15;
}
.testimonio li .li_footer h6{
    font-size: 15px;
    color: #000;
    text-align: center;
    font-weight: 800;
}
.star_lightblue{

    text-align: center;

    display: block;
}
.star_lightblue:before{
    content: "\f005\f005\f005\f005\f005";
    font-family: FontAwesome;
    display: inline-block;
    letter-spacing: 5px;
    color: #ff8d15;
}
.sect_test_cont .contacto{
    width: 100%;
    background: #fff;
    padding: 40px 0;
}
.sect_test_cont .contacto .cont_header h2{
    text-align: center;
    color: #000;
    font-size: 40px;
    font-weight: 600;
}

/*LIST_REDES3*/



.list_redes3{



    list-style: none;



    padding-left: 0;



    margin-bottom: 0;



    text-align: center;



    padding-bottom: 30px;



}



.list_redes3>li{



    display: inline-block;



    margin: 0 5px;



    width: 30px;



    height: 30px;



}



.list_redes3>li a{



    display: block;



    background : #ff8d15;



    width: 100%;



    height: 100%;



    border-radius: 50%;



    line-height: 27px;



    transition: all ease 500ms;



}   



.list_redes3 img{



    width: 20px;



}



/*END LIST_REDES3*/





/*HOME SLIDER*/

.news-bgrelativ1 {

    position: relative;

}

.news-slider {

    position: relative;

    height: 100%;

    width: 100%;

    overflow: hidden;

}

.swiper-slide {

    text-align: center;

}

.rowlflex{

    display: flex;

    align-items:center;

}

.news-slider-item img{

    width: 100%; 

}

.swiper-pagination-bullet-active {

    background: #ff0a14;

}

.swiper-container-horizontal{

    display: flex;

    align-items: center;

}

.swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 0;

}

.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer;

}

.swiper-pagination-bullet {

    width: 12px;

    height: 12px;

}

/*SECTION VALORES*/
.box_valores{
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}



.box_valores>li .div_firstflex{



    display: flex;



    flex-flow: row wrap;



}
.box_descrip_value img{
    width: 130px !important;
    display: block;
    margin: 0 auto;
}
.box_descrip_value p{
    color: #fff;
    font-size: 20px;
    margin: 20px 0;
    text-align: center;
}
.box_valores>li .div_firstflex .div_firstflex50{
    width: 50%;
    background: #a19a92;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box_valores .div_firstflex50{
    position: relative;
    overflow: hidden;
}
.box_valores img{
    width: 100%;
    transition: all ease 500ms;
}
.box_valores .div_firstflex50:nth-child(2):hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    transition: all ease 500ms;
}
.box_valores>li{
    width: 50%;
}
.box_valores>li .value1{
    background: #a19a92;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
.box_valores>li .value1 a{
    color: #fff;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 25px;
    border-bottom: 0.2px solid #fff;
    border-left: 0.2px solid #fff;
    transition: all ease 500ms;
}
.box_valores>li .value1:nth-child(1) a:before{
    content: "\f201";
}
.box_valores>li .value1:nth-child(2) a:before{
    content: "\f2b5";
}
.box_valores>li .value1:nth-child(3) a:before{
    content: "\f256";
}
.box_valores>li .value1:nth-child(4) a:before{
    content: "\f0c0";
}
.value_absolute h1, .value_absolute h3 {
    font-size: 20px;
}
.box_valores>li .value1 a:before{
    font-family: FontAwesome;
    position: absolute;
    background: #ff6902;
    width: 15%;
    height: 100%;
    right: -20%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-bottom: 1px solid #fff;
    transition: all ease 500ms;
    opacity: 0;
}
.box_valores>li .value1 a:hover:before{
    right: 0%;
    transition: all ease 500ms;
    opacity: 1;
}
.box_valores>li .value1 a:hover{
    background: #000;
    transition: all ease 500ms;
}
.box_valores>li .value1 h1{
    margin: 0;
}
.value_absolute{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    height: 100%;
}
.div_secondflex .box_descrip{
    padding: 50px 10px;
}
.hr_descrip2{
    border-top: 3px solid #ff6902;
    width: 50px;
}

.div_secondflex .box_descrip h3{

    color: #000;

    font-weight: 700;

    text-align: center;

}

.div_secondflex .box_descrip p{

    text-align: center;

    width: 100%;

    max-width: 600px;

    margin: 0 auto;

}

/*SECTION SERVICIOS*/

.title_service{

   background: #000;

   padding: 15px 20px;

}

.title_service h1{

    margin: 0;

    color: #fff;

}

.list_services{

    display: flex;

    align-items: center;

}

.list_services .item{

    position: relative;

}

.list_services .item a{

    display: flex;

    flex-flow: row wrap;

    align-items: center;

    justify-content: center;

}

.list_services .item .btn_readmore{

    position: absolute;

    background: #ff6902;

    color: #fff;

    padding: 6px 20px;

    transition: all ease 500ms;

    z-index: 2;

}

.list_services .item .btn_readmore:hover{

    background: #000;

    transition: all ease 500ms;

}

.list_services .item .name_service{

    position: absolute;

    bottom: 20px;

    color: #fff;

    font-weight: 600;

    font-size: 20px;

    text-align: center;

    z-index: 2;

}

.list_services .item {

    overflow:hidden;

    background: #000;

    transition: all ease 500ms;

}

.list_services .item a img{

    transition: all ease 500ms;

}

.list_services .item a::before{

    content: "";

    background-color: #0000005c;

    width: 100%;

    height: 100%;

    position: absolute;

    transition: all ease 500ms;
    z-index: 1;
}
.list_services .item a:hover img{
    -webkit-transform:scale(1.3);transform:scale(1.3);
    transition: all ease 500ms;
}
.contenedor:hover .imagen {-webkit-transform:scale(1.3);transform:scale(1.3);}
.contenedor {overflow:hidden;}

/*END SECTION SERVICIOS*/
.sect_test_cont .contacto .cont_body{
    padding: 30px;
    padding-top: 0;
    max-width: 800px;
    margin: 0 auto;
}

.input_customer{

    background: #ffffff;

    border-radius: 0;

    box-sizing: border-box;

    display: block;

    padding: 0.45em 0.5em 0.55em;

    -webkit-appearance: none;

    width: 100%;

    padding-left: 1.8em;

    color: #000;

    height: 45px;

    font-size: 16px;

    box-shadow: 0px 2px 5px -3px #000;   

}

.txtarea_frmcustomer{

    background: #ffffff;

    border-radius: 0;

    box-sizing: border-box;

    display: block;

    -webkit-appearance: none;

    width: 100%;

    padding-left: 1.8em;

    color: #000;

    height: 45px;

    font-size: 16px;

    box-shadow: 0px 2px 5px -3px #000;

}
.input_relative .form-control:focus{
    outline: none;
    border-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, 0.86);
}
.btn_mail{
    display: block;
    margin: 0 auto;
    background: #40474a;
    color: #fff;
    font-size: 15px;
    width: 100%;
    border: 0;
    padding: 15px 0;
    font-weight: 600;
    position: relative;
    z-index: 1;
    transition: all ease 500ms;
}

.btn_mail:before, .btn_mail2:before{

    content: "";

    position: absolute;

    width: 0;

    bottom: 0;

    left: 0;

    height: 100%;

    background: #ff6902;

    z-index: -1;

    transition: all ease 500ms;

}



.btn_mail:after, .btn_mail2:after{

    content: "";

    position: absolute;

    width: 0;

    bottom: 0;

    right: 0;

    height: 100%;

    background: #ff6902;

    z-index: -1;

    transition: all ease 500ms;

}



.btn_mail:hover, .btn_mail2:hover{

    color: #fff;

}



.btn_mail:hover:after, .btn_mail:hover:before,

.btn_mail2:hover:after, .btn_mail2:hover:before{

    width: 50%;

    z-index: -1;

    transition: all ease 500ms;

}

.btn_mail2{

    display: block;

    margin: 0 auto;

    background: #000;

    color: #fff;

    font-size: 15px;

    width: 100%;

    border: 0;

    padding: 15px 0;

    font-weight: 600;

    position: relative;

    z-index: 1;

}

.btn_mail:focus{

    outline: none;

}

.testimonio .owl-prev{

    position: absolute;

    left: 0;

    text-indent: -666em;

    top: 50%;

    width: 30px;

    height: 30px;

    background: #000 !important;

}

.testimonio .owl-next{

    position: absolute;

    right: 0;

    text-indent: -666em;

    top: 50%;

    width: 30px;

    height: 30px;

    background: #000 !important;

}

.testimonio .owl-prev:before{

    content: "\f053";

    font-family: FontAwesome;

    position: absolute;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    top: 0;

    text-indent: 0;

    left: 0;

}

.testimonio .owl-next:before{

    content: "\f054";

    font-family: FontAwesome;

    position: absolute;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    top: 0;

    text-indent: 0;

    left: 0;

}



/*SECTION INFO CONTACTO*/

.containericons{

    width: 100%;

    max-width: 800px;

    margin: 0 auto;

    padding: 20px 15px;

}

.sect_infocontact{

    background: #ff6902;

    padding: 30px 0;

}

.box_infocontact{

    position: relative;

}

.box_infocontact .icon{

    position: absolute;

    left: 0;

    background: #000;

    border-radius: 50%;

    width: 70px;

    height: 70px;

    display: flex;

    align-items: center;

    z-index: 1;

}

.box_infocontact .icon:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    background: #40474a;
    z-index: -1;
    transition: all ease 500ms;
    border-radius: 40%;
}
.box_infocontact .icon:hover:before{
    height: 100%;
    transition: all ease 500ms;
}
.box_infocontact .icon img{
    width: 40px;
    display: block;
    margin: 0 auto;
}
.box_infocontact .text_info{
    padding-left: 80px;
    color: #fff;
}
.box_infocontact .text_info>span:nth-child(1){
    font-weight: 800;
    font-size: 20px;
    display: block;
}
.hr_white{
    border-top: 3px solid #fff;
    width: 50px;
}

/*SECTION FOOTER*/
.rowflex{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.sect_footer{
    background: #000;
    padding: 30px 0;
    position: relative;
    color: #fff;
}
.sect_footer a{
    color: #ff6902;
}
.container_footer{
    padding: 0 15px;
}
.container_footer p{
    margin-bottom: 0;
}
.ir-arriba {
    display: none;
    padding: 10px;
    color: #fff;
    background: #ff6902;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    right: 0;
    width: 39px;
    margin: auto;
}
.section_map{
    border-top: 10px solid #ff6902;
}
/*END SECTION FOOTER*/

/*RESPONSIVE HOME*/
.isotipo{
    display: none;
}
@media (max-width: 1023px){
    .list_menu > li {
        float: none;
    }
    .list_menu > li {
        width: 20%;
    }
    .navbar-nav.list_menu {
        text-align: center;
    }
    .navbar-nav.list_menu {

        float: none;

        display: flex;

        flex-flow: row wrap;

        margin: 0;

    }

    .contentwrapper {

        padding-left: 0;

        padding-top: 184px;

    }



    .redes2{



        display: none;



    }



    .logo_main {



        padding: 20px 0;



    }



    .logo_main img {



        width: 100%;



        max-width: 150px;



    }



    .eonav-cntfluid{



        position: absolute;



        width: 100%;



    }



    .p2{



        text-align: right;



    }



    .scroller{



        height: auto !important;



    }



}















@media (max-width: 992px){



    .contentwrapper {



        padding-top: 122px;



    }



    nav.navbar.bootsnav .navbar-toggle {



        background-color: transparent;



        color: #Fff;



    }



    .col-md-4{



        width: 33.3%;



    }



    .col-sm-12{



        width: 100%;



    }



    .box_infocontact {



        padding-bottom: 30px;



    }



    .col-sm-8{



        width: 66.6%;



    }



    .col-sm-4{



        width: 33.3%;



    }



    .col-xs-12{



        width: 100%;



    }



    .container_footer{



        text-align: center;



    }



    .p2{



        text-align: center;



        padding: 20px 0;



    }



}











@media(max-width: 767px){



    .box_valores>li:nth-child(1) {



        width: 100%;



    }



    .box_valores>li:nth-child(2) {



        width: 100%;



    }



    .value_absolute {



        position: relative;



        display: flex;



        flex-flow: row wrap;



    }



    .box_valores>li:nth-child(2) .value1 {



        width: 50%;



    }



}



.row_movil{



    display: none;



}







@media (max-width: 992px){



    nav.navbar.bootsnav .navbar-toggle {



        display: block;



        float: none;



        position: absolute;



    }



}





@media(max-width: 715px){

    .row_desk{

        display: none;

    }

    .row_movil{

        display: block;

    }

    .list_redes>li a {

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .top_header p {

        text-align: center;

    }

    .top_header img {
        display: inline-block !important;
        width: 20px !important;
    }


    .infotop{

        padding-left: 0;

        margin-bottom: 0;

        list-style: none;   

    }

    .infotop .owl-stage{

        display: flex;

        align-items: center;

    }

}

@media(max-width: 680px){

    .sect_test_cont .testimonios {
        width: 100%;
    }
    .sect_test_cont .contacto {
        width: 100%;
    }
    .list_menu > li {
        width: 100%;
    }
}
@media(max-width: 600px){
    .box_descripcion .box_left {
        display: none;
    }
    .box_descripcion .box_right {
        width: 100%;
        padding: 40px 0;
    }
}
.contact{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 30px 0;
}
.contact .title h1{
    color: #000;
    text-align: center;
    font-weight: 800;
    margin-top: 50px;
}
.hr_contact{
    border-top: 4px solid #ff8d15;
    width: 50px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.contact .input_customer:focus, .contact .txtarea_frmcustomer:focus{
    outline: none;
    border-color: #0c0c0c;
    box-shadow: none;
}

/*------------NOSOTROS--JHOAN----------------*/

/*-------ESTILO FLEX PARA LA SECCIÓN GENERAL-------*/

.section_all{

    display: flex;

    flex-flow: row wrap;

}

/*----PRIMERA FILA----*/

.section_all .firstp_1{

    width: 35%;

}

.section_all .firstp_2{

    width: 65%;

    display: flex;

    align-items: center;

}

/*----TAMAÑO PARA LAS IMÁGENES----*/

.sizeimgs{

    height: 100%;

    width: 100%;

}

/*----TITULO NUESTRA EMPRESA----*/

.section_all .firstp_2 .nuestraem{

    display: block;

    text-align: center;

    font-size: 40px;

    color: #000;

    font-weight: 700;

    margin-bottom: 20px;

}



/*----TEXTO NUESTRA EMPRESA----*/



.section_all .block_1 {

    width: 80%;

    margin: 0 auto;

}

.section_all .firstp_2 p {

    padding: 0 30px;

    text-align: center;

    margin-top: 30px;

    font-size: 15px;

}

/*----SEGUNDA FILA----*/

.section_all .secondp_1{

    width: 35%;

    padding: 41px;

    display: flex;

    flex-flow: row wrap;

    align-items: center;

}

.section_all .secondp_2{

    width: 65%;

}

/*----TAMAÑO Y POSICIÓN DE LA ESTRELLA----*/

.starplace{

    width: 90px;

    margin: 0 auto;

    display: block;

}

/*----COLOR CELESTE DE FONDO----*/

.colorfondo{

    background-color: #a19a92;

}

/*----TEXTO DEBAJO DE LA ESTRELLA----*/

.section_all .secondp_1 p{

    text-align: center;

    font-size: 20px;

    color: #fff;

    margin-top: 30px;

}

/*----LINEA DEBAJO DEL TEXTO DE LA ESTRELLA---*/

.section_all .secondp_1 p:after{

    content: "";

    display: block;

    height: 5px;

    width: 100px;

    background-color: #fff;

    margin: 0 auto;

    margin-top: 13px;

    margin-bottom: 30px;

}

/*----TERCERA FILA----*/

.size_block{

    width: 65%;

    margin: 0 auto;

    padding: 70px 0;

}

.section_all .thirdp_1 {

    width: 90%;

    margin: 30px auto;

}

.section_all .thirdp_2{

    width: 35%;

    padding: 48px;

    display: flex;

    flex-flow: row wrap;

}

/*----TEXTO 1 OFRECEMOS----*/

.section_all .thirdp_1 .ofrece{

    display: block;

    text-align: center;

    font-size: 32px;

    color: #000;

    font-weight: 700;

    margin-bottom: 20px;

}

/*----TEXTO 2 OFRECEMOS----*/

.section_all .thirdp_1 p {
    padding: 0 30px;
    text-align: center;
    margin-top: 30px;
    font-size: 14px;
}

/*----TAMAÑO Y POSICIÓN DE LA MANO----*/

.likeplace{

    width: 90px;

    height: 90px;

    margin: 0 auto;

    display: block;

}

/*----TEXTO DEBAJO DE LA MANO----*/

.section_all .thirdp_2  p{

    text-align: center;

    font-size: 20px;

    color: #fff;

    margin-top: 30px;

}

/*----LINEA DEBAJO DEL TEXTO DE LA MANO---*/

.section_all .thirdp_2 p:after{

    content: "";

    display: block;

    height: 5px;

    width: 100px;

    background-color: #fff;

    margin: 0 auto;

    margin-top: 13px;

}

/*----POSICIÓN Y TEXTOS DE LAS FOTOS----*/

.texts_fotos{

    position: absolute;

    text-align: center;

    color: #ffffff;

    left: 0;

    right: 0;

    bottom: 10%;

}

/*----LÍNEA SOBRE LAS FOTOS----*/

.hr_title_j{

    border-top: 3px solid #ffffff;

    width: 65px;

}

/*----BOTÓN FOTOS----*/

.btn_fotos{

    background: #ff8d15;

    width: 115px;

    margin: 0 auto;

    display: block;

    color: #ffffff;

    border-radius: 2px;

    text-transform: uppercase;

}

/*----FOTOS----*/

.section_all .fourthp_1{

    position: relative;

    display: flex;

    align-items: center;

}

/*----POSICION RELATIVE A LAS FOTOS----*/

.section_all .fourthp_1 .img_abs{

    position: relative;

}

/*----POSICION ABSLOUTE Y ANCHO A LAS FOTOS----*/

.section_all .fourthp_1 .ancho_img{

    /*position: absolute;*/

    width: 100%;

}

/*----QUINTA FILA----*/

.section_all .fifthp_1{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 50px 0px;
}
.fifthp_1 > div{
    width: 70%;
    margin: 0 auto;
}
.section_all .fifthp_1 .all_txt h3 {
    color: #000;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 30px;
}
.section_all .fifthp_1 .all_txt p {
    padding: 0 30px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 17px;
}
/*----SEXTA FILA----*/
.section_all .sixthp_1{
    width: 35%; 
}
.section_all .sixthp_2{
    width: 65%;
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    padding: 30px 0px;
}
.phrase{
    margin: 0 auto;
    width: 40%;
}
.txt_sixth{
    color: #ffffff;
    text-align: center;
}
@media(max-width: 860px){
    .section_all .firstp_2 .nuestraem {
        font-size: 30px;
    }
}
@media(max-width: 767px){

    .section_all .firstp_1 {

        display: none;

    }

    .section_all .firstp_2 {

        width: 100%;

        padding: 30px 0;

    }

    .section_all .firstp_2 .nuestraem {

        margin: 0;

    }

    .section_all .secondp_1 {

        width: 100%;

    }   

    .section_all .secondp_2 {

        width: 100%;

    }

    .size_block {

        width: 100%;

    }

    .section_all .thirdp_2 {

        width: 100%;

    }

    .section_all .sixthp_1 {

        width: 100%;

    }

    .section_all .sixthp_2 {

        width: 100%;

    }

}

/*SERVICIOS*/







.servicios-interna{



    display: flex;



    flex-flow: row wrap;



}   



.serv-cuerpo{



    width: 40%;



    display: flex;



    flex-flow: row wrap;



    align-items: center;



    background: #ff8d15;



}



.serv-cuerpo img{



    width: 100%;



    max-width: 100px;



    margin: 0 auto;



}



.serv-cuerpo h1{



    font-size: 23px;



    color: #ffffff;



    text-align: center;



    line-height: 1.37123;



}



.ser-cue-tex{



    margin: 0 auto;



    right: 0;



    left: 0;



    width: 70%;



    text-align: center;   



}



.serv-cente{



    width: 30%;



}



.serv-cente img{



    width: 100%;



}



.serv-dere{



    width: 30%;



    position: relative;



    display: flex;



    align-items: center;



}



.serv-dere img{



    width: 100%;



}



/*.dere-img{



    position: absolute;



}*/



.dere-text{



    position: absolute;



    padding: 0px 10px;



    width: 100%;



}

.dere-text p{

    font-size: 18px;

    color: #ffffff;

    text-align: center;

}

.serv-boton{

    background: #ff8d15;

    width: 115px;

    margin: 0 auto;

    display: block;

    color: #ffffff;

    border-radius: 2px;

    text-transform: uppercase;

}

.serv-boton:hover {

    background: #000;

    width: 115px;

    margin: 0 auto;

    display: block;

    color: #ffffff;

    border-radius: 2px;

    text-transform: uppercase;

}

.center_flex{

    padding: 0 40px;

}

.seg-servc{

    width: 70%;

    display: flex;

    flex-flow: row wrap;

    align-items: center;

}

.seg-servc h1{

    text-align: center;

    font-size: 25px;

    color: #000;

    font-weight: 600;

    max-width: 500px;

    margin: 0 auto;

    margin-bottom: 20px;

}

.seg-servc p{

    font-size: 14px;

    text-align: justify;

    margin-top: 30px;

}



.terc-serv{



    width: 30%;



}



.terc-serv img{



    width: 100%;



}



.terc-serv-centro{



    width: 40%;



    display: flex;



    flex-flow: row wrap;



    align-items: center;



    background: #ff8d15;



}



.terc-serv-centro h1{



    font-size: 19px;



    color: #ffffff;



    text-align: center;



    line-height: 1.37123;



}



.terc-serv-centro img{



    width: 100%;



    max-width: 90px;



    color: #ffffff;



    text-align: center;



    margin: 0 auto;



}



.tec-img-ce{



    margin: 0 auto;



    right: 0;



    left: 0;



    width: 70%;



    text-align: center;       



}



.hr_titleblll{



    border-top: 3px solid #fff;



    width: 50px;



    margin: 15px auto;



}







.cuart-serv{

    width: 100%;

    padding: 50px;

}

.cuart-serv h1{

    text-align: center;

    font-size: 25px;

    color: #000;

    font-weight: 600;

    max-width: 590px;

    margin: 0 auto;

    margin-bottom: 20px;

}

.cuart-serv p {

    font-size: 14px;

    text-align: justify;

    max-width: 736px;

    margin: 0 auto;

    margin-top: 30px;

}

.quint-serv{

    width: 100%;

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

    background-size: cover;

    background-position: center;

}

.quint-serv-text{

    position: relative;

    padding: 100px;

}

.quint-serv-text h1{

    font-size: 36px;

    color: #ffffff;

}

.quint-serv-text p{

    font-size: 14px;

    color: #ffffff;

    max-width: 430px;

    text-align: justify;

    padding-bottom: 15px;

    padding-top: 15px;

}

.quint-serv-boton{

    background: #ff8d15;

    width: 115px;

    display: block;

    color: #ffffff;

    border-radius: 2px;

    text-transform: uppercase;

}    

.quint-serv-boton:hover {

    background: #000;

    width: 115px;

    display: block;

    color: #ffffff;

    border-radius: 2px;

    text-transform: uppercase;

}

.sex-serv{

    width: 100%;

    padding: 50px;

}

.sex-serv h1{

    text-align: center;

    font-size: 25px;

    color: #000;

    font-weight: 600;

    max-width: 870px;

    margin: 0 auto;

    margin-bottom: 20px;

}

.sex-serv p {

    font-size: 14px;

    text-align: justify;

    max-width: 736px;

    margin: 0 auto;

    margin-top: 30px;

}

@media(max-width: 1331px){

    .serv-cuerpo img {

    max-width: 65px;

    }

    .serv-cuerpo h1 {

    font-size: 17px;

    }

    .ser-cue-tex {

    width: 90%;

    }

}   



/*==========>SERVICIO DESCRIPCION<==========*/

.serv_desc{

    display: flex;

    flex-flow: row wrap;

    align-items: center;

}

.serv_desc .serv_img{

    width: 40%;

}

.serv_desc .serv_text{

    width: 60%;

    padding: 50px;

}

.serv_desc .serv_text h1{

    text-align: center;

    font-size: 30px;

    color: #000;

    font-weight: 600;

    max-width: 870px;

    margin-bottom: 30px;

}

.serv_desc .serv_text p{

    font-size: 17px;

    text-align: center;

    max-width: 736px;

    margin: 0 auto;

    margin-top: 30px;

}

.serv_desc .separator {

    width: 100%;

    position: relative;

    padding: 30px 10px;

    text-align: center;

    background: #ff8d15;

}

.serv_desc .separator * {

    color: #fff;

}

.serv_desc .separator i {

    text-align: center;

    font-size: 100px;

}

.serv_desc .separator p { 

    text-align: center;

    font-size: 20px;

}

.serv_desc .separator p:after {

    content: "";

    display: block;

    height: 5px;

    width: 100px;

    background-color: #fff;

    margin: 0 auto;

    margin-top: 13px;

}

@media (max-width: 1180px){

    .serv_desc .serv_text h1 {

    font-size: 21px;

    }

    .serv_desc .serv_text p {

    font-size: 13px;

    }

}

@media (max-width: 1025px){

    .serv_desc .serv_text {

    padding: 10px;

    }

}

@media (max-width: 870px){

    .serv_desc .serv_img {

    width: 100%;

    }

    .serv_desc .serv_text {

    width: 100%;

    padding: 50px;

    }

}

/*LISTADO DEMAS SERVICIOS*/



.serv_more{



    display: flex;



    flex-flow: row wrap;



}



.serv_more .box_serv{



    width: 33.33%;



    position: relative;



    display: flex;



    align-items: center;



}



.serv_more .more_img{



    position: relative;



}



.serv_more .more_text{



    position: absolute;



    width: 100%;



    padding: 0px 5px;



}



.serv_more .more_text p{



    font-size: 21px;



    font-weight: 700;



    color: #fff;



    text-align: center;



}



.serv_more .serv-boton{



    background: #09f;



    width: 115px;



    margin: 0 auto;



    display: block;



    color: #ffffff;



    border-radius: 2px;



    text-transform: uppercase;



}    



.serv_more .serv-boton:hover {



    background: #0084dc;



    width: 115px;



    margin: 0 auto;



    display: block;



    color: #ffffff;



    border-radius: 2px;



    text-transform: uppercase;



}







@media(max-width: 767px){



    .caption_tab{



        display: none;



    }



}



@media(max-width: 1099px){



    .terc-serv-centro img {



        max-width: 70px;



    }



    .terc-serv-centro h1 {



        font-size: 15px;



    }



}



@media(max-width: 900px){



    .serv-cuerpo {



        width: 50%;



    }



    .serv-cente {



        display: none;



    }



    .serv-dere {



        width: 50%;



    }



    .seg-servc {



        width: 100%;



        padding: 50px 0;



    }



    .terc-serv {



        width: 50%;



    }



    .terc-serv-centro {



        width: 50%;
    }
}
@media(max-width: 500px){
    .serv-cuerpo {
        width: 100%;
        padding: 20px 0;
    }
    .serv-dere {
        width: 100%;
    }
    .sex-serv h1 {
        font-size: 18px;
    }
    .quint-serv-text {
        position: relative;
        padding: 30px 15px;
        text-align: center;
    }
    .quint-serv-text h1 {
        font-size: 30px;
    }
    .quint-serv-boton {
        margin: 0 auto;
    }
}
.sect_titlegallery{
    padding: 30px 0;
}
.title_h1 h1{  
    color: #000;
    text-align: center;
    font-weight: 800;
}
.hr_gallery{
    border-top: 4px solid #ff8d15;
    width: 50px;
    margin: 0 auto
}
#least .least-preview {
    padding: 0;
}
@media(max-width: 500px){
    .box_valores>li .value1 {
        width: 100%;
    }
}
.least-gallery{
    margin-bottom: 50px;
}
.least_margin{
    margin-bottom: 110px !important;
}
.least_margin h3{
    background: #40474a;
    color: #ff8d15;
    padding: 10px 10px;
    font-size: 20px;
    min-height: 65px;
}
#least .least-gallery li a:before {
    content: "";
    transition: all ease 500ms;
}
/*=================>PRODUCTOS<=================*/
.sect_categorias{
    padding: 0px;
}
.box_categoria{
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 30px;
}
.box_categoria img{
    width: 100%;
}
.box_categoria .box_left{
    width: 50%;
    position: relative;
    overflow: hidden;
}
.box_categoria .box_left img{
    transition: all ease 500ms;
}
.box_categoria .box_left:hover img{
    filter: saturate(180%);
    transform: scale(1.3);
    transition: all ease 500ms;
}
/*.box_categoria .box_left:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 0%;
    background: rgba(0, 0, 0, 0.38);
    transition: all ease 500ms;
}
.box_categoria .box_left:after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0%;
    height: 0%;
    background: rgba(0, 0, 0, 0.38);
    transition: all ease 500ms;
}
.box_categoria .box_left:hover:before,
.box_categoria .box_left:hover:after{
    width: 100%;
    height: 100%;
    transition: all ease 500ms;
}*/
.box_categoria .box_right{
    width: 50%;
    display: flex;
    padding-top: 20px;
}
.box_categoria .box_right .box_content{
    padding: 0 30px;
}
.box_categoria .box_right .box_content h4{
    color: #ff8d15;
    font-weight: 700;
    margin-top: 20px;
}
.box_categoria .box_titlecate{
    width: 100%;
    padding-left: 15px;
    margin-top: 10px;
}
.box_categoria .box_titlecate h1{
    color: #000;
    font-weight: 700;
}
.box_titlecate h1>img{
    width: 35px !important;
    height: 35px;
    display: inline-block !important;
    vertical-align: baseline;
}
.hr_categoria{
    border-top: 5px solid #ff8d15;
    width: 300px;
    margin: 30px 0;
    margin-top: 15px;
}
@media(max-width: 991px){
    .box_categoria .box_left {
        width: 100%;
        order: 1;
    }
    .box_categoria .box_right {
        width: 100%;
        padding: 40px 0;
        order: 2;
    }
    .box_categoria .box_titlecate h1 {
        font-size: 25px;
    }
    .box_titlecate h1>img {
        vertical-align: middle;
    }
}
@media(max-width: 600px){
    .box_titlecate h1>img {
        width: 25px !important;
        height: 25px;
    }
}
.loguito{
    text-align: center;
}
.loguito img{
    background-color: #000;
    width: 50px;
    border-radius: 50%;
}
/*----------->NOSOTROS REMAKE<-----------*/
{*1*}
.box_mision{
    width: 35%;
    background-color: #a19a92;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    padding: 0 70px;
    color: #fff;
    font-size: 100px;
    text-align: center;
}
.box_mision .mision_content{
    margin-top: -30px;
}
.box_img{
    width: 65%;
}
.box_mision .mision_content h3{
    margin-top: 40px;
    font-size: 20px;
}
.box_mision .mision_content h3::after{
    content: "";
    display: block;
    height: 5px;
    width: 100px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 20px;
}
{*2*}
.box_vision{
    width: 35%;
    background-color: #a19a92;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    padding: 90px 70px;
    color: #fff;
    font-size: 100px;
    text-align: center;
}
.box_vision .vision_content{
    margin-top: -30px;
}
.box_objetivo{
    width: 65%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 0 40px;
    text-align: center;
}
.box_objetivo h1{
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
}
.box_objetivo p{
    margin-top: 30px;
    font-size: 14px;
}
.box_vision .vision_content h3{
    margin-top: 40px;
    font-size: 20px;
}
.box_vision .vision_content h3::after{
    content: "";
    display: block;
    height: 5px;
    width: 100px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 20px;
}
@media(max-width: 1181px){
    .box_mision {
        padding: 10px 30px;
        font-size: 70px;
    }
    .box_mision .mision_content h3 {
        margin-top: 10px;
        font-size: 14px;
    }
    .box_vision {
        padding: 70px 20px;
        font-size: 80px;
    }
    .box_vision .vision_content h3 {
        margin-top: 0px;
        font-size: 15px;
    }
}
@media(max-width: 600px){
    .box_mision {
        width: 100%;
        order: 2;
        padding: 30px 70px;
    }
    .box_img {
        width: 100%;
        order:1;
    }
    .box_objetivo {
        width: 100%;
        padding: 20px 40px;
    }
    .box_vision{
        width: 100%;
        padding: 20px 20px;
    }
}
/*SERVICIOS REMAKE*/
.new_services{
    background-color: #000;
    padding: 20px 0;
    border-bottom: 1px solid;
}
.new_services .serv_title{
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.new_services .serv_title h1{
    font-size: 40px;
    font-weight: 600;
}
.content_gallery{
    padding-top: 30px;
}
.content_gallery .gallbox_content{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 0 50px;
    list-style: none;
}
.content_gallery .gallbox_content>li{
    width: 31%;
    margin: 10px auto;
}
.content_gallery .gallbox_content>li img{
    width: 100%;
}
.content_gallery .gallbox_content>li{
    position: relative;
    overflow: hidden;
}

.content_gallery .gallbox_content>li a:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.73);
    top: 0;
    left: 0;
    opacity: 0;
    transition: all ease 500ms;
}
.content_gallery .gallbox_content>li a:hover:before{
    opacity: 1;
    z-index: 1;
    transition: all ease 500ms;
}
.content_gallery .gallbox_content>li a img{
    transition: all ease 500ms;
}
.content_gallery .gallbox_content>li a:hover img{
    -webkit-transform:scale(1.3);transform:scale(1.3);
    transition: all ease 500ms;
}
.div_btnvermas{
    margin-top: 50px;
}
.box_caption .vermas{
    position: absolute;
    left: 0;
    bottom: -60px;
    display: flex;
    width: 100%;
    z-index: 2;
    justify-content: center;
    transition: all ease 500ms;

}

.box_caption .vermas span{
    color: #fff;
    background: #ff6902;
    width: 40px;
    height: 40px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;

}
.content_gallery .gallbox_content>li:hover .box_caption .vermas{
    bottom: 32%;
    z-index: 3;
}
.box_caption .name{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    text-align: center;
    padding: 32px 0;
    background: #fff;
    opacity: 0;
    border-bottom: 3px solid #ff6902;
    transition: all ease 500ms;
}
.box_caption .name h3{
    margin: 0;
    color: #000;
    font-weight: 500;
    font-size: 20px;
}
.gallbox_content>li:hover .box_caption .name{
    opacity: 1;
    z-index: 2;
    transition: all ease 500ms;
}
.title_visible{
    position: absolute;
    top: 0;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    height: 100%;
    align-items: center;
    text-align: center;
    justify-content: center;
    left: 0;
}
.title_visible>div{
    width: 100%;
}
.title_visible h3{
    color: #fff;
    text-shadow: 0px 0px 5px #000;
}
.list_servicio_main>li:hover .title_visible{
    display: none;
}
.btn_serv{
    display: block;
    width: 200px;
    padding: 15px 0;
    margin: 0 auto;
    background: #ff6902;
    border: 3px solid #ff6902;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    font-weight: 800;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all ease 500ms;
}
.btn_serv:hover {
    color: #ff6902;
    border-radius: 0;
    transition: all ease 500ms;
}
.btn_serv:before {
    position: absolute;
    content: "";
    background: #fff;
    left: 51%;
    width: 0%;
    top: 0;
    height: 100%;
    z-index: -1;
    transition: all ease 500ms;
}
.btn_serv:hover:before {
    width: 100%;
    left: -50%;
    transition: all ease 500ms;
}
.btn_serv:after {
    position: absolute;
    content: "";
    background: #fff;
    right: 51%;
    width: 0%;
    top: 0;
    height: 100%;
    z-index: -1;
    transition: all ease 500ms;
}
.btn_serv:hover:after {
    width: 100%;
    right: -50%;
    transition: all ease 500ms;
}
.div_btn_serv{
    margin: 50px 0;
}

/*BORIS*/
@media(max-width: 991px){
    .content_gallery .gallbox_content>li {
        width: 45%;
        margin: 10px auto;
    }
}

@media(max-width: 767px){
    .content_gallery .gallbox_content>li {
        width: 100%;
    }
    .box_caption .name h3 {
        font-size: 15px;
    }
}