/***************************FONTS****************************/

@font-face {
    font-family: 'Montserrat-Regular';
    src: url(../fonts/Montserrat-Regular.eot) format('embedded-opentype'),
         url(../fonts/Montserrat-Regular.woff) format('woff'),
         url(../fonts/Montserrat-Regular.ttf)  format('truetype'),
         url(../fonts/Montserrat-Regular.svg) format('svg');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'Montserrat-Black';
    src: url(../fonts/Montserrat-Black.ttf)  format('truetype'),
    url(../fonts/Montserrat-Black.woff) format('woff'),
    url(../fonts/Montserrat-Black.eot)  format('embedded-opentype'),
    url(../fonts/Montserrat-Black.woff) format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Montserrat-Medium';
    src: url(../fonts/Montserrat-Medium.ttf)  format('truetype'),
    url(../fonts/Montserrat-Medium.woff) format('woff'),
    url(../fonts/Montserrat-Medium.eot)  format('embedded-opentype'),
    url(../fonts/Montserrat-Medium.svg) format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Montserrat-Bold';
    src: url(../fonts/Montserrat-Bold.eot) format('embedded-opentype'),
         url(../fonts/Montserrat-Bold.woff) format('woff'),
         url(../fonts/Montserrat-Bold.ttf)  format('truetype'),
         url(../fonts/Montserrat-Bold.svg) format('svg');
    font-weight: normal;
    font-style: normal;
  }


/***************************CLASES GENERALES****************************/  

h1{
    color: #fff;
    font-family: 'Montserrat-Black';
    font-size: 25pt;
}

h3{
    font-family: 'Montserrat-Black';
    color: #ce0135;
    font-size: 23pt;
    margin-bottom: 100px;
}

h5{
    color: #fff;
    font-family: 'Montserrat-Medium';
}

a,p, ul, li{
    font-family: 'Montserrat-Regular';
    font-size: 12pt;
}

h6{
    color:#ce0135;
    font-size: 14pt;
    line-height: 16px;
}

.color-blanco{
    color:#fff;
}

.color-negro{
    color:#000;
}

.color-azul{
    color:#232330;
}

.color-rojo{
    color:#ce0135;
    font-weight: bold;
}

.centrar-contenido{
    display: flex;
    align-items: center;
}

details {
    line-height: 70px;
}

h2{
    color: #a7a7ac;
    font-size: 23pt;
    font-weight: bold;
    margin-bottom: 50px;
    font-family: 'Montserrat-Black';
}

.boton-rojo{
 /*
    padding: 3px 35px;
*/
    color: #fff;
    text-decoration: none;
    background-color: #ce0135;
    padding: 6px 37px;
    border-radius: 25px;
    border: solid 1px #ce0135;
    transition: 1s;
    font-size: 15px;
}

.boton-rojo:hover{
    color: #ce0135;
    text-decoration: none;
    background-color: #fff;
   /* padding: 3px 35px;*/
    border-radius: 25px;
    border: solid 1px #ce0135;
    font-size: 15px;
    padding: 6px 37px;
}

.boton-negro{
    color: #fff;
    text-decoration: none;
    background-color: #000;
    padding: 3px 35px;
    border-radius: 25px;
    border: solid 1px #000;
    transition: 1s;
}

.boton-negro:hover{
    color: #000;
    text-decoration: none;
    background-color: #fff;
    padding: 3px 35px;
    border-radius: 25px;
    border: solid 1px #000;
}

.hexrespons{
    display: none;
}

.hexreal{
    display: block;
    HEIGHT: 300PX;
}

.espacito{
    margin-bottom: 20px;
}

.este-no{
    line-height: 35px;
}

details p {
    line-height: 20px;
}

.contenedor-menu .menu ul {
	display: none;
}

.contenedor-menu ul {
	list-style: none;
    margin-left: -15px;
}

