*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
    letter-spacing: 0px;
    font-family: 'Inter';
}

a{
    text-decoration: none !important;
}



.subra-hover:hover{
    text-decoration: underline !important;
}


.prod-hover:hover h5{
 color: #1F2854 !important;

}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: 1s !important;
}

.home-sec-after{
    background-size: 100%; 
    -webkit-transition: background-size 0.3s ease-in;
    transition: background-size 0.3s ease-in;
}

.home-sec-after:hover {
    /* background-size: 110%; */
}

.home-sec-after h3{
    -webkit-transition: margin-bottom 0.3s ease-in;
    transition: margin-bottom 0.3s ease-in;
}

.home-sec-after:hover h3 {
    margin-bottom:117px !important;
}


.home-sec-after:hover:after {
    background-position: 0 100;
}

.home-sec-after:after{
    content:"";
    width:100%;
    height:100%;
    background: linear-gradient(90deg, rgba(239, 125, 0, 0.42) 36.62%, rgba(239, 125, 0, 0) 100%);
    background-repeat: no-repeat;
    z-index:3;
    position:absolute;
    top:0;
    left:0;
    -webkit-transition: background-position 0.3s ease-in;
    transition: background-position 0.3s ease-in;
}


.serv-after:after{
    content:"";
    width:100%;
    height:100%;
    background: linear-gradient(90deg, rgba(239, 125, 0, 0.42) 36.62%, rgba(239, 125, 0, 0) 100%);
    background-repeat: no-repeat;
    z-index:3;
    position:absolute;
    top:0;
    left:0;
}

.serv-after:hover:after {
    background: linear-gradient(90deg, rgba(239, 125, 0, 0) 0, rgba(239, 125, 0, 0.42) 64%);

}

.serv-after h4{
 z-index: 9999999;
}

.col-custom{
    width: 20% !important;
    flex: 0 0 auto;
}


.hover-prod:hover button{
    color: #FFFFFF !important;
    background: #EF7D00 !important;
}



.i-header{
    width: 21px;
    height: 21px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.i-header i{
    color:white;
    font-size: 10px;
}

input[type=”file”]#nuestroinput {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    }


.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: rgb(142, 132, 125) !important;
}

/* #app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} */
/* Backgrounds */



.font-fam, .font-fam p, .font-fam span {
    font-family: 'Inter' !important;
}

.font-fam tr {
    border-bottom: 1px solid #E6E6E6;
}

.font-fam td {
    padding-bottom: 13px;
    padding-top: 13px;

}

.secciones p:hover{
    text-decoration: underline;
}

.darkBlackBg{
    background-color:#000000;
}

.orangeBg{
    background-color:#F87033;
}

.greyBg{
    background-color:#F2F2F2;
}



/* Diseño general */

.p-important, .p-important p, .p-important span {
    font-family: 'Inter' !important;

}
.tabla-descr-prod table{
    width: 100% !important;
    font-family: 'Inter' !important;


}

.tabla-descr-prod table td{
    padding:20px 10px

}
.tabla-descr-prod tbody tr:nth-child(odd){
    
border-top: 0.5px solid #EDEDED;
}

.tabla-descr-prod tbody tr:nth-child(even) , .table-descargas th  {
    background-color: #09387B0B;
}

.novedad-after{
display: flex;
flex-direction: column;
justify-content: end;

}

.novedad-after:after{
    content: "";
    font-family: "Font Awesome 5 Free";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    font-weight: 600;
    mix-blend-mode: multiply;
    opacity: 0.82;
    color:white;
    z-index:3;
}

.novedad-after:hover:after{
    content: " + ";
    font-family: "Font Awesome 5 Free";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    font-weight: 600;
    background: rgba(156, 178, 216, 0.6);
    border-radius: 13px;
    mix-blend-mode: multiply;
    opacity: 0.6;
    color:white;
    z-index:3;
}


.producto-act:hover:after{
    content: "";
    font-family: "Font Awesome 5 Free";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    font-weight: 600;

    background: rgba(50, 53, 245, 0.08);
    color:white;
    z-index:3;
}



/* Header */

body{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
}


header{
    background: #fff;
    left:0;
    top:0;
    right:0;
    z-index:1000;
    box-shadow: 0px 3px 23px rgba(0, 0, 0, 0.08);
}

.header-top{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: white;
position:relative;

background: #1F2854;
    letter-spacing: 0.06em;

    display:flex;
    padding-top: 10px;
    padding-bottom: 10px;
}
    



.header-top .header-top-contacto i{
    color: #D8272D;
    font-size:9px;
}



.header-top .presupuesto{
    padding-right: 15px;
    padding-left:15px;
    font: normal normal normal 14px/30px Inter;
    
}


/* .header-top a{
    text-decoration: none;
    font: normal normal normal 14px/27px Inter;
    font-weight: 500;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom:0px;
    line-height: inherit;
} */

.header-top-box{
    display:flex;
}

.header-top-box i{
    color: #72BCE8  !important;;
}

.header-top-item{
    display:flex;
    align-items: center;
}


.header-top i{
    font-size: 16px;
    color:#9260A3;
}

.header-top .buscador input {
    font: normal normal 300 13px/15px Inter;
    color: #333333;
    padding: 8px 0px 7px 16px;
    border-radius: 8px;
    width: 228px;
    margin-left: 40px;
    box-shadow: 0px 3px 6px #00000029;
    border: 0.5px solid #E1E1E1;
}

.header-top .buscador button{
    bottom: 0;
    /* position: absolute; */
    top: 0;
    right: 18px;
    border:none;
    background-color:white;
}

.header-top .buscador i{
    color:#113E7A;
    font-size: 22px;

}

.header-mobile{
    justify-content: space-between;
}


@media screen and (max-width: 800px) {
    .header-mobile{
        justify-content: center !important;
    }

    .title-clientes{
        font-size: 22px !important;
        margin: 0 !important;
        
    }

    .height-abs-empresa{
        height: 1000px !important;
    }


    img {
        height: 50px !important;
        margin-top: 0 !important;
        width: 58% !important;
    }


    .cliente-mobile {
        height: 100px !important;
    }

    .carousel-clientes {
        height: 100px !important;
    }

    .padding-0-mobile{
        padding-bottom:2px !important;
    }

    .nav-modal .modal-content a:hover {
        color: #fff !important;
        text-decoration: none;
        background-color: rgb(142, 132, 125) !important;
    }

    .mt-mobile-15px{
        margin-top:15px !important;
        padding:0 !important;
        text-align: center !important;
    }

    .margin-mobile-title{
        margin-top:0 !important;
        margin-bottom:  22px !important;;
    }

    .imagen-seccion{
        height: auto !important;
        padding-bottom: 100% !important;
    }

    .parrafo-sec-mobile{
        padding: 33px 59px !important;
    }


    .parrafo-prod-mob{
        width: 100% !important;
    }

    .carousel-home .carousel-overlay {
        padding-bottom: 130% !important;
    }

    .carousel-prod .carousel-overlay {
        padding-bottom: 100% !important;
    }

    .text-slidder-mobile{
        padding: 32px 14px !important;
        width: 100% !important;
    }

    .text-slidder-mobile span, .font-fam strong {
        font-size: 32px !important;
    }


    .home-sec-after{
        background-size: cover; 
    }

}





