html, body { margin:0; font-family: 'camptonmedium'; color: #fff; font-size:20px; line-height:31px;}
    body { background: #000; animation: fadein 2s;  -moz-animation: fadein 2s; /* Firefox */ 
          -webkit-animation: fadein 2s; /* Safari and Chrome */ -o-animation: fadein 2s; /* Opera */  }
    @keyframes fadein { from { opacity:0; } to { opacity: 1;} } 
    @-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity: 1;} }
    @-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity: 1;} }
    @-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity: 1;} }
    h1, h2, h3, a, blockquote, body, label, input, figure, p, header, ul { transition:all 200ms ease;  }
    h1, h2, h3, h4 { font-family: 'camptonsemibold'; margin-bottom:25px; }
    a { text-decoration:none; }
    section  { padding:75px 0; width:100%; height:auto; overflow:hidden; }
    .naranja { color:#db8f1b; font-size:24px; line-height:28px; }
    .txt-n { color:#000; }
    .flota { display:inline-block; vertical-align: middle; margin:0 15px; }
    header { position:fixed; width:100%; height:100px; top:0; left:0; padding:3% 3% 1% 3%; z-index:9999;  }
    .mainn { background: rgba(0, 0, 0, .7); }
    ul.menu { width:100%; height:auto; text-align: right; }
    ul.menu li { display: inline-block; margin:5px 15px;  list-style: none; }
    ul.menu li a { color:#fff; text-decoration:none; }
    ul.menu li a:hover { color:#db8f1b !important; text-decoration:none; }
    a.active { color:#db8f1b !important; text-decoration:none; }
    .logo { position:absolute; }
    .container, .container-fluid { position:relative; z-index:10; }
    .fulgor { position:absolute; z-index:1; bottom:0; right:0; }
    footer { border-top:#db8f1b solid 15px; padding:50px 0; background: url(img/taza.svg) no-repeat; 
             background-position:90% 50%; background-size:10%; }
    footer ul { margin-top:25px; }
    footer ul li { display: block; margin:0 0 2px 0;  list-style: none; }
    footer a { position:relative; padding-left:30px; }
    footer a img { width:20px; left:0px; top: 5px; position:absolute; }
    footer ul li a { color:#db8f1b; text-decoration:none; font-family: 'camptonsemibold'; font-size:17px; }
    footer ul li a:hover { color:#fff; text-decoration:none; }
    footer a.rs { color:#fff; text-decoration:none; display: block; margin-bottom:15px; }
    p { font-size:20px; line-height:31px; }
    b { font-family: 'camptonsemibold'; }
    .jong { width:190px; margin:25px 0; }
    .btn2 { color:#fff; border:#db8f1b solid 2px; border-radius:15px; padding:15px 25px; font-size:14px; }
    .btn2:hover { color:#000; background:#db8f1b; border:#db8f1b solid 2px; border-radius:15px; padding:15px 25px; }
    .logo { width:290px; }
    ul.listado { margin:35px 0; }
    ul.listado li { margin:25px 0; }
    .cintillo { background: url(img/cintillo.svg) repeat center; width:100%; height:100px; background-size:33.3% auto;  }
    .box2 {  width:100%;  height:auto; padding:10% 5%; background:#f9f7f0; border-radius: 22px; }
    .box2_ {  border-radius: 25px; display: inline-block; padding: 2px;
              position: relative; width:40%;  overflow: hidden; background: #F9F7F0;
              background: linear-gradient(180deg,rgba(249, 247, 240, 1) 45%, rgba(164, 138, 123, 0.53) 100%);margin: 15px; }

    .vaso2 { margin:0 auto 100px; width: 90%; display: block;  position:relative; }
    #servicios {  background: url(img/servicios-1.jpg) no-repeat center; background-size:cover; height: auto; padding:15% 0; position:relative; z-index:1; margin-bottom:-4px; }
    #maximiza { color:#554736; background:#f9f7f0; }
    #maximiza a { display:block; color: #554736; margin:25px auto; width:220px; }
    #accesorios { background: url(img/taza.svg) no-repeat; background-position:-5% 30%; background-size:13%; color:#fff; }
    #accesorios p { margin-bottom:50px; }
    img.certificacion { display: inline-block; vertical-align:top; margin:10px; width:15%; }
        .modal-dialog { margin-top:150px; }
        .btn-close {opacity: 1; display: block; float: right; margin-bottom: 15px;
    background: url(img/cerrar.svg) no-repeat; width:10px !important; }
    
    #nexcup {  background: url(img/nexcup.jpg) no-repeat center; background-size:cover; height: auto; padding:15vw 0; }
    #maquinas-de-cafe {  background: url(img/fondo-maquinas.jpg) no-repeat center; background-size:cover; height: auto; padding:15vw 0; }
    #maquinas  {  background: url(img/fondo-maq2_.jpg) no-repeat center right; background-size:cover; height: auto; padding:10vh 0; }
    #maquinas .carousel-cell img { display: block; margin:50px auto 0 auto !important; width:75% !important;  }
    #maquinas .flickity-button { position: absolute; background: hsla(0, 0%, 100%, 0); border: #db8f1b solid 2px !important; color: #db8f1b; opacity: 1; }
    #maquinas .previous { display:none; }
    #maquinas .next { top:50%; }
    #nosotros .previous { display:none; }
    #nosotros .next { top:120%; left:0px !important }
    #nosotros .flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, 0);
    border: #db8f1b solid 2px !important;
    color: #db8f1b;
    opacity: 1;
    }

    #servicio-integral .flickity-button { position: absolute; background: hsla(0, 0%, 100%, 0); border: #db8f1b solid 2px !important; color: #db8f1b; opacity: 1; }
    #servicio-integral .carousel { }
    #servicio-integral .flickity-prev-next-button { top:50%; }
    #servicio-integral .flickity-prev-next-button.previous  { left:-40px !important; }
    #servicio-integral .flickity-prev-next-button.next  { right:-40px !important; }
    #servicio-integral { color:#554736; background:#f9f7f0; }
    #servicio-integral .carousel { width: 100%; height:auto; }
    #servicio-integral .carousel .carousel-cell { width: 31.5%; margin:10px; }
    #servicio-integral .carousel .carousel-cell .box2_ .box2 .tt { font-family: 'camptonsemibold'; color:#db8f1b; font-size:26px; 
                                                                   line-height:31px; margin-bottom:25px; }
    #servicio-integral .carousel .carousel-cell .box2 { min-height:200px; font-size:16px;}
    #servicio-integral .carousel .carousel-cell .box2_ {  border-radius: 25px; display: inline-block; padding: 2px;
              position: relative; width:100%;  overflow: hidden; background: #F9F7F0;
              background: linear-gradient(180deg,rgba(249, 247, 240, 1) 45%, rgba(164, 138, 123, 0.53) 100%);margin: 15px; }

    .box2_1 {  border-radius: 25px; display: inline-block; padding: 2px; text-align: center;
              position: relative; width:20%;  overflow: hidden; background: #F9F7F0;
              background: linear-gradient(180deg,rgba(249, 247, 240, 1) 45%, rgba(164, 138, 123, 0.53) 100%);margin: 15px; }


              .carousel-cell hr { width:70px; height: 10px; background:#F19220; border: none !important; opacity:1; }
    ul.list-maq { max-width:240px;  padding:0 0 0 10px; }
    ul.list-maq li { font-size:16px; line-height:27px; margin-bottom:30px;  }
    
    #del-cafe .flickity-button.previous { display:none; }
    #del-cafe .flickity-button.next { top:110%; left:0px; }
    #del-cafe .flickity-button {
    position: absolute;    background: hsla(0, 0%, 100%, 0);    border: #db8f1b solid 2px;
    color: #db8f1b;    opacity: 1; }
    #del-cafe {  background: url(img/servicios-3.jpg) no-repeat center; background-size:cover; height: auto; padding:15vh 0; }
    #del-cafe p { max-width:75%; }
    #nosotros {  background: url(img/nosotros-1.jpg) no-repeat center; background-size:cover; height: auto; padding-top:15%; }
    #nosotros .carousel-cell p { padding-right:17%; }
    #tecnologia {  background: url(img/nosotros-2.jpg) no-repeat center; background-size:cover; z-index:5; position:relative; }
    #tecnologia2 span { display:block; }
    #tecnologia2 { background:#000; }
    #tecnologia2 .carousel  {  margin:30px 0; }
    #tecnologia2 .carousel .carousel-cell { width:30%; margin:1.5% !important; border-radius: 25px; display: inline-block; padding: 1px;
                                            overflow: hidden; margin: 15px; background: #000;
                                            background: linear-gradient(180deg,rgba(0, 0, 0, 1) 33%, rgba(249, 247, 240, 1) 100%); }
              .carousel-cell_ {  width:100%;  height:auto; padding:10% 5%; background:#000; border-radius: 25px; border:none !important;  font-family: 'camptonsemibold'; }

    #tecnologia2 .flickity-button {
    position: absolute;    background: hsla(0, 0%, 100%, 0);    border: #db8f1b solid 2px;
    color: #db8f1b;    opacity: 1;  }

    #tecnologia2 .flickity-prev-next-button.next { right: -40px; }
    #tecnologia2 .flickity-prev-next-button.previous { left: -40px; }

    #tiendas { background:#f9f7f0; color:#554736; }
    .tiendas { padding-top:70px; }
    .tiendas hr { height: 4px; width: 60px;}

    #tiendas .flickity-button {
        position: absolute;
        background: hsla(0, 0%, 100%, 0);
        border: #db8f1b solid 2px;
        color: #db8f1b;
        opacity: 1;
    }
    .icon-tec { width:60px; margin-bottom:40px; }
    #tiendas .previous { display:none; }
    #tiendas .next { top: 90%;}

    #haz-cafe {  background: url(img/rentable.jpg) no-repeat center; background-size:cover; }
    #haz-cafe .carousel { max-width:590px; min-height: 500px; padding:3%; margin:0 auto; }
    #haz-cafe .carousel .carousel-cell { width:100%; margin:1.5%; border-radius: 25px; display: inline-block; padding: 2px;
              position: relative; overflow: hidden; background: #F9F7F0;
              background: linear-gradient(180deg,rgba(0, 0, 0, 1) 25%, rgba(249, 247, 240, 0.53) 100%); margin: 15px; }
    #haz-cafe .carousel .carousel-cell .carousel-cell_ {  width:100%;  height:auto; padding:10% 5%; 
                                                          background:#000; border-radius: 22px;  font-family: 'camptonsemibold'; }

    #haz-cafe .flickity-prev-next-button.next {    right: -40px; }
    #haz-cafe .flickity-prev-next-button.previous {    left: -40px; }
    #marcas {  background: url(img/nosotros-3.jpg) no-repeat center; background-size:cover; }

    .slide { max-width:790px; margin:50px auto; display:;  }
    .slide .flickity-button {
    position: absolute;
    background: hsla(0,0%,100%, 0);
    border: none;
    color: #db8f1b;
    }

    #maquinas .flickity-button {
    position: absolute;
    background: hsla(0,0%,100%, 0);
    border: none;
    color: #db8f1b;
    }
    textarea { width:100%; height: 150px; margin:5px 0; border:none; padding:10px; background:#ede9dd; resize:none; }
    input { width:100%; margin:5px 0; border:none; padding:10px; background:#ede9dd; }
    input[type=submit] { color:#554736; background: none; border:#db8f1b solid 2px; display:block; margin: 10px auto; text-align:center; max-width:150px;  }
    input[type=submit]:hover { color:#fff; background: #db8f1b; border:#db8f1b solid 2px; display:block; margin: 10px auto; text-align:center; max-width:150px;  }
    
    button.send_ { color:#554736; background: none; border:#db8f1b solid 2px; display:block;  padding:10px; margin: 10px auto; text-align:center; width:150px !important;  }
    button.send_:hover { color:#fff; background: #db8f1b; border:#db8f1b solid 2px; display:block;  padding:10px; margin: 10px auto; text-align:center; width:150px !important;  }
    


    label { font-size:14px !important; text-transform:uppercase; }
    #servicios_ { background:#f9f7f0; color:#554736; }
    #nosotros { height:100vh; }
    .negro { color:#000 !important; }

    
.wrapper {
  position: fixed;
  bottom: 50px;
  right: -570px;
  max-width: 445px;
  width: 100%;
  background: #f9f7f0;
  border-radius: 8px;
  padding: 15px 25px 22px;
  transition: right 0.3s ease;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  z-index: 99999999999;
}
.wrapper.show {
  right: 20px;
}
.wrapper .headerr {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.headerr i {
  color: #db8f1b;
  font-size: 32px;
}
.headerr h2 {
  color: #db8f1b;
  font-weight: 500; font-size: 32px;
}
.wrapper .data {
  margin-top: 16px;
}
.wrapper .data p {
  color: #333;
  font-size: 16px;
}
.data p a {
  color: #db8f1b;
  text-decoration: none;
}
.data p a:hover {
  text-decoration: underline;
}
.wrapper .buttons {
  margin-top: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.buttons .button {
  border: none;
  color: #fff;
  padding: 8px 0;
  border-radius: 4px;
  background: #db8f1b;
  cursor: pointer;
  width: calc(100% / 2 - 10px);
  transition: all 0.2s ease;
}
.buttons #acceptBtn:hover {
  background-color: #000;
}
#declineBtn {
  border: 2px solid #db8f1b;
  background-color: #fff;
  color: #db8f1b;
}
#declineBtn:hover {
  background-color: #db8f1b;
  color: #fff;
}

    .flickity-enabled:focus {
    outline: none;
}

   .mt-7 { margin-top:70px; }
   .mt-8 { margin-top:80px; }
   .mt-9 { margin-top:90px; }
   .font-48 { font-size:48px; line-height:53px; font-family: 'camptonmedium'; }
   .font-16 { font-size:16px; line-height:27px; font-family: 'camptonmedium'; }
   .font-20 { font-size:22px; line-height:30px; font-family: 'camptonmedium'; }
   .font-22 { font-size:22px; line-height:30px; font-family: 'camptonmedium'; }
   .font-32 { font-size:32px; line-height:40px; font-family: 'camptonmedium'; }

   #contacto { background:#f9f7f0; color:#554736; }
   .main {  margin-right: 100% !important; color: red;  transition:all 400ms ease; }

   .burger { top:20px; right:40px; display:none; }
   .icon-wrapper {
      display: block;
      height: 40px;
      position: relative;
      overflow: hidden;
      width: 40px;

      svg {
        display: block;
        height: 100%;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 100%;
        fill:#db8f1b;

        &.outside-square {
          transition: All 0.5s ease;
          -webkit-transition: All 0.5s ease;
          -moz-transition: All 0.5s ease;
          -o-transition: All 0.5s ease;
          -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
        }

        &.inside-square {
          transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition-delay: 0s;
          transition-delay: 0s;

          &.inside-square__first {
          }

          &.inside-square__second {
          }
        }
  }

  &.selected {
    svg {
      &.outside-square {
        opacity: 0;

        -webkit-transition-delay: 0s;
        transition-delay: 0s;
      }

      &.inside-square {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;

        &.inside-square__first {
          transform: rotate(45deg) scaleY(10);
        }

        &.inside-square__second {
          transform: rotate(-45deg) scaleY(10);
        }
      }
    }
  }
}
.separador { width:100%; height:90px;  }

/* position dots in gallery */
.flickity-page-dots {
  bottom: 0px;
}
/* white circles */
.flickity-page-dots .dot {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: #db8f1b !important;
  border: 2px solid #db8f1b;
}
/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
  background: #db8f1b;
}



@keyframes infiniteScroll {
  from {transform: translateX(0)}
  to {transform: translateX(-50%)}
}
.containerr_ {
  width: 100%;
  overflow-x: hidden;
  padding: 35px 0;
}
.horizontal-scrolling-items {
  display: flex;
  font-size: 40px;
  width: 2600px;
  animation-name: infiniteScroll;
  animation-duration: 50s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.horizontal-scrolling-items__item {
  /*white-space: nowrap; */
  margin: 0 75px;
}


.flickity-page-dots { display:none ; }

    /* Menu Button 1 */
    .menu-btn-1 {
        height: 32px;
        width: 40px;
        cursor: pointer; position: absolute;
    }

        .menu-btn-1 span,
        .menu-btn-1 span::before,
        .menu-btn-1 span::after {
            background: #fff;
            border-radius: 3px;
            content: '';
            position: absolute;
            width: 40px;
            height: 3px;         
            margin-top: 13px; 

            -webkit-transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
        }

        .menu-btn-1 span::before {
            margin-top:-12px;
        }

        .menu-btn-1 span::after {
            margin-top:12px;
        }

        .menu-btn-1.activee span {
            background: transparent;
        }

        .menu-btn-1.activee span::before {
            margin-top: 0;

            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .menu-btn-1.activee span::after {
            margin-top: 0;

            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }


@media only screen and (max-width: 960px) {
  html, body { margin:0; font-family: 'camptonbook'; color: #fff; font-size:18px; line-height:28px;}
  p { font-size:16px; line-height:26px;}
  p br { display:none; }
  #del-cafe p { max-width: 100%; }
  .font-48 { font-size: 38px; line-height: 43px; }

  .logo {  width: 190px; margin-top:10px; }
  .burger { display:inline; }
  h1 br, h2 br, h3 br, p br { display:none; }
  ul.menu { width:100%; height:auto; text-align: right; background: rgba(0, 0, 0, .7); position:absolute; right:-100%; top:70px; }
  ul.menu li { display: block;}

  .col-xs-6 { width:49% !important; position:relative; } 
  .col-xs-6 img { position:absolute; bottom:0px; right:15px; } 
  .cintillo { background: url(img/cintillo.svg) no-repeat center; width:100%; height:100px; background-size:100% auto;  }
  ul.list-maq { max-width: 100%; padding:0px; }
  footer ul { padding:0; }

  #nexcup {
    background: url(img/nexcup.jpg) no-repeat center;
    background-size: cover;
    height: auto;
    padding: 150px 0 50px 0;
    }
    #nosotros {
      background: url(img/nosotros-1.jpg) no-repeat center right;
     padding: 150px 0 50px 0;
   }
   #servicios {
    background: url(img/servicios-1.jpg) no-repeat center;
    background-size: cover;
    height: auto;
    padding: 150px 0 50px 0;
}
#maquinas-de-cafe {
    background: url(img/fondo-maquinas.jpg) no-repeat center right;
    background-size: cover;
    height: auto;
    padding: 150px 0 50px 0;
}
.box2_ {
    border-radius: 25px;
    display: inline-block;
    padding: 2px;
    position: relative;
    width: 45%;
    overflow: hidden;
    background: #F9F7F0;
    background: linear-gradient(180deg, rgba(249, 247, 240, 1) 45%, rgba(164, 138, 123, 0.53) 100%);
    margin: 5px;
}
    .btn2 {
        color: #fff;
        border: #db8f1b solid 2px;
        border-radius: 15px;
        padding: 10px 10px;
    }

    .box2_1 {
        border-radius: 25px;
        display: inline-block;
        padding: 2px;
        text-align: center;
        position: relative;
        width: 45%;
        overflow: hidden;
        background: #F9F7F0;
        background: linear-gradient(180deg, rgba(249, 247, 240, 1) 45%, rgba(164, 138, 123, 0.53) 100%);
        margin: 5px;
    }

    #maquinas {
        background: url(img/fondo-maq2_.jpg) no-repeat;
        background-size: cover;
        background-position: 90% -50% !important;
        height: auto;
        padding: 10vh 0;
    }

  
    #servicio-integral .carousel .carousel-cell { width: 90%; margin:20px; }
    #servicio-integral .carousel .carousel-cell .box2_ .box2 .tt { font-family: 'camptonsemibold'; color:#db8f1b; font-size:26px; 
                                                                   line-height:31px; margin-bottom:25px; }
    #servicio-integral .carousel .carousel-cell .box2 { min-height: 300px; font-size:18px; }
    #servicio-integral .carousel .carousel-cell .box2_ {  border-radius: 25px; display: inline-block; padding: 2px;
              position: relative; width:100%;  overflow: hidden; background: #F9F7F0;
              background: linear-gradient(180deg,rgba(249, 247, 240, 1) 45%, rgba(164, 138, 123, 0.53) 100%);margin: 15px; }

    .box2_1 {  border-radius: 25px; display: inline-block; padding: 2px; text-align: center;
              position: relative; width:20%;  overflow: hidden; background: #F9F7F0;
              background: linear-gradient(180deg,rgba(249, 247, 240, 1) 45%, rgba(164, 138, 123, 0.53) 100%);margin: 15px; }



}

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

  h2.fs-1_ { font-size:38px; }
  .snp { padding-left: 0; padding-right: 0; }
  .cnp { padding-left: 5%; padding-right: 5%; }
 
  .maaq { background: url(img/maaq.jpg) no-repeat center; padding: 0 5%;
        background-size: 100% 100% !important;}

 .maq_1 { margin: 0 !important; }


#maquinas .next {
    top: 104%;
}

.flickity-page-dots { display:block ; }
  img.certificacion {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    width: 45%;
}
#accesorios p {
    margin: 50px;
}
#accesorios {
    background: url(img/taza.svg) no-repeat;
    background-position: -5% 30%;
    background-size: 23%;
    color: #fff;
}


.carousel-cell br { display:none; }
.carousel-cell b { display:block; margin-top:35px; }
  .box2_ {
    border-radius: 25px;
    display: inline-block;
    padding: 2px;
    position: relative;
    width: 90%;
    overflow: hidden;
    background: #F9F7F0;
    background: linear-gradient(180deg, rgba(249, 247, 240, 1) 45%, rgba(164, 138, 123, 0.53) 100%);
    margin: 5px;
}


    #marcas {
        background: url(img/nosotros-3a.jpg) no-repeat center bottom;
        background-size: cover;
        padding-bottom: 90px;
    }

#tecnologia img {
    width: 80%; display:block; margin: 35px auto -30px auto;
}
    #maquinas {
        background: url(img/fondo-maq2_.jpg) no-repeat;
        background-size: cover;
        background-position: center!important;
        height: auto;
        padding: 10vh 0;
    }
#maquinas .previous{ display: none;  }
#maquinas .carousel-cell img { display: block; margin:0 auto 0 -10%;  }

.col {
    flex: 1 0 0%; width: 100px !important;
}
    .box2_1 {
        border-radius: 25px;
        display: inline-block;
        padding: 2px;
        text-align: center;
        position: relative;
        width: 90%;
        overflow: hidden;
        background: #F9F7F0;
        background: linear-gradient(180deg, rgba(249, 247, 240, 1) 45%, rgba(164, 138, 123, 0.53) 100%);
        margin: 15px; }

        #tecnologia2 .carousel {
            width: 80%; height: auto; margin: 0 auto; padding-bottom: 45px !important;
        }

        footer {
            border-top: #db8f1b solid 15px;
            padding: 50px 0;
            background: none;
            background-position: 90% 50%;
            background-size: 10%;
        }

        #tecnologia2 .carousel .carousel-cell {
            width: 100% !important;
            margin: 1.5% !important;
            border-radius: 25px;
            display: inline-block;
            padding: 1px;
            overflow: hidden;
            margin: 15px;
            background: #000;
            background: linear-gradient(180deg, rgba(0, 0, 0, 1) 33%, rgba(249, 247, 240, 1) 100%);
        }

    #servicio-integral .flickity-prev-next-button.previous  { left:0px !important; }
    #servicio-integral .flickity-prev-next-button.next  { right:0px !important; }
    header { position:fixed; width:100%; height:70px; top:0; left:0; padding:3% 3% 1% 3%; z-index:9999;  }

  

}




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

    #maquinas {
        background: url(img/fondo-maq2_.jpg) no-repeat;
        background-size: cover;
        background-position: center !important;
        height: auto;
        padding: 10vh 0;
    }

      .col-xs-6 {
        width: 100% !important;
        position: relative;
    }
    ul.list-maq li {
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 0px;
}
  #servicio-integral .carousel .carousel-cell { width: 91% !important; margin:0 15px !important; }
  #tecnologia2 .flickity-button {
    position: absolute;    background: hsla(0, 0%, 100%, 0);    border: #db8f1b solid 2px;
    color: #db8f1b;    opacity: 1; top:100%; }
    #tecnologia2 .flickity-prev-next-button.previous {
    left: 0px; display: none;
    }
    #tecnologia2 .flickity-prev-next-button.next {
        right: 0px; display: none;
    }
    #tecnologia2 a {
   margin-top: 75px; display: inline-block;
}