.slick-slide img {
    display: block;
    margin: auto;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

.slick-dots li button:before {
    font-size: 60px !important;
    color: #262640 !important;
}

.slick-dots li button {
    background: #fff !important;
}

.sobritas{
    filter: drop-shadow(9px 5px 11px #000);
    margin: 0px 0px 40px;
}

/***********************************SLICK**********************************/
/*
.slick-next::before {
    content: ">" !important;
}

.slick-prev::before {
    content: "<" !important;
}*/

#alianzas .slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 30pt !important;
    line-height: 1;
    color: #fff !important;
    font-family: 'Montserrat-Regular' !important;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#alianzas .slick-next:before {
    font-family: 'slick';
    font-size: 30pt !important;
    line-height: 1;
    color: #fff !important;
    font-family: 'Montserrat-Regular' !important;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#nuetrosclientes .slick-next:before {
    color: #fff!important;
    font-family: 'Montserrat-Regular' !important;
    font-weight: bold;
    font-size: 30pt !important;
    background-color: #242d40;
    padding: 2px 11px 5px;
    border-radius: 50%;
    position: absolute;
}

#nuetrosclientes .slick-prev:before {
    color: #fff!important;
    font-family: 'Montserrat-Regular' !important;
    font-weight: bold;
    font-size: 30pt !important;
    background-color: #242d40;
    padding: 2px 11px 5px;
    border-radius: 50%;
    position: absolute;
}

#nuetrosclientes .slick-next {
    right: 5px;
    top: 170px;
}

#nuetrosclientes .slick-prev {
    left: -45px;
    top: 170px;
}

#nuetrosclientes .col-sm-4.slick-slide.slick-active img {
    height: 330px;
}

#nuetrosclientes .col-sm-4.slick-slide.slick-current.slick-active.slick-center img {
    height: 400px;
}

/********************************* HEADER *********************************/
#header{
    position: fixed;
    z-index: 55555555555555 !important;
    width: 100%;
    top: 0px;
    padding-bottom: 10px;
}
.headerfondo{
    background-color: transparent;
}
.headerfondo2{
    background-color: #000;
    color: #fff;
}
#header img{
    padding-left: 20px;
    padding-top: 20px;
}
header ul{
    margin-left: auto !important;
}

header ul li{
    padding: 0px;
}
header ul li a{
    font-size: 13pt;
    color: #fff !important;
}

header .dropdown-menu{
    background-color: #202020;
    border: none !important;
}
.dropdown-item{
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    letter-spacing: 3px;
}
header ul li .dropdown-item:hover{
    background-color: #ce0135 !important;
}
.nav-link {
    padding-top: 39px !important;
    position: relative;
    border-bottom: 2px solid transparent;
    transition: 1s;
    
}
.nav-link:hover{
    color: #fff;
    border-bottom: 2px solid #ce0135;
}

.activemenu{
    border-bottom: 2px solid #ce0135;
}

.logo{
    position: fixed;
    margin-top: 15px;
    margin-left: 15px;
}
#contlogo{
    width: 138px !important;
}
.navbar-light .navbar-toggler {
    color: #000;
    border-color: rgba(0,0,0,.1);
    background-color: #fff;
  }

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/************************** REDES ***************************/
#redes{ 
    position: fixed;
    right: 10px;
    top: 50%;
    margin-top: -126px;
    z-index: 100 !important;
}
.icoredes{
    margin-top: 5px;
    border: transparent;
    padding: 5px 9px 5px 9px;
    transition: 1s;
    width: 38px;
    background-color: #ffff;
    border: solid 1px #000;
}
.icoredes:hover{
    background-color: #000;
    border-radius: 0px;
    border: solid 1px #fff;
}
.ico-redes{
    color: #000 !important;
    font-size: 13pt !important;
}
.icoredes:hover .ico-redes{
    color: #fff !important;
}

/*******************************INICIO*************************************/

@keyframes movebanner {
    0%, 100% {
      background-size: 100% auto;
      -webkit-background-size: 100%;
    }
    50% {
      background-size: 100% auto;
      -webkit-background-size: 100%;
    }
  }

  @keyframes movebanner2 {
    100%, 0% {
      background-size: 150% auto;
      -webkit-background-size: 150%;
    }
    50% {
      background-size: 100% auto;
      -webkit-background-size: 100%;
    }
  }

  @keyframes slidein {
    from {
      margin-left: 100%;
      padding-bottom: 50px;
    }
  
    to {
      margin-left: 0%;
      height: 70%;
      bottom: 0px;
    }
  }

/*---------------------------BANNER HOME---------------------------------*/

#bannerhome {
    background-image: url(../img/banners/bannerhomefondo.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 710px;
}

.animabanner{
    position: absolute;
    right: 0;
    top: 0;
    animation-duration: 5s;
    animation-name: slidein;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    height: 750px;
}

.titulobanner{
    position: absolute;
    top: 200px;
    left: 200px;
}

#slider{
    text-align: center;
    margin-top: -100px;
}