/* Nav */


nav{
    background-color: #fff;
    font-size:13px;
    /* border-top: 1px solid rgb(143,134,110,0.36); */
    /* box-shadow: 0px 3px 23px rgba(0, 0, 0, 0.1); */
    /* padding-top: 56px; */
    padding-top: 25px;
    /* filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.09)); */
}

nav.home .nav a{
    border-bottom: 4px solid transparent;
    color: #131313;
    
}

nav.home{
    background-color: white;
    font-size:13px;
    /* border-top: 1px solid rgb(143,134,110,0.36); */
    box-shadow: 0px 3px 23px rgba(0, 0, 0, 0.1);
    /* padding-top: 56px; */
    /* position: absolute; */
    /* left: 0;
    top: 0;
    right: 0;
    z-index: 1000;*/
    padding-top: 44px;
}

nav .logo{
}

nav ul{
    padding-right: 0px;
}


.nav-naranja .nav .nav-item{
    height:54px;

}

.nav-naranja .nav .nav-item .nav-link{  
    height:54px;
    padding: 0;
    border-bottom:#FA6D27;
    /* padding-top: 40px; */
}
.nav-naranja .nav a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    transition: .1s;
    
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    color: #000000;
    border-bottom:  4px solid #fff;
    padding-top:0px;
    padding-bottom:0px;
}


.nav .nav-item{
    height:100px;
}

.nav .nav-item .nav-link{  
    height:100px;
    padding: 0;
    
    /* padding-top: 40px; */
}

.nav a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    transition: .1s;
    
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #131313;
    text-transform: capitalize;

    border-bottom:  4px solid #fff;
    padding-top:0px;
    padding-bottom:0px;
}

.nav a:hover, .nav-item-active a{ 
font-weight: 700;
    /* border-bottom:  4px solid #D8272D; */
    color:#113E7A;

}
.nav-link:focus, .nav-link:hover {
    color: #000 !important;
}
.nav a.sin-borde:hover, .nav-item-active a.sin-borde{ 
    color: black;
    border-bottom:  4px solid #fff;
}

ul.nav a:hover, ul .nav-item-active  a{ 
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 19px;

}

nav i{
    width: 14px;
    height: 13px;
}



.item-header {
    display: flex;
    justify-content: left;
    align-items:center;
}



nav .nav-usuario{
    background-color:#EC3237;
    padding-right: 15px;
    list-style-type: none;
    margin-bottom: 0;
    padding-bottom: 28px;
    padding-left: 0;
    display:flex;
    align-items: flex-end;
    justify-content: center;
}

nav .nav-usuario a{
    color:#EEEEEE;
    font-size:16px;
}







/*Modal*/

.nav-btn {
    margin: auto auto;
    padding-left: 20px;
    background-color: transparent;
    border: 1px solid rgb(70, 102, 115);
    padding: 10px 16px 18px 11px;
    font-size: 22px;
    border-radius: 15px;
    margin: 5px;
    height: max-content;
}

.nav-btn i {
    color: rgb(70, 102, 115);
}


.nav-modal{
    align-items: center;
    height: 80px;
}


.nav-modal .modal-content {
    text-align: center;
    font-size: 30px;
}

.nav-modal  .modal-content a {
    color: black;
    margin: 0px;
}

.nav-modal  .modal-content li {
    list-style: none;
    border-bottom: 1px solid #8F866E;
}

.nav-modal  .modal-content a:hover {
    background-color: black;
    color: white;
}

/* .nav-modal  .modal-backdrop {
    z-index:2;
} */
.modal-backdrop {
    
    z-index: 0 !important;
}

/* Header Bottom */

.header-bottom{
    display:flex;
    align-items:center;
    background-color:#fff;
    padding-top: 13px;
    padding-bottom: 12px;
    
}

.header-bottom a{
    text-align: left;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 60px;

    
    color: #1D1D1D;
    text-decoration:none;   
    height: 30px;
    display: flex;
    align-items: center;
    text-transform:capitalize;
    margin-right: 3px;
    
}

.header-bottom i{
    margin-right:8px;
}


.header-bottom a.after::after{
    content:"  ";
    margin-right:3px;
    margin-left:3px;

}


.header-bottom .active-link::after{
    content:"";
}
.header-breadcrumb{
    z-index: 3;
    padding-bottom: 0%;
    margin-bottom: 0%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 5px;
}



/* Carouseles */

/* .carousel-home{
    height:672px;
    background: #F4F4F4 0% 0% no-repeat padding-box;
    position:relative;
    overflow: hidden;
} */

/* .carousel-home .fondo{
    position:absolute;
    width: 1000px;
    height: 1000px;
    transform: rotate(70deg);
    background-color: #F2C5B0;
    left:43%;
    top:-40%;
} */

.carousel-home .carousel-item {
    position:relative;
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
    
}

.carousel-home .carousel-overlay{
    padding-bottom: 38%;
}
/* .carousel-home .carousel-item img{
    margin-top: 1rem;
    margin-left: 18rem;
    width: 75%;
} */



.carousel-home .carousel-texto{

    color: black !important;
    left: 7%;
    text-align: left;
    /* width:49%; */
    /* bottom: 32%; */
}

.c-home .carousel-caption {
    width: 33%;
    position: absolute;
    left: 56% !important;
    left: 0;
    top: 20%;
    padding-top: 1rem;
}

.c-home .carousel-caption h3{
    font: normal normal bold 30px/35px Inter;
    letter-spacing: 0.54px;
    color: #333333;
}
.c-home .carousel-caption p{
    font: normal normal normal 18px/23px Inter;
    font-weight: 500;
    letter-spacing: 0px;
    color: #EC3237;
}

.c-home .carousel-caption h5{
    font: normal normal normal 18px/23px Inter;
    font-weight: 500;
    letter-spacing: 0px;
    color: #EC3237;
}

.c-home .img-slidder{
    height: 477px;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}