#haz-cafe .flickity-prev-next-button.previous {
    display: none;
}
#haz-cafe .flickity-prev-next-button.next {
    display: none;
}
    .flota {
          display: block;
          vertical-align: middle;
          margin: 30px 15px; max-width: 240px; 
      }
          #tecnologia img {
        width: 60%;
        display: block;
        margin: 35px auto -30px auto;
    }
    .container { padding-left:7%; padding-right:7%;  }
    #accesorios {
        background: none !important;
        background-position: 45% 159%;
        background-size: 45%;
        color: #fff;
    }
        #servicio-integral .flickity-prev-next-button.previous {
        left: 0px !important; display: none;
    }
        #servicio-integral .flickity-prev-next-button.next {
        right: 0px !important; display: none;
    }
        #servicio-integral .flickity-prev-next-button {
        top: 110% !important;
    }
    .pulldown { margin-bottom:225px; }
        #servicio-integral .carousel .carousel-cell .box2 {
        min-height: 200px;
        font-size: 18px;
    }

     .col {
          flex: 1 1 100%;
          /* width: 100% !important; */
      }

      .estira { height:440px;  }

#haz-cafe .flickity-page-dots
 {
    position: absolute;
    width: 100%;
    bottom: 125px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

      #tiendas .next {
    top: 100%;
}
.carousel-cell { width:100% !important; }
  }

  a:hover { color: inherit !important; }
}