.espaciosbanner{
    margin: 30px 0px;
}

/*-----------------------PROGRMAMOS TODO TIPO DE QUIPOS--------------------------------*/

#todotipoequipos{
    margin: 200px 0px 250px;
}

.posipro{
    text-align: right;
    margin-top:100px;
}

.hexprochico{
    position: absolute;
    top: -110px;
    left: 250px;
}

.hexprogrande{
    position: absolute;
    top: -15px;
    left: -150px;
}

.hexadobleequipos{
    display: none;
}

/*---------------------------COMPRA/VENTA---------------------------------*/

#compra-venta {
    background-image: url(../img/banner2.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    text-align: center;
}

/*-------------------------SERVICIOS---------------------------------*/

#servicios{
    margin: 150px 0px 100px;
}

summary{
    FONT-SIZE: 17Pt;
    COLOR: #a5a5a5;
    font-family: 'Montserrat-Bold';
    line-height: 30px !important;
    margin-bottom: 35px;
}

#servicios p{
    COLOR: #88888d;
    margin-left: 0px;
}

summary{
    list-style: none;
}

summary::before{
    content: '>';
    color: #ce0135;
    font-weight: bold;
    font-family: fantasy;
    font-size: 17pt;
    margin-right: 10px;
}

 .contenedor-menu .menu li .activado summary {
    content: '\142F';
    font-size: 15pt;
    margin-right: 10px;
}

.hexchicoservicios{
    position: absolute;
    top:-10px;
}

.hexgrandeservicios{
    position: absolute;
    top: 120px;
    left: 120px;
}

.hexdobleservicios{
    display: none;
}
	
/*-----------------------NUESTROS CLIENTES---------------------------------*/

#nuetrosclientes{
    margin: 150px 0px 100px;
}

.slick-center{
    margin-bottom: 30px;
}

.epaciotitulo{
    margin-top: 170px;
}

/*-----------------------SUSCRIBETE---------------------------------*/

#suscribete{
    text-align: center;
    background-color: #eeee;
    padding: 40px 0px;
}

button{
    color: #fff;
    text-decoration: none;
    background-color: #ce0135;
    padding: 3px 35px;
    border-radius: 25px;
    border: solid 1px #ce0135;
}

#suscribete input{
    background-color: #99989d;
    border-radius: 25px;
    height: 35px;
    width: 400px;
    border: solid 1px #fff;
    margin: 0px 10px 0px 0px;
    color: #ffff;
    padding: 0px 0px 0px 15px;
}

/*------------------------FOOTER------------------------------------*/ 

#footer{
    background-color: #232330;
    padding: 50px 0px;
}

#firma{
    background-color: #131317;
    text-align: center;
    padding: 40px 0px;
}

#footer p, a{
    color: #fff;
    font-size: 9pt;
}

.recibe{
    margin-bottom: 40px;
}

.bordeblank{
border-bottom: solid 1px #fff;
padding-bottom: 50px;
}

#footer a:hover{
    color: #ce0135;
    text-decoration: none;
}

.itsloguito{
    margin-bottom: 40px;
}

#firma strong{
    color: #ce0135 !important;
}

#firma p{
    font-size: 9pt;
}

/*******************************NUESTRA EMPRESA*************************************/

#bannersomos {
    background-image: url(../img/banners/nuestra-empresa.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    height: 700px;
    animation: movebanner 35s infinite alternate;
}


.nempresa{
    position: absolute;
    top:-200px;
}

.hexchicosomos{
    position: absolute;
    top: -100px;
    left: 380px;
}

.hexchicomision{
    position: absolute;
}

.hexgrandemision{
    margin-top: 135px;
    margin-left: 140px;
}

.hexgrandesomos{
    margin-top: 30px;
}

.hexdoblemision{
    display: none;
}

.hexdoblevision{
    display: none;
}

.hexchicovision{
    position: absolute;
    top: -90px;
    left: 110px;
}

.hexgrandevision{
    margin-top: 120px;
    margin-left: -10px;
}

.titulosomos {
    position: absolute;
    top: 200px;
    left: 200px;
}

section#quienessomos {
    margin: 200px 0px 0px;
    height: 700px;
}

.hexdoblesomos{
    display: none;
}

section#vision {
    margin: 150px 0px 100px;
}

section#alianzas {
    text-align: center;
    background-image: url(../img/banner4.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    height: 550px;
}