.carousel-home button.btn-carousel{
    width: 16px;
    height: 16px;
    border-radius:50%;
    /* width: 21px;
    height: 4px; */
    background:rgba(31, 40, 84, 0.4) 0% 0% no-repeat padding-box;
}


.carousel-home.carousel-empresa .carousel-texto{
    text-align: center;
    width:60%;
    
}
.carousel-home.carousel-empresa .carousel-overlay{
    padding-bottom: 35.9% !important;
}
.carousel-home.carousel-empresa .carousel-caption {
    position: absolute;
    /* right: 20%; */
    left: -17%;
    /* bottom: 1.25rem;
    top: 6rem;
    padding-top: 1.2rem;
    padding-bottom: 9rem; */
}

.carousel-home .texto-empresa{
    /* font: normal normal 300 45px/54px Inter;
    color: #8A8A8A;
    text-transform: uppercase; */
}




/* .carousel-inicio{
    height:617px;
}

.carousel-inicio .carousel-inner{
    height:100%;
}

.carousel-inicio .carousel-indicators{
    margin-bottom:61px;
}

.carousel-inicio button.btn-carousel{
    width: 16px;
    height: 16px;
    border-radius:50%;
}

.carousel-inicio h1{
    text-transform: uppercase;
    font: normal normal normal 53px/41px Inter;
}

.carousel-inicio p{
    font: normal normal 300 30px/41px Inter;
    margin-bottom:0px;
    padding-bottom:221px;
}
 */


.filtro-home input, .filtro-home select, .filtro-home option{
    width:100%;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    font: normal normal 600 12px/30px Inter;
    letter-spacing: 0.26px;
    color: #6E6F71;
    padding: 2px 10px 2px 10px;
}

.filtro-home input:focus-visible{
    outline: 0px;
}

.filtro-home button{
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 19px;
    text-align: center;
    font: normal normal normal 13px/16px Inter;
    font-weight: 500;
    letter-spacing: 1.24px;
    color: #FFFFFF;
    display:flex;
    align-items: center;
    justify-content: center;
    border:none;
    padding: 10px 26px 10px 26px;
}

.filtro-home i{
    margin-right:5px;
}






/* Sección Home 1 */

.data-home{
    padding: 67px 0 49px 0;           
    /* background-color:#F8F8F8; */
}

.data-home img{ 
    height:55px;
    margin:auto;
    display:block;
}

.data-home h3{ 
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;

    color: #113E7A;
    margin-bottom: 9px;
}

.data-home h5{ 
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 120%;
    color: #113E7A;
    margin-bottom: 0;
}


.home-sections {
    color: #707070;
    margin-top:73px;
}


.home-sections a{
    text-decoration:none;
    color: #707070;
    font: normal normal normal 18px/39px Inter;
    letter-spacing: 0.59px;
    margin-right:35px;
}


.home-sections i {
    color:#F87033;
    margin-right: 3px;
}

.home-sections p{
    color: #707070;
    font: normal normal 300 25px/28px Inter;
    margin-top:30px;
}


.home-sections h2 p{
    text-transform: uppercase;
    font: normal normal 300 36px/37px Inter;
    margin-top:0px;

    
}

.home-sec-1 {
    background-color: #393738;
    padding:56px 35px 0px 30px;
}

.home-sec-1 h2 p{
    font: normal normal 300 36px/37px Inter;
    margin-bottom: 0px;
}

.home-sec-2 {
    background-color: #F3F3F3;
    padding:159px 26px 50px 26px;
    position:relative;
}

.home-sec-2 h2{
    font: normal normal 300 32px/39px Inter;
    letter-spacing: 1.06px;
}

.home-sec-2 img{
    margin-left: 26px;
    position:absolute;
    top:0;
    left:0%;
}




/* Seccion Categorias*/

.section-home-categorias{
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 95px;
}

.section-home-categorias h3, .section-home-clientes h3{
    text-align: center;
    font: normal normal bold 33px/39px Inter;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom:15px;
}



.img-border-categorias {
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 102.8%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    max-height: 100%;
    position:relative;
}



.section-home-categorias h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #454545;
    margin-top: 12px;
}


.section-home-categorias .descripcion {
    font: normal normal normal 16px/19px Inter;
    color: #000000;
}

.section-home-categorias .oferta {
    background: #113E7A 0% 0% no-repeat padding-box;
    /* border-radius: 4px 4px 0px 4px; */
    color: #FFFFFF;font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 21px; padding:8px 16px; 
    color: #FFFFFF;
    padding:5px 15px 5px 15px;
    position:absolute;
    top: 0;
    right: 0;
    background: #000;
    /* border-radius: 0px 22px 22px 0px; */

}

