.seccion-inicio{
    width: 100%;
    height: 780px;
    float: left;
    background-color: #1A1A1A;
    overflow: hidden;
    position: relative;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
}

.seccion-inicio video{
    position: absolute;
    top: 50%; left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    opacity: .5;
}

.contenedor-info-inicio{
    width: 1400px;
    height: 250px;
    background-color: transparent;;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.contenedor-titulos-inicio{
    width: 100%;
    height: auto;
    background-color: transparent;
    flood-color: left;
    display: inline-flex;
    justify-content: space-between;
}

.contenedor-info-inicio h1{
    width: 48%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #FFFFFF;
    font-size: 200px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: -10px;
    transform: translateX(-70px);
    opacity: 0;
    transition: ease .8s transform, ease .8s opacity;
}

.contenedor-info-inicio h1.anima-elementos-inicio{
    transform: translateX(0px);
    opacity: 1;
    transition: ease .8s transform, ease .8s opacity;
    transition-delay: .1s;
}

.linea-titulos{
    width: 1px;
    height: 240px;
    float: left;
    background-color: #FFFFFF;
    opacity: 0;
    transition: ease .8s opacity;
}

.linea-titulos.anima-elementos-inicio{
    opacity: 1;
    transition: ease .8s opacity;
    transition-delay: .8s;
}

.contenedor-info-inicio h2{
    width: 48%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    font-size: 60px;
    text-align: left;
    transform: translateX(-70px);
    opacity: 0;
    transition: ease .8s transform, ease .8s opacity;
}

.contenedor-info-inicio h2.anima-elementos-inicio{
    transform: translateX(0px);
    opacity: 1;
    transition: ease .8s transform, ease .8s opacity;
    transition-delay: 1.6s;
}

.contenedor-info-inicio h2 span{
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #91E1F5;
    font-size: 60px;
}

.contenedor-redes-btns-inicio{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    position: absolute;
    bottom: 40px;
    left: 0;
    padding-left: 90px;
    padding-right: 90px;
    display: inline-flex;
    justify-content: space-between;
}

.contenedor-rss-inicio{
    width: 200px;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: start;
}

.contenedor-rss-inicio a{
    width: 30px;
    height: 30px;
    float: left;
    background-color: transparent;
    margin-right: 20px;
}

.contenedor-rss-footer-dos a img{
    width: 30px;
    height: 30px;
    float: left;
    background-color: transparent;
}

.contenedor-btns-inicio{
    width: 250px;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
}

.contenedor-btns-inicio a{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    text-decoration: none;
}

.contenedor-btns-inicio a:hover{
    color: #53AC17;
}








.seccion-nosotros{
    width: 100%;
    height: auto;
    background-color: #F0F0F0;
    float: left;
    display: inline-flex;
    justify-content: center;
    padding-top: 120px;
    padding-bottom: 80px;
}

.contenedor-general-nosotros{
    width: 1400px;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
}

.contenedor-titulo-nosotros{
    width: 46%;
    height: auto;
    background-color: transparent;
    float: left;
}

.contenedor-titulo-nosotros h2{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #1A1A1A;
    font-size: 60px;
}

.contenedor-titulo-nosotros h2 span{
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #53AC17;
    font-size: 60px;
    letter-spacing: 2px;
}

.contenedor-titulo-nosotros p{
    width: 100%;
    height: auto;
    float: left;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #1A1A1A;
    line-height: 26px;
    margin-top: 20px;
}

.contenedor-titulo-miembros{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
    margin-top: 0px;
}

.contenedor-titulo-miembros h3{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #0062F7;
    font-size: 40px;
    margin-top: 40px;
}

.contenedor-titulo-nosotros .p-aladyr{
    margin-top: 0px;
}

.contenedor-titulo-miembros img{
    width: 120px;
    height: auto;
    background-color: transparent;
    float: right;
}


.contenedor-puntos-nosotros{
    width: 46%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 0px;
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contenedor-punto-nosotros{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-bottom: 40px;
}

.contenedor-punto-nosotros img{
    width: 70px;
    height: 70px;
    float: left;
    background-color: transparent;
}

.contenedor-punto-nosotros h3{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #1A1A1A;
    font-size: 22px;
    margin-top: 20px;
}

.contenedor-punto-nosotros p{
    width: 100%;
    height: auto;
    float: left;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #1A1A1A;
    margin-top: 20px;
    line-height: 24px;
}

.contenedor-punto-nosotros ul{
    width: 100%;
    height: auto;
    float: left;
    background-color: transparent;
    list-style: none;
    margin-top: 20px;
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contenedor-punto-nosotros li{
    width: 31%;
    height: auto;
    float: left;
    background-color: transparent;
    display: inline-flex;
    justify-content: start;
    margin-bottom: 15px;
}

.contenedor-punto-nosotros li img{
    width: 15px;
    height: 15px;
    float: left;
    background-color: transparent;
    margin-right: 10px;
}

.contenedor-punto-nosotros li span{
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #1A1A1A;
}







.seccion-servicios{
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    float: left;
    display: inline-flex;
    justify-content: center;
    padding-top: 120px;
    padding-bottom: 60px;
}

.contenedor-general-servicios{
    width: 1400px;
    height: auto;
    background-color: transparent;
    float: left;
}

.contenedor-titulo-servicios{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-bottom: 40px;
    display: inline-flex;
    justify-content: space-between;
}

.contenedor-titulo-servicios h2{
    width: 46%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #1A1A1A;
    font-size: 60px;
    letter-spacing: 2px;
}

.contenedor-titulo-servicios h2 span{
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #53AC17;
    letter-spacing: 2px;
}

.contenedor-btns-servicios{
    width: 46%;
    height: auto;
    background-color: transparent;
    float: left;
}

.contenedor-titulo-servicios a{
    width: 220px;
    height: 60px;
    float: right;
    background-color: #53AC17;
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    margin-left: 40px;
    margin-top: 7px;
}

.contenedor-titulo-servicios a span{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 20px;
    margin-right: 10px;
}

.contenedor-titulo-servicios a .icon-btn{
    width: 20px;
    height: 20px;
    float: left;
    background-color: transparent;
    margin-top: 20px;
    background: url("../assets/icon-flecha-der-b.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.contenedor-titulo-servicios a:hover{
    background-color: #130597;
}

.contenedor-servicios{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.servicio{
    width: 22%;
    height: auto;
    background-color: transparent;
    float: left;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: 60px;
}

.servicio-o{
    display: none;
    visibility: hidden;
}

.servicio figure{
    width: 100%;
    height: 300px;
    background-color: #1A1A1A;
    float: left;
    overflow: hidden;
}

.servicio figure img{
    width: 100%;
    height: 100%;
    background-color: transparent;
    float: left;
    object-fit: cover;
    object-position: center;
    opacity: 1;
    transform: scale(1);
    transition: ease opacity .4s, transform ease .4s; 
}

.servicio:hover figure img{
    opacity: .5;
    transform: scale(1.1);
    transition: ease opacity .4s, transform ease .4s; 
}

.info-servicio{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    padding-top: 55px;
    position: relative;
}

.icono-servicio{
    width: 90px;
    height: 90px;
    background-color: #FFFFFF;
    float: left;
    position: absolute;
    top: -45px;
    left: 30px;
    border-radius: 5px;
    transition: ease top .2s;
}

.icon-servicio{
    width: 65px;
    height: 65px;
    background-color: transparent;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}

.icon-servicio-1{
    background: url("../assets/icon-diseno-ingenieria-c.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-servicio-2{
    background: url("../assets/icon-mantenimiento-preventivo-c.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-servicio-3{
    background: url("../assets/icon-automatizacion-industrial-c.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-servicio-4{
    background: url("../assets/icon-mantenimiento-hornmos-calderas-c.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-servicio-5{
    background: url("../assets//icon-aislamientos-termicos-c.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-servicio-6{
    background: url("../assets/icon-sanitizacion-plantas-c.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-servicio-7{
    background: url("../assets/icon-instalaciones-electricas-c.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-servicio-8{
    background: url("../assets/icon-analisis-fisico-quimicos-c.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.info-servicio h3{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #1A1A1A;
    font-size: 22px;
}

.info-servicio p{
    width: 100%;
    height: auto;
    float: left;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #1A1A1A;
    margin-top: 20px;
    line-height: 26px;
}

.servicio:hover .icono-servicio{
    top: -65px;
    background-color: #53AC17;
    transition: ease top .2s;
}

.servicio-1:hover .icon-servicio-1{
    background: url("../assets/icon-diseno-ingenieria-b.svg");
}

.servicio-2:hover .icon-servicio-2{
    background: url("../assets/icon-mantenimiento-preventivo-b.svg");
}

.servicio-3:hover .icon-servicio-3{
    background: url("../assets/icon-automatizacion-industrial-b.svg");
}

.servicio-4:hover .icon-servicio-4{
    background: url("../assets/icon-mantenimiento-hornmos-calderas-b.svg");
}

.servicio-5:hover .icon-servicio-5{
    background: url("../assets/icon-aislamientos-termicos-b.svg");
}

.servicio-6:hover .icon-servicio-6{
    background: url("../assets/icon-sanitizacion-plantas-b.svg");
}

.servicio-7:hover .icon-servicio-7{
    background: url("../assets/icon-instalaciones-electricas-b.svg");
}

.servicio-8:hover .icon-servicio-8{
    background: url("../assets/icon-analisis-fisico-quimicos-b.svg");
}






.seccion-qumicos{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
}

.contenedor-bloque-quimicos-uno,
.contenedor-bloque-quimicos-dos{
    width: 50%;
    height: auto;
    background-color: transparent;
    float: left;
}

.contenedor-img-qumicos{
    width: 50%;
    height: 100%;
    background-color: transparent;
    float: right;
}

.img-qumicos-uno{
    background: url("../assets/quimicos-para-procesos-termicos-refrigeracion-y-vapor.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.img-qumicos-dos{
    background: url("../assets/quimicos-especiales-para-la-tecnologia-del-agua.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.contenedor-info-qumicos{
    width: 50%;
    height: 100%;
    float: left;
    padding-top: 120px;
    padding-bottom: 120px;
    padding-left: 60px;
    padding-right: 60px;
    background-color: #53AC17;
}

.contenedor-info-qumicos h3{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    font-size: 22px;
}

.contenedor-info-qumicos h2{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #FFFFFF;
    font-size: 60px;
    letter-spacing: 2px;
}

.contenedor-info-qumicos p{
    width: 100%;
    height: auto;
    float: left;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 20px;
    line-height: 26px;
}

.contenedor-info-qumicos a{
    width: 220px;
    height: 60px;
    float: left;
    background-color: #0E0B25;
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    margin-top: 40px;
}

.contenedor-info-qumicos a span{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 20px;
    margin-right: 10px;
}

.contenedor-info-qumicos a .icon-btn{
    width: 20px;
    height: 20px;
    float: left;
    background-color: transparent;
    margin-top: 20px;
    background: url("../assets/icon-flecha-der-b.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.contenedor-info-qumicos a:hover{
    background-color: #130597;
}









.seccion-equipos{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    padding-top: 120px;
    padding-bottom: 60px;
    display: inline-flex;
    justify-content: center;
}

.contenedor-general-equipos{
    width: 1400px;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
}

.contenedor-img-equipos{
    width: 46%;
    height: 650px;
    float: left;
    background-color: #0E0B25;
    border-radius: 20px;
    background: url("../assets/quimicos-para-sistemas.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contenedor-info-equipos{
    width: 46%;
    height: auto;
    background-color: transparent;
    float: left;
    padding-top: 140px;
}

.contenedor-info-equipos h2{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #1A1A1A;
    font-size: 60px;
    letter-spacing: 2px;
}

.contenedor-info-equipos p{
    width: 100%;
    height: auto;
    float: left;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #1A1A1A;
    margin-top: 20px;
    line-height: 26px;
}

.contenedor-productos-equipos{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 40px;
    display: inline-flex;
    justify-content: space-between;
}

.equipos{
    width: 46%;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: start;
}

.equipos img{
    width: 70px;
    height: 70px;
    background-color: transparent;
    float: left;
    margin-right: 10px;
}

.txt-equipos{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    padding-top: 8px;
}

.txt-equipos h3{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #1A1A1A;
    font-size: 22px;
    letter-spacing: -.8px;
}

.contenedor-btns-equipos{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: start;
    margin-top: 40px;
}

.contenedor-btns-equipos a{
    width: 220px;
    height: 60px;
    float: left;
    background-color: #53AC17;
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    margin-right: 40px;
}

.contenedor-btns-equipos a span{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 20px;
    margin-right: 10px;
    letter-spacing: -1px;
}

.contenedor-btns-equipos a .icon-btn{
    width: 20px;
    height: 20px;
    float: left;
    background-color: transparent;
    margin-top: 20px;
    background: url("../assets/icon-flecha-der-b.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.contenedor-btns-equipos a:hover{
    background-color: #130597;
}






.seccion-insumos{
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    float: left;
    display: inline-flex;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 120px;
}

.contenedor-general-insumos{
    width: 1400px;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
}

.contenedor-info-insumos{
    width: 46%;
    height: auto;
    background-color: transparent;
    float: left;
    padding-top: 50px;
}

.contenedor-info-insumos h2{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #1A1A1A;
    font-size: 60px;
    letter-spacing: 2px;
}

.contenedor-info-insumos h2 span{
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #53AC17;
    font-size: 60px;
    letter-spacing: 2px;
}

.contenedor-info-insumos p{
    width: 100%;
    height: auto;
    float: left;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #1A1A1A;
    margin-top: 20px;
    line-height: 26px;
}

.contenedor-productos-insumos{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 40px;
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.insumos{
    width: 46%;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: start;
    margin-bottom: 30px;
}

.insumos img{
    width: 70px;
    height: 70px;
    background-color: transparent;
    float: left;
    margin-right: 10px;
}

.txt-insumos{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    padding-top: 8px;
}

.txt-insumos h3{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #1A1A1A;
    font-size: 22px;
}

.contenedor-btns-insumos{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: start;
    margin-top: 10px;
}

.contenedor-btns-insumos a{
    width: 220px;
    height: 60px;
    float: left;
    background-color: #53AC17;
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    margin-right: 20px;
}

.contenedor-btns-insumos a span{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 20px;
    margin-right: 10px;
}

.contenedor-btns-insumos a .icon-btn{
    width: 20px;
    height: 20px;
    float: left;
    background-color: transparent;
    margin-top: 20px;
    background: url("../assets/icon-flecha-der-b.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.contenedor-btns-insumos a:hover{
    background-color: #130597;
}

.contenedor-img-insumos{
    width: 46%;
    height: 650px;
    float: left;
    background-color: transparent;
    border-radius: 20px;
    background: url("../assets/insumos.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}








.seccion-marcas{
    width: 100%;
    height: auto;
    background-color: #F0F0F0;
    float: left;
    padding-top: 120px;
    padding-bottom: 120px;
    display: inline-flex;
    justify-content: center;
}

.contenedor-general-marcas{
    width: 1400px;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contenedor-titulo-marcas{
    width: 28%;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
    border-right: solid 1px #C2C2C2;
}

.contenedor-titulo-marcas h2{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Special Gothic Condensed One", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #1A1A1A;
    font-size: 22px;
}

.contenedor-titulo-marcas span{
    font-family: "Special Gothic Condensed One", sans-serif;
    color: #53AC17;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: -0px;
}

.contenedor-marcas{
    width: 71%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 20px;
    overflow: hidden;
}

.carrusel-marcas{
    width: 233.33%;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
    animation-name: carrusel-marcas;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    position: relative;
}

@keyframes carrusel-marcas {
    0% { left:0%;}
    19% {left:0%;}

    20% {left:-33.33%;}
    39% {left:-33.33%;}

    40% {left:-66.66%;}
    59% {left:-66.66%;}

    60% {left:-99.99%;}
    79% {left:-99.99%;}

    80% {left:-133.32%;}
    99% {left:-133.32%;}

    100% {left:0%;}
}

.marcas{
    width: 33.33%;
    height: auto;
    background-color: transparent;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.marcas img{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
}







@media only screen and (max-width: 1580px){
    
    .contenedor-info-inicio{
        width: 100%;
        padding-left: 90px;
        padding-right: 90px;
    }

    .contenedor-info-inicio h1{
        font-size: 160px;
        margin-top: 0px;
    }





    .seccion-nosotros{
        padding-left: 90px;
        padding-right: 90px;
    }

    .contenedor-general-nosotros{
        width: 100%;
    }





    .seccion-servicios{
        padding-left: 90px;
        padding-right: 90px;
    }

    .contenedor-general-servicios{
        width: 100%;
    }




    .seccion-qumicos{
        flex-wrap: wrap;
    }

    .contenedor-bloque-quimicos-uno,
    .contenedor-bloque-quimicos-dos{
        width: 100%;
    }

    .contenedor-img-qumicos{
        width: 50%;
        height: 100%;
        background-color: transparent;
        float: left;
    }

    .img-qumicos-dos{
        float: right;
    }

    .contenedor-info-qumicos{
        width: 50%;
        height: 100%;
        padding-left: 90px;
        padding-right: 90px;
    }





    .seccion-equipos{
        padding-left: 90px;
        padding-right: 90px;
    }

    .contenedor-general-equipos{
        width: 100%;
    }






    .seccion-insumos{
        padding-left: 90px;
        padding-right: 90px;
    }

    .contenedor-general-insumos{
        width: 100%;
    }






    .seccion-marcas{
        padding-left: 90px;
        padding-right: 90px;
    }

    .contenedor-general-marcas{
        width: 100%;
    }

    .contenedor-titulo-marcas span{
        letter-spacing: 0px;
    }

    .marcas{
        padding-left: 10px;
        padding-right: 10px;
    }
}









@media only screen and (max-width: 1380px){

    .contenedor-info-inicio{
        height: 450px;
    }
        
    .contenedor-titulos-inicio{
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .contenedor-info-inicio h1{
        width: 100%;
        margin-top: 0px;
    }

    .linea-titulos{
        visibility: hidden;
        display: none;
    }

    .contenedor-info-inicio h2{
        width: 100%;
        text-align: center;
        margin-top: -20px;
    }

    .contenedor-info-inicio h2.anima-elementos-inicio{
        transition-delay: .8s;
    }






    .contenedor-btns-servicios{
        width: 54%;
    }

    .servicio{
        width: 31%;
    }

    .servicio-o{
        display: block;
        visibility: visible;
    }







    .contenedor-info-equipos{
        padding-top: 100px;
    }






    .contenedor-info-insumos{
        width: 46%;
        height: auto;
        background-color: transparent;
        float: left;
        padding-top: 0px;
    }






    .contenedor-titulo-marcas{
        width: 28%;
    }

    .contenedor-titulo-marcas span{
        letter-spacing: -2px;
    }

    .contenedor-marcas{
        width: 72%;
        margin-top: 20px;
    }
}









@media only screen and (max-width: 1180px){

    .contenedor-general-nosotros{
        flex-wrap: wrap;
    }

    .contenedor-titulo-nosotros{
        width: 100%;
        height: auto;
        background-color: transparent;
        float: left;
    }

    .contenedor-puntos-nosotros{
        width: 100%;
        margin-top: 40px;
    }

    .contenedor-punto-nosotros{
        width: 46%;
        height: auto;
        background-color: transparent;
        float: left;
        margin-bottom: 40px;
    }

    .puntos-valores{
        width: 100%;
    }






    .contenedor-titulo-servicios{
        flex-wrap: wrap;
    }

    .contenedor-titulo-servicios h2{
        width: 100%;
        margin-bottom: 20px;
    }

    .contenedor-btns-servicios{
        width: 100%;
    }

    .contenedor-titulo-servicios a{
        margin-left: 0px;
        margin-right: 40px;
        margin-top: 40px;
        float: left;
    }

    .contenedor-titulo-servicios a{
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 20px;
    }







    .contenedor-info-equipos{
        padding-top: 60px;
    }






    .insumos{
        width: 100%;
    }






    .contenedor-titulo-marcas{
        width: 100%;
        border-right: none;
    }

    .contenedor-titulo-marcas span{
        letter-spacing: 2px;
    }

    .contenedor-marcas{
        width: 100%;
        margin-top: 40px;
    }

    .marcas{
        padding-left: 10px;
        padding-right: 10px;
    }
}








@media only screen and (max-width: 980px){

    .contenedor-info-inicio{
        height: 550px;
        padding-left: 70px;
        padding-right: 70px;
    }

    .contenedor-redes-btns-inicio{
        padding-left: 70px;
        padding-right: 70px;
    }







    .seccion-nosotros{
        padding-left: 70px;
        padding-right: 70px;
    }






    .seccion-servicios{
        padding-left: 70px;
        padding-right: 70px;
    }

    .servicio{
        width: 46%;
    }

    .servicio-o{
        display: none;
        visibility: hidden;
    }







    .contenedor-info-qumicos{
        padding-left: 70px;
        padding-right: 70px;
    }

    .contenedor-info-qumicos h2{
        letter-spacing: 0px;
    }






     .seccion-equipos{
        padding-left: 70px;
        padding-right: 70px;
    }

    .contenedor-info-equipos{
        padding-top: 30px;
    }





    .seccion-insumos{
        padding-left: 70px;
        padding-right: 70px;
    }
    
    .insumos{
        width: 100%;
    }






    .seccion-marcas{
        padding-left: 70px;
        padding-right: 70px;
    }

    .marcas{
        padding-left: 5px;
        padding-right: 5px;
    }
}








@media only screen and (max-width: 780px){

    .contenedor-info-inicio{
        height: 570px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .contenedor-info-inicio h1{
        font-size: 120px;
        margin-top: 0px;
    }

    .contenedor-redes-btns-inicio{
        padding-left: 50px;
        padding-right: 50px;
    }







    .seccion-nosotros{
        padding-left: 50px;
        padding-right: 50px;
    }






    .seccion-servicios{
        padding-left: 50px;
        padding-right: 50px;
    }

    .contenedor-titulo-servicios a{
            margin-right: 20px;
    }







    .contenedor-img-qumicos{
        width: 100%;
        height: 500px;
    }

    .img-qumicos-dos{
        float: left;
    }

    .contenedor-info-qumicos{
        width: 100%;
        height: auto;
        padding-left: 50px;
        padding-right: 50px;
    }

    .contenedor-info-qumicos h2{
        letter-spacing: 2px;
    }






     .seccion-equipos{
        padding-left: 50px;
        padding-right: 50px;
    }

    .contenedor-general-equipos{
        flex-wrap: wrap;
    }

    .contenedor-img-equipos{
        width: 100%;
        height: 500px;
    }
    
    .contenedor-info-equipos{
        width: 100%;
        padding-top: 40px;
    }





    .seccion-insumos{
        padding-left: 50px;
        padding-right: 50px;
    }

    .contenedor-general-insumos{
        flex-wrap: wrap;
    }

    .contenedor-info-insumos{
        width: 100%;
        padding-top: 0px;
        padding-bottom: 40px;
    }
    .contenedor-img-insumos{
        width: 100%;
        height: 500px;
    }
    
    .insumos{
        width: 46%;
    }






    .seccion-marcas{
        padding-left: 50px;
        padding-right: 50px;
    }

    .carrusel-marcas{
        width: 350%;
        animation-name: carrusel-marcas;
        animation-duration: 20s;
        animation-iteration-count: infinite;
    }
    
    @keyframes carrusel-marcas {
        0% { left:0%;}
        16% {left:0%;}

        17% {left:-50%;}
        33% {left:-50%;}

        34% {left:-100%;}
        50% {left:-100%;}

        51% {left:-150%;}
        67% {left:-150%;}

        68% {left:-200%;}
        84% {left:-200%;}

        85% {left:-250%;}
        99% {left:-250%;}

        100% {left:0%;}
    }

    .marcas{
        width: 25%;
        padding-left: 5px;
        padding-right: 5px;
    }
}









@media only screen and (max-width: 580px){

    .contenedor-info-inicio{
        height: 500px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .contenedor-info-inicio h1{
        font-size: 120px;
        margin-top: 0px;
    }

    .contenedor-info-inicio h2{
        font-size: 40px;
    }

    .contenedor-info-inicio h2 span{
        font-size: 40px;
    }

    .contenedor-redes-btns-inicio{
        padding-left: 30px;
        padding-right: 30px;
    }







    .seccion-nosotros{
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 90px;
        padding-bottom: 50px;
    }

    .titulo-nosotros{
        display: inline-flex;
        justify-content: space-between;
        flex-wrap: wrap-reverse;
    }

    .titulo-nosotros h2{
        width: 100%;
        margin-top: 20px;
    }

    .titulo-nosotros img{
        margin-top: 0px;
    }

    .contenedor-punto-nosotros{
        width: 100%;
    }






    .seccion-servicios{
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 90px;
        padding-bottom: 50px;
    }

    .contenedor-titulo-servicios{
        margin-bottom: 0px;
    }

    .contenedor-titulo-servicios h2{
        letter-spacing: -0px;
        margin-bottom: 20px;
    }

    .contenedor-titulo-servicios h2 br{
        display: none;
        visibility: hidden;
    }

    .contenedor-titulo-servicios h2 span{
        letter-spacing: 0px;
    }


    .contenedor-titulo-servicios a{
        margin-right: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .btn-contacto-servicios{
        display: none;
        visibility: hidden;
    }

    .servicio{
        width: 100%;
    }

    .servicio-o{
        display: none;
        visibility: hidden;
    }







    .contenedor-info-qumicos{
        width: 100%;
        height: auto;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 90px;
        padding-bottom: 90px;
    }






     .seccion-equipos{
        padding-top: 90px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 45px;
    }





    .seccion-insumos{
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 45px;
        padding-bottom: 90px;
    }






    .seccion-marcas{
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .carrusel-marcas{
        width: 350%;
        animation-name: carrusel-marcas;
        animation-duration: 20s;
        animation-iteration-count: infinite;
    }
    
    @keyframes carrusel-marcas {
        0% { left:0%;}
        16% {left:0%;}

        17% {left:-50%;}
        33% {left:-50%;}

        34% {left:-100%;}
        50% {left:-100%;}

        51% {left:-150%;}
        67% {left:-150%;}

        68% {left:-200%;}
        84% {left:-200%;}

        85% {left:-250%;}
        99% {left:-250%;}

        100% {left:0%;}
    }

    .marcas{
        width: 25%;
        padding-left: 5px;
        padding-right: 5px;
    }
}









@media only screen and (max-width: 480px){

    .contenedor-info-inicio{
        height: 450px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .contenedor-info-inicio h1{
        font-size: 80px;
        margin-top: 0px;
    }

    .contenedor-info-inicio h2{
        font-size: 40px;
        margin-top: 0px;
    }

    .contenedor-info-inicio h2 span{
        font-size: 40px;
    }

    .contenedor-redes-btns-inicio{
        padding-left: 20px;
        padding-right: 20px;
    }

    .contenedor-btns-inicio{
        display: none;
        visibility: hidden;
    }







    .seccion-nosotros{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 90px;
        padding-bottom: 50px;
    }

    .contenedor-titulo-nosotros h2{
        letter-spacing: -2px;
    }

    .contenedor-titulo-nosotros h2 span{
        letter-spacing: -2px;
    }

    .contenedor-titulo-miembros{
        flex-wrap: wrap-reverse;
    }

    .contenedor-titulo-miembros h3{
        width: 100%;
        font-size: 40px;
        margin-top: -10px;
    }

    .contenedor-titulo-nosotros .p-aladyr{
        margin-top: 10px;
    }

    .contenedor-titulo-miembros img{
        width: 120px;
        height: auto;
        background-color: transparent;
        float: right;
    }

    .contenedor-punto-nosotros li{
        width: 46%;
        height: auto;
        float: left;
        background-color: transparent;
        display: inline-flex;
        justify-content: start;
        margin-bottom: 15px;
    }







    .seccion-servicios{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 90px;
        padding-bottom: 50px;
    }







    .contenedor-info-qumicos{
        width: 100%;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 90px;
        padding-bottom: 90px;
    }






     .seccion-equipos{
        padding-top: 90px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 45px;
    }





    .seccion-insumos{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 45px;
        padding-bottom: 90px;
    }

    .insumos{
        width: 100%;
    }






    .seccion-marcas{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .contenedor-titulo-marcas span{
        letter-spacing: -1.5px;
    }

    .carrusel-marcas{
        width: 700%;
        animation-name: carrusel-marcas;
        animation-duration: 25s;
        animation-iteration-count: infinite;
    }
    
    @keyframes carrusel-marcas {
        0% { left:0%;}
        13% {left:0%;}

        14% {left:-100%;}
        27% {left:-100%;}

        28% {left:-200%;}
        41% {left:-200%;}

        42% {left:-300%;}
        55% {left:-300%;}

        56% {left:-400%;}
        69% {left:-400%;}

        70% {left:-500%;}
        83% {left:-500%;}

        84% {left:-600%;}
        99% {left:-600%;}

        100% {left:0%;}
    }

    .marcas{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}









@media only screen and (max-width: 380px){

    .contenedor-info-inicio{
        height: 450px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .contenedor-redes-btns-inicio{
        padding-left: 10px;
        padding-right: 10px;
    }







    .seccion-nosotros{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .contenedor-titulo-nosotros h2{
        letter-spacing: 2px;
    }

    .contenedor-titulo-nosotros h2 span{
        letter-spacing: 2px;
    }







    .seccion-servicios{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 60px;
        padding-bottom: 20px;
    }







    .contenedor-info-qumicos{
        width: 100%;
        height: auto;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 60px;
        padding-bottom: 60px;
    }

     .contenedor-info-qumicos h2{
        letter-spacing: 0px;
    }






     .seccion-equipos{
        padding-top: 60px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 30px;
    }





    .seccion-insumos{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px;
        padding-bottom: 60px;
    }






    .seccion-marcas{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .contenedor-titulo-marcas span{
        letter-spacing: 2px;
    }

    .carrusel-marcas{
        width: 700%;
        animation-name: carrusel-marcas;
        animation-duration: 25s;
        animation-iteration-count: infinite;
    }
    
    @keyframes carrusel-marcas {
        0% { left:0%;}
        13% {left:0%;}

        14% {left:-100%;}
        27% {left:-100%;}

        28% {left:-200%;}
        41% {left:-200%;}

        42% {left:-300%;}
        55% {left:-300%;}

        56% {left:-400%;}
        69% {left:-400%;}

        70% {left:-500%;}
        83% {left:-500%;}

        84% {left:-600%;}
        99% {left:-600%;}

        100% {left:0%;}
    }

    .marcas{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}