#alianzas h1{
    padding-top: 100px;
    padding-bottom: 100px;
}

/*******************************SOLUCIONES*************************************/

#banneersolu {
    background-image: url(../img/banners/soluciones.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    height: 700px;
    animation: movebanner 35s infinite alternate;
}

.titulosolu{
    position: absolute;
    top: 200px;
    left: 200px;
}

#solucintegracion {
    background-image: url(../img/solucionpallarax.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    text-align: center;
}

#solucintegracio img{
    height: 150px;
}

#solucintegracio h4{
    margin: 20px 0px;
    font-size: 23pt;
}

.espacios{
    margin: 100px 0px;
}

.texto-sec{
    margin-top: 20px;
}

.texto-tre{
    margin-top: 40px;
}

.texto-trec {
    margin-top: 50px;
}

#servix h3{
    margin-bottom: 0px;
}

#servix h4{
    color: #ce0135;
    margin-bottom: 70px;
}

/*******************************SERVICIO Y SOPORTE*************************************/

#bannerservicios {
    background-image: url(../img/banners/servicios.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    height: 700px;
    animation: movebanner 35s infinite alternate;
}

.tituloserv{
    position: absolute;
    top: 200px;
    left: 200px;
}

#solucintegracio {
    background-image: url(../img/solucionpallarax.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    text-align: center;
}

/*******************************PRODUCTOS*************************************/

#bannerproductos {
    background-image: url(../img/banners/productos.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    height: 700px;
    animation: movebanner 35s infinite alternate;
}

.tituproductos{
    position: absolute;
    top: 200px;
    left: 200px;
}

#solucintegracio {
    background-image: url(../img/solucionpallarax.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 550px;
    text-align: center;
}

#solucintegracio img {
    height: 100px;
}

.distribuid{
margin: 50px 0px
}

/*******************************MEDICION*************************************/

#bannermedicion {
    background-image: url(../img/banners/medicion.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    height: 700px;
    animation: movebanner 35s infinite alternate;
}

#medicionpa {
    background-image: url(../img/pallaramedicion.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    text-align: center;
}

/*******************************SISTEMAS HIDRAHULICOS*************************************/

#bannerhidraulico {
    background-image: url(../img/banners/sistemashidraulicos.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    height: 700px;
    animation: movebanner 35s infinite alternate;
}

#hidrahulicopa {
    background-image: url(../img/pallarahidraulica.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    text-align: center;
}


/*******************************CAPACITACION Y CONSULTURIA*************************************/

#bannercapacitacion {
    background-image: url(../img/banners/capacitacion.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    height: 700px;
    animation: movebanner 35s infinite alternate;
}

#capacitapa {
    background-image: url(../img/pallaracapacitacion.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    text-align: center;
}

.logo-poly {
    margin-top: 150px;
    position: absolute;
}

/*******************************MANUFACTURA*************************************/

#bannermanufactura {
    background-image: url(../img/banners/manufactura.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    height: 700px;
    animation: movebanner 35s infinite alternate;
}

#manufapa {
    background-image: url(../img/pallaramanofactura.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    text-align: center;
}


/*******************************CONTACTO*************************************/

#bannercontacto {
    background-image: url(../img/bannercontacto.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    height: 700px;
    animation: movebanner 35s infinite alternate;
}

#formulario{
    margin: 90px 0px;
}

.titulocontacto{
    position: absolute;
    top: 200px;
    left: 200px;
}

#formulario input{
    height: 40px;
    width: 300px;
    border: solid 0px;
    border-bottom: solid 1px #bebebe;
    margin: 20px 50px 0px 0px;
}

#formulario input:focus{
    border-bottom: solid 1px #bebebe;
    outline: none;
    margin: 20px 50px 0px 0px;
}

#formulario button{
    color: #fff;
    text-decoration: none;
    background-color: #ce0135;
    padding: 3px 35px;
    border-radius: 25px;
    border: solid 1px #ce0135;
    margin-top: 30px;
}

#formulario a{
    color: #232330;
    font-size: 12pt;
    text-decoration: none;
    font-weight: bold;
}

#formulario a:hover{
    color: #232330;
    font-size: 12pt;
    text-decoration: none;
    font-weight: bold;
}

#formulario i{
    color: #d2162e;
    font-size: 20pt;
}

.contacs{
    margin-top: 30px;
}

/************************************************ACORDEONES********************************************************/