.section-home-categorias .cuadrado-color {
width: 37px;
height: 37px;
/* border-radius: 50%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right:4px;
    border: 1px solid #DEDEDE;
}




.section-home-categorias .img-active {
    position:relative;
    z-index:1;
}

.section-home-categorias .img-active:hover:after{
    content: "";
    font-family: "Font Awesome 5 Free";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    bottom:6.5%;
    left:6.5%;
    width:86.8%;
    height:86.8%;
    font-weight: 600;
    background-color: rgba(236,50,55,0.44);;
    color:white;
    z-index:3;
}

.cat-hover:hover:after{
    content: "";
    font-family: "Font Awesome 5 Free";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    font-weight: 600;
    background: rgba(250, 45, 50, 0.24);
    color:white;
    z-index:3;
}

/*
.section-home-servicios h5 {
    font: normal normal 300 18px/22px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.section-home-servicios p {
    font: normal normal normal 14px/19px Inter;
    letter-spacing: 0px;
    color: #707070;
    padding-left:16px;
    padding-right:10px;
}

*/


/*Secciones de imágenes*/

.seccion-home{
    background-color:#F9F9F9;
}

.imagen-seccion{
    width: 100%;
    height:100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display:flex;
    flex-direction: column;
    justify-content:center;
}



.imagen-seccion .btn-mas-info{
    text-align: center;
    font: normal normal bold 15px/18px Inter;
    letter-spacing: 0.6px;
    color: #C7D52B;
    text-transform: uppercase;
    opacity: 0.74;
    background-color:transparent;
    border: 1px solid #C7D52B;
    border-radius: 24px;
    padding:15;
}





/* Seccion Noticias*/

.section-home-noticias {
    margin-bottom: 83px;
    margin-top:72px;
}

.img-border-noticias {
    padding-bottom: 53.9%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    max-height: 100%;
    margin-top:31px;
    margin-bottom: 15px;
}


.section-home-noticias h4{
    font: normal normal 600 19px/22px Inter;
    letter-spacing: 0px;
    color: #F87033;
    text-transform: uppercase;
    margin-bottom: 0;
}

.section-home-noticias h5 {
    font: normal normal normal 24px/37px Inter;
    letter-spacing: 0px;
    color: #393738;
    margin-bottom: 0;
}

.section-home-noticias p {
    font: normal normal normal 15px/22px Inter;
    letter-spacing: 0px;
    color: #393738;

}

.btn-noticias{
    background: #F87033 0% 0% no-repeat padding-box;
    border: 1px solid #F6703D;
    border-radius: 8px;
    text-align: center;
    font: normal normal bold 16px/44px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-left: 50px;
    padding-right: 50px;
    max-width:173px;

}

.item-noticia{
    display:flex; 
    flex-direction:column; 
    justify-content:space-between
}





/* Sección Clientes oficiales */

.section-home-clientes  {
    padding-top:51px;
    padding-bottom:51px;
}


.carousel-clientes {
    height: 274px;
}

.carousel-clientes .carousel-inner {
    height: 100%;
}

.carousel-clientes .carousel-indicators {
    margin-bottom: 10px;
}

.carousel-clientes button.btn-carousel {
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.carousel-clientes h1 {
    text-transform: uppercase;
    font: normal normal normal 53px/41px Inter;
}

.carousel-clientes p {
    font: normal normal 300 30px/41px Inter;
    margin-bottom: 0px;
    padding-bottom: 221px;
}


.img-representante{
    height:74px;
    width:176px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

}






/* Sección Equipos Destacados */


.section-equipos-destacados{
    background-color:white;
    padding-top: 55px; 
    padding-bottom: 85px;
}


.section-equipos-destacados h3{
    margin-bottom:35px;
}

.section-equipos-destacados p{
    margin-top:22px;
}





/* SECCION HOME FLIAS */


.section-home-flias{
    background-color: #F8F8F8 ;
    padding-top:71px;
    padding-bottom: 20px;
}

.section-home-flias .flia {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position:relative;
}

.section-home-flias .fogoneros .overlay{
    padding-bottom: 118%;
}


.section-home-flias .flia .text-box {
    margin-bottom: 40px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
}


.section-home-flias .flia h4 {
    margin-bottom: 18px;
    text-align: center;
    font: normal normal normal 30px/36px Inter;
    font-weight: 500;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.section-home-flias .flia p {
    text-align: center;
    font: normal normal normal 16px/19px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 33px;
}

.section-home-flias .flia a {
    display: block;
    text-decoration: none;
    text-align: center;
    font: normal normal normal 14px/17px Inter;
    font-weight: 500;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.section-home-flias .flia hr {
    width: 50px;
    color: #113E7A;
    height: 4px;
    opacity: 1;
    margin-right: auto;
    margin-left: auto;
    margin-top: 8px;
    margin-bottom: 0;
}


/* Sección Krrass */


.section-krrass{
    padding:93px 168px;
    color: #04367D;
    z-index:-1;
    position:relative;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.section-krrass:after{
    content:"";
    width:100%;
    height:100%;
    background-color:#04306E;
    opacity: 0.28;
    z-index:3;
    position:absolute;
    top:0;
    left:0;
}

.section-krrass p{
    text-align: center;
    font: normal normal 300 32px/41px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    z-index:5;
}

.section-krrass img{
    z-index:5;
    height:51px;
    margin-bottom: 20px;
}

/* Sección Nuestros Productos */


.section-nuestros-productos{
    padding: 50px 0px  19px 0px;
}

.section-nuestros-productos h3{
    margin-bottom:68px;
}

.section-nuestros-productos p{
    margin-bottom:65px;
    margin-top:22px;
}



/* Footer */
.footer-top .border-wsp{
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 75px;
    height: 75px;
    border-radius:50%;
    background: #0DC143 0% 0% no-repeat padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:99999999;
}


.footer-top .fa-whatsapp{
    font-size: 37px;
    color:#FFFFFF;
}


.footer-top a:hover{
    text-decoration:none;
    color:#FFFFFF;
}




.footer-info{
    /* background:linear-gradient(to right, #113E7A 0%, #113E7A 25%, #113E7A 25%, #113E7A 100%); */
    background-color: #FAFAFA;
    padding-bottom:38px;
    /* border-top: 1px solid rgba(1, 2, 2, 0.1); */

}

.footer-info .izquierda{
    padding-bottom:50px;
    padding-top:74px;
}

.footer-info .izquierda p{
    font: normal normal normal 16px/20px Inter;
    color: #1D1D1D;
}


.footer-info p, .footer-info .secciones a, .footer-info .secciones a:hover, 
.footer-info  a, .footer-info  a:hover{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    text-decoration: none;
    margin-bottom:0px;
}

.footer-info .contact i{
    font-size: 14px;
    color:#1F2854;
}

.footer-info .newsletter input{

    font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 14px;
color: #000;
    padding: 6px 0px 5px 19px;
    background: #FAFAF9;
    width: 85%;
    height: 48px;
    /* border-radius: 22px; */
    border:none; margin-bottom:39px;
}

.footer-info .newsletter button{
    bottom: 0;
    position: absolute;
    top: -42%;
    right: 19%;
    /* width: 54px; */
    /* height: 54px; */
    border: none;
    background-color: transparent;
}

.footer-info .newsletter i{
    color: grey;
    font-size: 19px;
}



.footer-redes i{ 
    color:#8E847D;
    font-size: 22px;
}

.footer-info .footer-box{
    padding-top:34px;
    padding-bottom: 19px;
}





.footer-info .secciones p{
    margin-bottom: 10px;

    height:23px;
}



.footer-info h5{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.03em;
    color: #000000;
    margin-bottom: 29px;
    
}



.col-contact{
    padding-left: 91px;
    padding-right: 0px;
}




.footer-info .item-footer {
    display: flex;
    margin-bottom: 24px;
}

.footer-info i{
    font-size: 11px;
    color:#fff;
}

.footer-info .item-footer i {
    margin-top: 2px;
    width: 27px;
}




.footer-bottom{
    /* border-top: 1px solid #292929; */
    /* border-top: 1px solid  rgba(1, 2, 2, 0.1); */

    display:flex;
    align-items:center;
    height: 50px;
    overflow: hidden;
    padding: 22px 0;
    background: #1F2854;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;

}

.footer-bottom p{
    margin:0;
}


@media (min-width: 1200px){
.container {
    max-width: 1242px;
}}



/* Página EMPRESA */





.section-empresa{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    /* or 25px */


    color: #0F0F0F;
    margin-bottom: 86px;
    margin-top:60px;
}

/* .section-empresa span{
    font-family: Inter !important;
    font-size: 16px !important;
    margin-bottom: 46px;
    line-height: 24px !important;
    font-weight: 500;
} */


.section-empresa hr{
    border: 0.5px solid #000000;
    margin-bottom: 0;
    width: 47.5%
    
}

.section-empresa h3{
    font: normal normal normal 15px/20px Inter;
    letter-spacing: 0px;
    color: #C7D52B;
    margin-bottom: 0;
}

.section-empresa p {
    margin-bottom: 22px;
}


.section-empresa .imagen-empresa{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}





/* PAGINA EQUIPOS */

.section-nuestros-productos {
    margin-top:22px;
}


.section-nuestros-productos form .btn-equipo-izquierda {
    color: #F87033;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    border-radius: 8px;
    text-align: center;
    letter-spacing: 0px;
    font: normal normal bold 14px/42px Inter;
    letter-spacing: 0px;
    color: #F87033;
    text-transform: uppercase;
}


.section-nuestros-productos .box-clase{
    border: 1px solid rgba(112, 112, 112, .15);
}


.section-nuestros-productos .box-clase:hover {
    box-shadow: 4px 4px 6px rgba(112, 112, 112, .15);
}


.section-nuestros-productos .nombre-clase-equipo{
    text-align: center;
    font: normal normal 300 18px/28px Inter;
    letter-spacing: 0.66px;
    color: #393738;
    text-transform: uppercase;
}



.section-nuestros-productos .img-border-equipos {
    padding-bottom: 40.7%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
    max-height: 100%;
    margin-top: 31px;
    margin-bottom: 15px;
    padding-left: 16px;
}

.section-nuestros-productos .box-clase p{
    margin:20px;
    text-align: center;
    font: normal normal 300 18px/28px Inter;
    letter-spacing: 0.66px;
    color: #393738;
    text-transform: uppercase;
}



.section-nuestros-productos .img-border-equipo {
    padding-bottom: 72%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
    max-height: 100%;
    margin-top: 31px;
    margin-bottom: 15px;
    padding-left: 16px;
}

.section-nuestros-productos .item-producto h3{
    font: normal normal normal 16px/42px Inter;
    letter-spacing: 0px;
    color: #707070;
    text-transform: uppercase;
    text-align: left;
    height:27px;
    margin-bottom: 0;
}
.section-nuestros-productos .item-producto p{
    text-align: left;
    font: normal normal 300 14px/42px Inter;
    letter-spacing: 0px;
    color: #707070;
    text-transform: uppercase;
}

.section-nuestros-productos .box-clase p{
    margin:20px;
    text-align: center;
    font: normal normal 300 18px/28px Inter;
    letter-spacing: 0.66px;
    color: #393738;
    text-transform: uppercase;
}

.section-nuestros-productos .box-clase-producto:hover {
    margin:20px;
    text-align: center;
    font: normal normal 300 18px/28px Inter;
    letter-spacing: 0.66px;
    color: #393738;
    text-transform: uppercase;
}

.section-nuestros-productos .img-active {
    position:relative;
    z-index:1;
}

.section-nuestros-productos .item-producto .img-active:hover:after{

    box-shadow: 0px 0px 0px rgba(112, 112, 112, .15);
    content:"+";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    font-weight: lighter;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(243, 243, 243, .67) 0% 0% no-repeat padding-box;
    color:#393738;
    z-index:3;
}


.section-nuestros-productos .descripcion-clase h3{
    font: normal normal medium 16px/20px Inter;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.section-nuestros-productos .descripcion-clase {
    font: normal normal 300 13px/20px Inter;
    letter-spacing: 0px;
    color: #707070;
}












/* PAGINA TRABAJOS */

.section-equipo .img-trabajo {
    padding-bottom: 105%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    max-width: 100%;
    max-height: 100%;
    border:none;
    /* max-width: 600px;
    width: 90%;
    height: 400px; */
    /* background: #fff; */
  }
  
  /* common */
  .ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
  }
  .ribbon::before,
  .ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #DA241D;
  }

  .ribbon.sin_stock::before,
  .ribbon.sin_stock::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #343a40;
  }

  
  .ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 3px 0;
    background-color: #DA241D;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    font: normal normal bold 21px/42px Inter;
    letter-spacing: 0.84px;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
  }
  
  /* top left*/
  .ribbon-top-left {
    top: -10px;
    left: -10px;
  }
  .ribbon-top-left::before,
  .ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
  }
  .ribbon-top-left::before {
    top: 0;
    right: 0;
  }
  .ribbon-top-left::after {
    bottom: 0;
    left: 0;
  }
  .ribbon-top-left span {
    right: -25px;
    top: 30px;
    transform: rotate(-45deg);
  }
  










.section-equipo .box-clase-mini{
    margin-top:12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 95%;
    max-height: 95%;
    margin-right: 12;
    padding: 0;
}

.section-equipo .box-clase-mini .overlay{
    padding-bottom: 100%;
}


.section-equipo .tabla-trabajo table{
    font: normal normal 300 15px/27px Inter;
    letter-spacing: 0.5px;
    color: #707070;
    margin-top:50px;
}

.section-equipo .tabla-trabajo table tr:first-child td{
    font: normal normal bold 15px/27px Inter;
    color: #C7D52B;
    padding-bottom: 20px !important;
}

.section-equipo .tabla-trabajo table td{
    border:none !important;
    padding:0;
}







/* PAGINA PRODUCTOS */



.section-productos {
    margin-top:22px;
}


.section-productos .box-clase{
    border: 1px solid rgba(112, 112, 112, .15);
}


.section-productos .box-clase:hover {
   box-shadow: 4px 4px 6px rgba(112, 112, 112, .15);
}


.section-productos .img-border-equipos {
    padding-bottom: 40.7%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
    max-height: 100%;
    margin-top: 31px;
    margin-bottom: 15px;
    padding-left: 16px;
}

.section-productos .box-clase p{
    margin:20px;
    text-align: center;
    font: normal normal 300 18px/28px Inter;
    letter-spacing: 0.66px;
    color: #393738;
    text-transform: uppercase;
}



.section-productos .img-border-equipo {
    padding-bottom: 72%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
    max-height: 100%;
    margin-top: 31px;
    margin-bottom: 15px;
    padding-left: 16px;
}

.section-productos .item-producto h3{
    font: normal normal normal 16px/42px Inter;
    letter-spacing: 0px;
    color: #707070;
    text-transform: uppercase;
    text-align: left;
    height:27px;
    margin-bottom: 0;
}
.section-productos .item-producto p{
    text-align: left;
    font: normal normal 300 14px/42px Inter;
    letter-spacing: 0px;
    color: #707070;
    text-transform: uppercase;
}

.section-productos .box-clase p{
    margin:20px;
    text-align: center;
    font: normal normal 300 18px/28px Inter;
    letter-spacing: 0.66px;
    color: #393738;
    text-transform: uppercase;
}

.section-productos .box-clase-producto:hover {
    margin:20px;
    text-align: center;
    font: normal normal 300 18px/28px Inter;
    letter-spacing: 0.66px;
    color: #393738;
    text-transform: uppercase;
}

.section-productos .img-active {
    position:relative;
    z-index:1;
}

.section-productos .item-producto .img-active:hover:after{

    box-shadow: 0px 0px 0px rgba(112, 112, 112, .15);
    content:"+";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    font-weight: lighter;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(243, 243, 243, .67) 0% 0% no-repeat padding-box;
    color:#393738;
    z-index:3;
}



/* PAGINA CATEGORIA */

.section-categoria{
    margin-top: 50px;
}

.section-categoria .nav-categorias .cat-no-activa{
    padding: 16px 31px 16px 14px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 40px;
    /* or 222% */
    
    
    /* Negro */
    
    color: #2B2E39;
    text-decoration: none;
text-transform: capitalize;
    
}

.section-categoria .nav-categorias .cat-no-activa:hover,
.section-categoria .nav-categorias .cat-activa:hover,
.section-categoria .nav-categorias .cat-activa{
    padding: 16px 31px 16px 0px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 40px;
    color: #000000;
        
}


.section-categoria .nav-categorias .prod-no-activo{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #454545;
    text-decoration: none;
}

.section-categoria .nav-categorias .prod-no-activo:hover, 
.section-categoria .nav-categorias .prod-activo{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #113E7A;
}



.section-categoria .precio{
    margin-top: 19px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-size: 26px;
    line-height: 30px;
    color: #113E7A;
    text-align: right;
}

.section-categoria .precio-oferta{
    text-align: right;
    text-decoration: line-through;
    font: normal normal 300 24px/28px Inter;
    letter-spacing: 0px;
    color: #999999;
    margin-right:12px;
}

/* PAGINA PRODUCTO */


.section-equipo .btn-equipo-izquierda {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #000000;
    border-radius: 12px;
    text-align: center;
    font: normal normal 600 17px/28px Inter;
    letter-spacing: 0.67px;
    color: #000000;
    padding: 11px;
}

.section-equipo .btn-equipo-derecha {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #000000;
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 12px;
    text-align: center;
    font: normal normal 600 17px/28px Inter;
    letter-spacing: 0.67px;
    color: #FFFFFF;
    padding: 11px 30px 11px 30px;
}




.section-equipo h5 {
    font: normal normal 300 15px/20px Inter;
    letter-spacing: 0px;
    color: #707070;
}


.section-equipo .descripcion p{
    font: normal normal normal 14px/22px Inter;
    font-weight: 500;
    letter-spacing: 0.25px;
    color: #333333;
    margin-bottom:0;
}

.section-equipo .especificaciones p{
    font: normal normal normal 16px/22px Inter;
    font-weight: 500;
    letter-spacing: 0.29px;
    color: #333333;
    margin-bottom:0;
}


.section-equipo .box-clase{
    border: 1px solid rgba(112, 112, 112, .15);
}

.section-equipo .img-border-equipos {
    padding-bottom: 70.4%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
    max-height: 100%;
}





.section-equipo .grafico{
    padding-bottom:27.1%;
    background-position: center;
    background-size: contain;
    background-repeat:no-repeat;
}


.section-equipo .caracteristicas{
    background: #F8F8F8 0% 0% no-repeat padding-box;
    padding-top:20px;
}

.section-equipo .caracteristicas h5{
    text-align: center;
    font: normal normal normal 18px/17px Inter;
    letter-spacing: 0px;
    color: #686868;
}

.section-equipo .caracteristicas .parf{
    text-align: left;
    padding-top:29px;
    padding-bottom:29px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;

}

.section-equipo .caracteristicas .parf p{
    font: normal normal normal 17px/28px Inter !important;
    letter-spacing: 0.67px;
    color: #2B2B2B;

}



.section-equipo .btn-comprar {
    font: normal normal normal 14px/30px Inter;
    letter-spacing: 0.97px;
    color: #FFFFFF;
    background: #EC3237 0% 0% no-repeat padding-box;
    border-radius: 2px;
    margin-top: 20px;
    padding: 9px 34px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    font-weight: 500;
    border:none;
}


.section-equipo .input-producto{
    border: 1px solid #9A999A;
    border-radius: 2px;
    text-align: left;
    font: normal normal normal 18px/42px Inter;
    font-weight: 500;
    letter-spacing: 0px;
    color: #BFBFBF; 
    padding-left:15px;
    margin-right:14px;
    margin-top: 20px;
}


.section-home-categorias .descrpcion-larga p{
    font: normal normal 300 15divx/21px Inter !important;
    letter-spacing: 0px;
    color: #505050 !important;
}
    

/* PAGINA BLOG */

.img-border-blog{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 170px;
    margin-right: 13px;
    max-height: 130px;
}

.item-blog-text{
    display:flex; 
    flex-direction:column; 
    justify-content:space-between;
    max-height: 135px;
    padding-right: 0;
}

.btn-blog{
    text-decoration: none;
    font: normal normal bold 14px/17px Inter;
    letter-spacing: 0.56px;
    color: #F87033;
    max-width: 70px;
}

.btn-blog:hover{
    text-decoration: none;
    font: normal normal bold 14px/17px Inter;
    letter-spacing: 0.56px;
    color: #F87033;
}

.item-blog h4{
    font: normal normal bold 15px/31px Inter;
    letter-spacing: 0px;
    color: #F87033;
    text-transform: uppercase;
    height: 18px;
}

.item-blog h5{
    font: normal normal normal 20px/46px Inter;
    letter-spacing: 0px;
    color: #393738;
}




/* PAGINA NOTICIA*/

.section-blog-noticia {
    margin-top:42px;
    margin-bottom: 54px;
}

.section-blog-noticia h4{
    font: normal normal 600 19px/22px Inter;
    letter-spacing: 0px;
    color: #F87033;
}

.section-blog-noticia h5{
    font: normal normal normal 24px/37px Inter;
    letter-spacing: 0px;
    color: #393738;
    margin-bottom: 22px;
}

.section-blog-noticia p{
    font: normal normal normal 15px/22px Inter;
    letter-spacing: 0px;
    color: #393738;
}

.img-border-noticia{
    padding-bottom: 60.61%;
    margin-bottom: 23px;
}

.section-blog-noticia .list-group{
    margin-left:43px;
    margin-top:79px;
}

.blog-nav li{
    
    border: 1px solid rgba(228, 228, 228, .5);
}

.blog-nav li a{
    font: normal normal normal 17px/46px Inter;
    letter-spacing: 0px;
    color: #606163;
    text-transform: uppercase;
    display:flex;
    justify-content: space-between;
}

.section-blog-noticia .ul-title{
    font: normal normal 600 22px/26px Inter;
    border-bottom: 1px solid #F6703D;
    color: #F87033;
    text-transform: uppercase;

}

.section-blog-noticia span{
    font: normal normal bold 11px/46px Inter;
    letter-spacing: 0px;
    color: #F87033;
}



/* PAGINA SERVICIOS */

.section-servicios {
    padding-bottom:50px;
}

.section-servicios .imagen{
    width:15%;
    background-position: center;
    background-size: contain;
    background-repeat:no-repeat;
    margin-bottom:11px;
}


.section-servicios .imagen .overlay{
    padding-bottom:100%;
}

.section-servicios h4{
    text-align: center;
    font: normal normal bold 15px/20px Inter;
    letter-spacing: 0px;
    color: #C7D52B;
    text-transform: uppercase;
    margin-bottom:20px;
}

.section-servicios p{
    text-align: center;
    font: normal normal 300 15px/20px Inter;
    letter-spacing: 0px;
    color: #707070;
}
    



.section-servicios .text-servicio{
   width:66%;
}
    






/* PAGINA POST VENTA */

.post-venta-item{
    display: flex;
    height: 334px;
}

.post-venta-item .imagen{
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
}




.post-venta-item .text-display{
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    justify-content: center;
    height: 100%;
}


.post-venta-item .imagen-text{
    /* background-color: rgba(112,112,112,0.08);    */
    /* padding-right: 4rem;
    padding-left: 2rem; */
}


.post-venta-item .imagen-text h4{
    font-family: 'Inter', sans-serif;
    font-size: 18;
    letter-spacing: 0px;
    color: #F87033;
    font-weight: 600;
}


.post-venta-item .imagen-text p{
    font: normal normal normal 14px/16px Inter;
    letter-spacing: 0px;
    color: #707070;  
}

.post-venta-item .imagen-text h5{
    font: normal normal 300 18px/22px Inter;
    letter-spacing: 0px;
    color: #393738;
    text-transform: uppercase; 
    margin-bottom: 21px;
}


.post-venta-item .text-black{
    /* background: #393738 0% 0% no-repeat padding-box;     */
    padding-left: 4rem;
    /* padding-right: 2rem; */
}

.post-venta-item .text-black p, .post-venta-item .text-black h5{
    /* background: #393738 0% 0% no-repeat padding-box;  */
    color: #FFFFFF;   
}



.section-post-venta-contacto{
    background: #F3F3F3 0% 0% no-repeat padding-box;
    padding-top:49px;
    padding-bottom: 53px;
}

.section-post-venta-contacto h2{
    font: normal normal medium 32px/37px Inter;
    letter-spacing: 0px;
    color: #F87033;
    text-transform: uppercase;
    margin-bottom:12px;
}

.section-post-venta-contacto p{
    font: normal normal 300 25px/28px Inter;
    letter-spacing: 0px;
    color: #707070;
    margin-bottom: 46px;
}

.section-post-venta-contacto h4{
    font: normal normal normal 17px/20px Inter;
    letter-spacing: 0px;
    color: #707070;
}

.section-post-venta-contacto label{
    font: normal normal normal 15px/25px Inter;
    letter-spacing: 0px;
    color: #707070;
}


.box{
    width:100%;
    padding: 10px 17px;
}



.section-post-venta-contacto .form-check-input{
    border: 1px solid #707070;
    border-radius: 5px;
    opacity: 0.53;
}

.btn-post-venta{
    background: #F87033 0% 0% no-repeat padding-box;
    border: 1px solid #F6703D;
    border-radius: 8px;
    text-align: center;
    font: normal normal bold 16px/44px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-left: 50px;
    padding-right: 50px;
    width:100%;
}





/* PAGINA CONTACTO*/

.section-contacto{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    
    color: #000000;
}

.section-contacto iframe{
    width: 100%;
    height: 440px;
}

.section-contacto i{
    font-size: 16px;
    margin-right: 15px;
    width:10px;
    color: #000000;;
}

.section-contacto h3{
    font: normal normal bold 20px/31px Inter;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #000000;
    text-transform: uppercase;
}

.section-contacto p{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 25px;
    color: #3C444F;
    margin-bottom: 20px;
}

input.box, textarea.box {
    outline: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DEDEDE;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0px;
    color: #707070;
    border: 1px solid #707070;
    /* border-radius: 6px; */
    /* opacity: 0.88; */
    margin-bottom: 15px;
    border: 1px solid #DEDEDE;
}



.section-contacto input {
    border: 1px solid #DEDEDE;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    color: #393A39;
   /* border-radius: 4px; */
    padding-top:13px;
    padding-bottom:13px;
}

.section-contacto textarea {
    border: 1px solid #DEDEDE;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
   /* border-radius: 6px; */
    padding-top:13px;
    padding-bottom:13px;
}

.section-contacto input:focus, .section-contacto textarea:focus {
    border: 0.5px solid rgb(143,134,110,0.3);
}





.section-contacto .item-contact {
    display:flex;
}

.section-contacto  .input-descarga {
    display: flex;
    justify-content: space-between;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DBDBDB;
    border-radius: 8px;
    width: 100%;
    font: normal normal normal 14px/18px Inter;
    letter-spacing: 0px;
    color: #AAAAAA;
    padding:13px 21px 13px 21px;
}


.section-contacto  .contacto-btn {
    background: #1F2854;
    border-radius: 8px;
    border: none;
    text-align: center;
    
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    
    color: #FFFFFF;
    padding: 10px 0 ;
    position:relative;
    margin-top:29px;
    margin-bottom:20px;

}


.contacto-btn:hover {
    background: #fff;
    border: 1px solid #1F2854;
    border-radius: 8px;
    text-align: center;
    
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    
    color: #1F2854;
    padding: 10px 0 ;
    position:relative;
    margin-top:29px;
    margin-bottom:20px;

}

.btn-hover-more-info {
    border: 1px solid #fff;

}

.btn-hover-see-more:hover {
    background: #1F2854 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}

.btn-hover-more-info:hover {
    background: #fff !important;
    border: 1px solid #1F2854 !important;
    color: #1F2854 !important;
}


.section-contacto  .contacto-btn i {
    position:absolute;
    top:15px;
    right:20px;
    font-size: 14px;
}








/* PAGINA nuestros PRODUCTOS */



.section-nuestros-productos .img-active {
    position:relative;
    z-index:1;
}

.section-nuestros-productos .img-active:hover:after{
    content:"+";
    display:flex; 
    justify-content:center; 
    align-items: center;
    font-size:60px;
    position:absolute;
    font-weight: lighter;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: #08316b27;
    color:white;
    z-index:3;
}









/* PAGINA CLIENTES*/

.section-clientes {
    margin-top:41px;
    margin-bottom:67px;
}

.img-border-grey {
    padding-bottom: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.section-clientes .img-border-grey img{
    max-width:100%;
    max-height:100%;
}
























/* PAGINA DESCARGAS */

.section-descargas{
    margin-top: 49px;
    margin-bottom: 60px;
}

.section-descargas p{
    font: normal normal normal 20px/30px Inter;
    color: #707070;
    margin-bottom: 59px;
}

.section-descargas .list-group-item{
    font: normal normal 300 20px/49px Inter;
    letter-spacing: 0px;
    color: #04367D;
    text-transform: uppercase;
    padding: 0px 21px 0px 23px;
}

.section-descargas .list-group-item:active{
    color: white;
    background-color:#04367D;
}



.table-descargas{
    width:100%;
}

.table-descargas tbody tr:nth-child(odd){
    background-color: #09387B14;
}

.table-descargas tbody tr:nth-child(even) , .table-descargas th  {
    background-color: #09387B0B;
}

.table-descargas th{
    font: normal normal 300 18px/30px Inter;
    letter-spacing: 0px;
    color: #04367D;
    text-transform: uppercase;
    padding: 15px 31px 13px 33px;
    text-align: center;
}

.table-descargas td{
    font: normal normal 300 18px/30px Inter;
    letter-spacing: 0px;
    color: #707070;
    padding: 15px 31px 13px 33px;
    text-align: center;
}

.table-descargas i{
    color:#04367D;
}





/* PAGINA VIDEOS */

.section-videos{
    margin-top:42px;
}

.section-videos .video{
    margin-bottom:60px;
}

.section-videos h5{
    text-align: center;
    font: normal normal 600 16px/22px Inter;
    letter-spacing: 0.29px;
    color: #000000;
    text-transform: uppercase;
    margin-top:25px;
}




/* PAGINAS PREGUNTAS FRECUENTES */

.section-preguntas{
    margin-top:59px;
    margin-bottom: 59px;
}

.section-preguntas h3 button{
    font: normal normal 300 32px/30px Inter;
    letter-spacing: 0px;
    color: #C7D52B;
    text-transform: uppercase;
}

.accordion .accordion-item .accordion-button{
    border-top: #09387B14 1px solid;
    border-bottom: #09387B14 1px solid;
}

.accordion .accordion-item .accordion-button:focus{
    border-top: #09387B14 1px solid;
    border-bottom: #09387B14 1px solid;
    border-color: transparent;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}


.accordion .accordion-item .accordion-button:focus-within{
    border-top: #09387B14 1px solid;
    border-bottom: #09387B14 1px solid;
}
.accordion-button:not(.collapsed){
    font: normal normal 300 32px/30px Inter;
    letter-spacing: 0px;
    color: #C7D52B;
    text-transform: uppercase;
    background-color: transparent;
}

.accordion-body{
    font: normal normal 300 15px/20px Inter;
    letter-spacing: 0px;
    color: #707070;
    padding-top: 33px;
    padding-bottom: 33px;
    padding-left: 61px;
}

.accordion .icon-border{
    border: 1px solid #C7D52B;
    width: 24px;
    height: 24px;
    margin-right: 17px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius: 50%;
    font-size:18px;
}


.icon::after {
    font-family: "Font Awesome 5 Free";
    font-size:11px;
    font-weight: 900;
    content: "\f068";
    color: #C7D52B;
}

.collapsed .icon::after {
    font-family: "Font Awesome 5 Free";
    font-size:11px;
    font-weight: 900;
    content: "\f067";
    color: #C7D52B;
}



/* PAGINA SOLICITUD DE PRESUPUESTO */

.section-solicitud-de-presupuesto{
    margin-top:55px;
    margin-bottom: 89px;
}

.section-solicitud-de-presupuesto h4{
    font: normal normal 300 18px/30px Inter;
    letter-spacing: 0px;
    color: #C7D52B;
    text-transform: uppercase;
    margin-top:16px;
}

.datos-personales h4{
    margin-bottom: 25px;
}


.section-solicitud-de-presupuesto label{
    font: normal normal 300 16px/19px Inter;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
    line-height: 24px;
}

.section-solicitud-de-presupuesto textarea{
    height: 130px;
}


.section-solicitud-de-presupuesto .form-check {
    margin-bottom: 15px;
}


.section-solicitud-de-presupuesto button {
    background: #C7D52B 0% 0% no-repeat padding-box;
    border-radius: 24px;
    text-align: center;
    font: normal normal bold 15px/18px Inter;
    letter-spacing: 0.6px;
    color: #FFFFFF;
    border:none;
}




/* NOVEDADES */




.nov-item{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 23px;
    text-decoration: none;

    color: #454545;
    background: #F5F5F5;
}


.nov-item-active,.nov-item:hover, .nov-item a:hover, .nov-item-active a:hover{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    text-decoration: none;
    
    color: #FFFFFF;
    background: #113E7A;
}



/* .thevideo{position: relative;height: auto;}
.thevideo video{height: auto;width: 100%;}
.thevideo .txt-cont{background-color: rgba(0, 0, 0, .5); width: 100%; height: auto; display: block; }
.thevideo .txt-video{position: absolute; top: 25%; left:0; padding-left: 3rem; text-align:left;}    
.thevideo .txt-video button{background-color: transparent; border: 1px solid #fff;border-radius: 83px; color: white; font-size: 30px;; padding: 20px 27px; transition: .5s;}
.thevideo .txt-video button:hover{cursor: pointer;}
.txt-video p {font-size: 24px;opacity: 1;margin-top:30px;color: white;}
.txt-video h1,h2,h3,h4 {font-size: 2rem!important;}
.txt-video h1 b,h2 b,h3 b,h4 b {font-size: 2rem!important;}
.nav-pills .nav-link{color:#000000;}
@media (max-width: 600px) {
  .txt-video p {font-size: 18px;opacity: 0.7;}
.txt-video h1,h2,h3,h4 {font-size: 32px!important;}
.txt-video h1 b,h2 b,h3 b,h4 b {font-size: 32px!important;}
}
.filtro:before {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 45px;
    background: black;
    width: 100%;
    height: 99%;
    opacity: 0;
    top: 0;
    position: absolute;          
} */