.nav-pills a{
    text-decoration: none !important;
    FONT-SIZE: 17Pt;
    COLOR: #a5a5a5;
    font-family: 'Montserrat-Bold';
    line-height: 30px !important;
}

.nav-pills a:hover{
    text-decoration: none;
    FONT-SIZE: 17Pt;
    COLOR: #000;
    font-family: 'Montserrat-Bold';
    line-height: 30px !important;
    border: 0px;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #000;
    background-color: transparent;
}

.nav-pills .nav-link {
    border-radius: 0.25rem;
    border: 0px;
}



/**************************************************SECCIONES RESPONSIVAS*******************************************************/

#servicios a {
    text-decoration: none;
}

#servicios-responsivo{
    display: none;
}

#solucionesde a {
    text-decoration: none;
}

#solu-responsivo{
    display: none;
}

#servix a {
    text-decoration: none;
}

#servix-responsivo{
    display: none;
}

#medicionde a {
    text-decoration: none;
}

#medicionde-responsivo{
    display: none;
}

#hidrape a {
    text-decoration: none;
}

#hidrape-responsivo{
    display: none;
}

#capacide a {
    text-decoration: none;
}

#capacide-responsivo{
    display: none;
}

#manufacde a {
    text-decoration: none;
}

#manufacde-responsivo{
    display: none;
}

#productde a {
    text-decoration: none;
}

#productde-responsivo{
    display: none;
}

.inicio-its{
    display: none;
}

@media (max-width: 767px) {

    #servicios-responsivo{
        display: block;
        margin-top: 100px;
    }
    #servicios{
        display: none;
    }

    #solu-responsivo{
        display: block;
    }
    #solucionesde{
        display: none;
    }

    #servix-responsivo{
        display: block;
    }
    #servix{
        display: none;
    }

    #medicionde-responsivo{
        display: block;
    }
    #medicionde{
        display: none;
    }

    #hidrape-responsivo{
        display: block;
    }
    #hidrape{
        display: none;
    }
    
    #capacide-responsivo{
        display: block;
    }
    #capacide{
        display: none;
    }

    #manufacde-responsivo{
        display: block;
    }
    #manufacde{
        display: none;
    }

    #productde-responsivo{
        display: block;
    }
    #productde{
        display: none;
    }

    .centrar-responsivo{
        text-align: center;
    }

    .img-respo{
        height: 250px;
    }

    .contenido-banner{
        padding: 70px 30px 0px;
    }

}

/*********************************************RESPONSIVE MAX 1100X****************************************************/

@media (max-width: 1100px) {

    .hexreal {
        display: block;
        height: 300px;
        margin-left: -100px;
    }

    #header img{
        display: none;
    }

    .hexprochico {
        position: absolute;
        top: -110px;
        left: 310px;
        height: 250px;
      }

      .hexprogrande {
        position: absolute;
        top: -15px;
        left: -50px;
        height: 400px;
      }

      .hexchicosomos {
        position: absolute;
        top: -80px;
        left: 320px;
        height: 200px;
      }

      .hexgrandesomos {
        margin-top: 30px;
        height: 400px;
      }

      .hexgrandemision {
        margin-top: 135px;
        margin-left: 0px;
        height: 400px;
      }

      .hexchicomision {
        position: absolute;
        top: -10px;
        left: -130px;
      }

      .hexgrandevision {
        margin-top: 150px;
        margin-left: 0px;
        height: 350px;
      }

      .hexchicovision {
        position: absolute;
        top: -40px;
        left: 70px;
        height: 200px;
      }

      #solucionesde img{
          height: 350px;
      }

      #servix img{
        height: 350px;
    }

    #servix img{
        height: 350px;
    }

    #manufacde img{
        height: 350px;
    }

    #medicionde img{
        height: 350px;
    }

    #hidrape img{
        height: 350px;
    }

    #capacide img{
        height: 350px;
    }

    #capacide img{
        height: 350px;
    }

    #productde img{
        height: 350px;
    }

    #solucintegracio img {
  height: 100px;
}

.logo-poly {
    margin-top: 50px;
    position: absolute;
  }

}

@media (max-width: 991px) {

    .inicio-its{
        display: block;
    }

    #slider img {
        height: 150px;
      }

      #bannerhome {
        background-image: url(../img/banner1.png);
        background-size: cover;
        background-repeat: repeat;
        background-position: right center  ;
      }

      header ul {
        margin-left: auto !important;
        background-color: #000;
      }

    .animabanner{
        display: none;
    }

    header ul li {
        padding: 0px 0px;
        margin: auto;
      }

      #servicios img {
        height: 300px;
      }

      #capacide img {
        height: 300px;
      }

      #hidrape img{
        height: 300px;
      }

      #manufacde img{
        height: 300px;
      }

      #medicionde img{
        height: 300px;
      }

      #productde img{
        height: 300px;
      }

      #servix img{
        height: 300px;
      }

      #solucionesde img{
        height: 300px;
      }

      .hexgrandevision {
        display: block;
        height: 250px;
      }

      .hexchicovision {
        display: block;
        height: 150px;
        left: 120px;
        top: 10px;
      }

      .hexgrandemision {
        margin-top: 135px;
        margin-left: 0px;
        height: 250px;
      }

      .hexchicomision {
        position: absolute;
        top: 60px;
        left: -100px;
        height: 150px;
      }

      .hexchicosomos {
        position: absolute;
        top: -50px;
        left: 240px;
        height: 150px;
      }

      .hexgrandesomos {
        margin-top: 30px;
        height: 250px;
      }

      #alianzas h1 {
        padding-top: 100px;
        padding-bottom: 100px;
      }

}


@media (max-width: 767px) {

    .nav-link {
        padding-top: 19px !important;
        position: relative;
        border-bottom: 2px solid transparent;
        transition: 1s;
        padding-bottom: 10px;
      }

      header ul li a {
        font-size: 11pt;
        color: #fff !important;
      }

    .inicio-its{
        display: none;
    }

    #alianzas img {
        height: 70px;
        margin: 0px -10px;
      }

    #solucintegracio img {
        height: 150px;
      }

      #header img{
        display: block;
    }

.hexprochico{
    display: none;
}

.hexprogrande{
    display: none;
}

.hexadobleequipos{
    display: block;
    height: 300px;
    margin: 30px auto 0px;
}

.hexchicoservicios{
    display: none;
}

.hexgrandeservicios{
    display: none;
}

.hexdobleservicios{
    display: block;
    height: 300px;
    margin: 30px auto 0px;
}

header ul li {
    padding: 0px 0px;
    margin: auto;
  }

  .titulobanner {
    left: 0px;
  }

  #bannerhome {
    animation: none;
    height: 500px;
  }

  #bannerhome h1 {
    font-size: 18px;
    text-align: center;
    padding: 0px 20px;
  }

  #bannerhome h5{
    font-size: 15px;
    padding: 20px;
  }

  .boton-rojo {
    margin-left: 20px;
  }

  #slider{
      display: block;
      margin-top: -80px;
  }

  #slider img {
    height: 150px;
  }

  #todotipoequipos {
    margin: 0px 0px 50px;
  }

  #todotipoequipos h2{
      font-size: 20px;
  }

  #compra-venta h2{
    font-size: 20px;
  }

  #servicios h2{
    font-size: 20px;
  }

  #servicios {
    margin: 100px 0px 00px;
  }

  .epaciotitulo{
    margin-top: 0px;
}

.espacios {
    margin: 50px 0px;
  }

#servix-responsivo h3{
    font-size: 20px;
    margin-bottom: 0px;
  }

#servix-responsivo h4{
    color: #ce0135;
    margin-bottom: 40px;
    font-size: 18px;
  }

#nuetrosclientes h2{
    font-size: 20px;
}

#suscribete input {
    width: 300px;
  }

  .posipro {
    margin-top: 50px;
  }

  #footer {
    text-align: center;
  }

  .hexchicosomos{
      display: none;
  }

  .hexgrandesomos{
      display: none;
  }

  .hexdoblesomos{
      display: block;
      height: 300px;
      margin: 30px auto 0px;
  }

  .hexchicomision{
      display: none;
  }

  .hexgrandemision{
      display: none;
  }

  .hexdoblemision{
      display: block;
      height: 300px;
      margin: 30px auto 0px;
  }

  .hexchicovision{
      display: none;
  }

  .hexgrandevision{
      display: none;
  }

  .hexdoblevision{
      display: block;
      height: 300px;
      margin: 30px auto 0px;
  }

  .titulosomos {
    left: 0px;
  }

  #bannersomos h1 {
    font-size: 18px;
    text-align: center;
    padding: 0px 20px;
  }

  #bannersomos h5{
    font-size: 15px;
    padding: 20px;
  }

  section#quienessomos {
    margin: 70px 0px 0px;
  }

  #quienessomos h2{
      font-size: 20px;
  }

  #mision h2{
    font-size: 20px;
}

#vision h2{
    font-size: 20px;
}

section#vision {
    margin: 50px 0px 100px;
  }

  #alianzas h1 {
    padding-top: 100px;
    padding-bottom: 100px;
    font-size: 20px;
  }

  section#alianzas {
    height: 450px;
  }

  #suscribete h1{
    font-size: 25px;
  }

  .slick-initialized .slick-slide {
    margin-left: 20px;
  }

  summary {
    FONT-SIZE: 16PX;
}

h3 {
    font-family: 'Montserrat-Bold';
    color: #ce0135;
    font-size: 20px;
    margin-bottom: 50px;
  }


  h2{
      font-size: 20px;
  }

  .hexrespons{
    display: block;
    height: 300px;
  margin: 30px auto 0px;
}

.hexreal{
    display: none;
}

  #banneersolu h1 {
    font-size: 18px;
    text-align: center;
  }

  #banneersolu h5 {
    font-size: 15px;
    text-align: center;
  }

  .titulosolu {
    position: absolute;
    top: 200px;
    left: 50px;
  }

  #banneersolu {
    height: 400px;
    animation: none;
  }

  #solucintegracio h5{
      font-size: 16px;
  }

  #bannerservicios h1 {
    font-size: 18px;
    text-align: center;
  }

  #solucintegracio {
    height: 1150px;
  }

  #bannerservicios h5 {
    font-size: 15px;
    text-align: center;
  }

  .tituloserv {
    position: absolute;
    top: 200px;
    left: 50px;
  }

  #bannerservicios {
    height: 400px;
    animation: none;
  }

  #bannerproductos h1 {
    font-size: 18px;
    text-align: center;
  }

  #bannerproductos h5 {
    font-size: 15px;
    text-align: center;
  }

  .tituproductos {
    position: absolute;
    top: 200px;
    left: 50px;
  }

  #bannerproductos {
    height: 400px;
    animation: none;
    background-repeat: repeat;
    background-position: -170px;
  }

  #bannercontacto h1 {
    font-size: 18px;
    text-align: center;
  }

  #bannercontacto h5 {
    font-size: 15px;
    text-align: center;
  }

  .titulocontacto {
    position: absolute;
    top: 200px;
    left: 50px;
  }

  #bannercontacto {
    height: 400px;
    animation: none;
  }


  #bannermedicion h1 {
    font-size: 18px;
    text-align: center;
  }

  #bannermedicion h5 {
    font-size: 15px;
    text-align: center;
  }

  #bannermedicion {
    height: 400px;
    animation: none;
    background-position: -100px;
    background-repeat: repeat;
  }

  #bannerhidraulico h1 {
    font-size: 18px;
    text-align: center;
  }

  #bannerhidraulico h5 {
    font-size: 15px;
    text-align: center;
  }

  #bannerhidraulico {
    height: 400px;
    animation: none;
  }

  #bannercapacitacion h1 {
    font-size: 18px;
    text-align: center;
  }

  #bannercapacitacion h5 {
    font-size: 15px;
    text-align: center;
  }

  #bannercapacitacion {
    height: 400px;
    animation: none;
    background-repeat: repeat;
    background-position: -210px;
  }

  #bannermanufactura h1 {
    font-size: 18px;
    text-align: center;
  }

  #bannermanufactura h5 {
    font-size: 15px;
    text-align: center;
  }

  #bannermanufactura {
    height: 400px;
    animation: none;
  }

  #formulario input {
    width: 300px;
    margin: 20px 0px 0px 0px;
  }

  #bannerhome h5 {
    line-height: 20px;
  }

  #bannersomos {
    height: 400px;
    animation: none;
  }

  .nempresa {
    position: initial;
  }

  header ul {
    margin-left: auto !important;
    background-color: #000;
  }

  #nuetrosclientes {
    margin: 100px 0px 100px;
  }

  .animabanner {
    display: none;
  }

  #formulario {
    margin: 80px 0px;
  }

  .espafoot{
    margin-bottom: 50px;
  }

  .logo-poly {
    margin-top: 30px;
    position: absolute;
    margin-left: 0px;
}

.logo-poly img {
    height: 30px;
}

details {
    line-height: 30px;
  }

  h6 {
    line-height: 20px;
  }

}