/** FUENTES **/

@font-face{
  font-family:"hanson_bold" ;
  src: url("../fonts/Hanson-Bold.ttf");
  font-display: block;
}

@font-face{
  font-family:"roboto_bold_condensed" ;
  src: url("../fonts/Roboto-BoldCondensed.ttf");
  font-display: block;
}

@font-face{
  font-family:"roboto_condensed" ;
  src: url("../fonts/Roboto-Condensed.ttf");
  font-display: block;
}

@font-face{
  font-family:"roboto_medium" ;
  src: url("../fonts/Roboto-Medium.ttf");
  font-display: block;
}

@font-face{
  font-family:"gotham_bold" ;
  src: url("../fonts/Gotham-Bold.otf");
  font-display: block;
}

@font-face{
  font-family:"gotham_book" ;
  src: url("../fonts/Gotham-Book.otf");
  font-display: block;
}

@font-face {
  font-family:"gotham_light" ;
  src: url("../fonts/Gotham-Light.otf");
  font-display: block;
}

@font-face {
  font-family:"gotham_medium" ;
  src: url("../fonts/Gotham-Medium.otf");
  font-display: block;
}

/** END FUENTES **/

/* SLICK FIX */
.slick-dotted.slick-slider{
  margin-bottom: 0px!important;
}
/* END SLICK FIX */

/** VARIABLES **/

:root{
    --c_azulclaro_general: #0071CE;
    --c_gris_letras: #4D4D4D;
    --c_gris_footer: #F2F2F2;
}

/** END VARIABLES **/

/* CIRCULO SCROLL ANIMATION */
.arrow_scroll{
  position: absolute;
  background-color: white;
  width: 10px;
  height: 10px;
  border-radius: 360px;
  bottom: 5px;
  left: 50%;
  transform: translate(0%, 50%);
  transition: 1s all;
  animation: scroll_arrow 1s ease-out infinite;
}

@keyframes scroll_arrow{
  0%{
    bottom: 5px;
  }
  50%{
    bottom: 15px;
  }
  100%{
    bottom: 5px;
  }
}

/** INICIALIZADOR **/

body{
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /*overflow-y: scroll;*/
  display: flex;
  flex-direction: column;
  line-height: 1.6;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.link_menu_idioma{
  color: white;
  text-decoration: none;
}

.link_menu_idioma_active{
  color: var(--c_azulclaro_general);
  text-decoration: none;
}

*:focus{
  outline: none!important;
}

.swal-modal{
    font-family:"roboto_condensed"!important;
}

.oculto{
  display: none!important;
}

.container_principal{
  position: relative;
  /*height: 73.5vh;*/
  height: auto;
  width: 100%;
  /*overflow-y: hidden;*/
  overflow-x: hidden;
}

.icono_modal{
  /* display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; */
  width: 11%;
}

.img_op{
  opacity: .7;
}

.icono_modal_ultimo{
  width: 13.5%;
}

.link_omax{
  position: absolute;
  right: 5%;
  padding-top: 30px;
  color: var(--c_azulclaro_general);
  font-family: 'roboto_medium';
  bottom: -5%;
}

  .link_omax a{
    text-decoration: none;
    color: var(--c_azulclaro_general);
  }

/** END INICIALIZADOR **/

/** PRELOADER **/

.preloader{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    z-index: 1000;
}

  .logo_preloader{
    width: 30%;
  }


.menu_ul li a:hover{
	opacity: 1!important;
  color: var(--c_azulclaro_general);
}

/** END PRELOADER **/

/** HEADER **/

header{
  position: fixed;
  top: 0;
  width: 100%;
  height: 17%;
  display: flex;
  flex-direction: column;
  z-index: 100;
  background-color: white;
  z-index: 200;
  box-shadow: 0px 0px 5px 0px black;
}

  .barra_negra{
    position: relative;
    width: 100%;
    height:20%;
    min-height: 26px;
    background-color: black;
    font-family: 'roboto_medium';
    color: white;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
  }

    .telefonos_texto{
      color: var(--c_azulclaro_general);
    }

    .link_blanco{
      color: white;
      text-decoration: none;
      margin-left: 10px;
      margin-right: 10px;
    }

    .diagonal_azul{
      color: var(--c_azulclaro_general);
      margin: 0 10px;
    }

    .ingles, .espanol{
      cursor: pointer;
    }

  .barra_logo{
    position: relative;
    width: 100%;
    height:60%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: solid 1px #808080;
  }

    .logo_desktop{
        width: 15%;
        cursor: pointer
    }

    .btn_cotizacion{
      position: absolute;
      right: 12%;
      width: 15%;
      height: 40px;
      background-color: var(--c_azulclaro_general);
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      cursor: pointer;
      transition: .5s;
    }

      .btn_cot_left{
        width: 70%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: .8em;
        font-family: roboto_bold_condensed;
      }

      .btn_cot_right{
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #068DEA;
        height: 100%;
      }

        .icono_btn{
          width: 40%;
          transition: .5s;
        }

      .btn_cotizacion:hover{
        font-size: 17px;
      }

      .btn_cotizacion:hover .icono_btn{
        transform: scale(1.02);
      }

      .btn_cotizacion:hover{
        box-shadow: 0px 0px 5px 2px #999;
      }

    .redes_header{
      position: absolute;
      right: 1%;
      width: 10%;
      height: 40px;
      display: flex;
      justify-content: space-evenly;
      align-items: center;
    }

      .btn_facebook{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        width: 50%;
      }

        .icono_fb{
          width: 70%;
          cursor: pointer;
          transition: .5s all;
        }

          .icono_fb:hover{
            border-radius: 180px;
            box-shadow: 0px 0px 5px 3px #999;
          }

      .btn_instagram{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        width: 50%;
      }

        .icono_inst{
          width: 70%;
          cursor: pointer;
          transition: .5s all;
        }

          .icono_inst:hover{
            border-radius: 180px;
            box-shadow: 0px 0px 5px 3px #999;
          }

      .btn_whatsapp{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
      }

        .icono_whats{
          width: 70%;
          cursor: pointer;
          transition: .5s all;
        }

          .icono_whats:hover{
            border-radius: 180px;
            box-shadow: 0px 0px 5px 3px #999;
          }

  .barra_menu{
    position: relative;
    width: 100%;
    height: 20%;
    min-height: 30px;
    border-bottom: solid 1px #808080;
    display: flex;
    justify-content: center;
    align-items: center;
  }

    .container {
      width: 100%;
      height: 100%;
      position: relative;
      margin: 0;
      font-size: 12px;
      font-family: gotham_book;
    }

        .link_menu {
          text-decoration: none;
          color: #191919;
          cursor: pointer;
          opacity: 0.6;
        }

        .link_menu2{
          text-decoration: none;
          color: #191919;
          cursor: pointer;
          opacity: .5!important;
        }

        .mynav{
          position: relative;
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
        }

          .mynav ul {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            list-style-type: none;
            padding: 0;
            margin: 0;
          }

            .mynav ul li{
              display: flex;
              justify-content: center;
              align-items: center;
            }

  .mynav li:not(:last-child) {
    margin-right: 20px;
  }

  .mynav a: {
    display: block;
    color: black;
    text-decoration: none;
    padding: 7px 15px;
  }

  .activo_menu {
    color: var(--c_azulclaro_general)!important;
  }

  .target {
    position: absolute;
    border-bottom: 4px solid transparent;
    z-index: -1;
  }

  .target{
    width: 71.2px;
    height: 90%;
    /*left: 535.1px;*/
    top: 0px;
    border-color: rgb(0, 113, 206);
    transform: none;
  }

  .mynav a,
  .target {
    transition: all .35s ease-in-out;
  }

  .barra_menu .container .mynav .menu_ul li.active a{
    opacity: 1!important;
  }
  .active{
    opacity: 1!important;
  }

  .menu_ul_modal{
    height: 50%!important;
  }

  .active_modal a{
    opacity: 1!important;
  }

  /*.target{
    width: 71.2px;
    height: 20px;
    left: 509.6px;
    top: 8px;
    border-color: rgb(0, 113, 206);
    transform: none;
  }*/

/** END HEADER **/

/** SLIDER INICIAL NOSOTROS **/
  .spacio_header{
    height: 17vh;
    /* display: none; */
  }

  .nosotros_section{
    width: 100%;
    /*height: 74vh;*/
    /* height: auto; */
    padding: 0px 0 100px 0;
    overflow: hidden;
    box-sizing: border-box;
  }


    .nosotros_cont{
      display: flex;
      flex-direction: row;
      padding: 100px 0;
      width: 100%;
    }

      .txt_container{
        display: flex;
        width: 50%;
        justify-content: center;
        align-items: center;
      }

        .txt_nosotros{
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
          text-align: left;
          width: 66%;
        }

        .txt_title_tec{
          font-family:"hanson_bold" ;
          font-size: 30px;
          color: var(--c_azulclaro_general);
          margin: 0;
          text-align: left;
          letter-spacing: 20px;
        }

        .txt_title_nos_fx{
          font-family:"hanson_bold" ;
          font-size: 25px;
          color: var(--c_azulclaro_general);
          margin: 0;
          text-align: left;
          letter-spacing: 2px;
        }


          .txt_title{
            font-family:"hanson_bold" ;
            font-size: 25px;
            color: var(--c_azulclaro_general);
            margin: 0;
            text-align: left;
          }

          .txt_wht_tit{
            font-family:"hanson_bold" ;
            font-size: 25px;
            color: #fff;
            margin: 0;
          }


          .txt_gen{
            text-align: justify;
            font-family:"roboto_condensed";
            font-size: 16px;
            color: var(--c_gris_letras);
          }

          .pos_txt_cont{
            position: absolute;
            text-align: left;
            z-index: 15;
            top: 30%;
            /* bottom: 50%; */
            left: 10%;
          }

          .ver_video_cont{
            display: flex;
            align-items: center;
            cursor: pointer;
          }

            .btn_play{
              height: 50px;
              width: 50px;
              background-color: var(--c_gris_footer);
              border-radius: 180px;
              display: flex;
              justify-content: center;
              align-items: center;
              margin-right: 10px;
            }

            .action_txt{
              font-family:"gotham_book" ;
              font-size: 15px;
              color: var(--c_azulclaro_general);
            }

  .slider_cont{
    position: relative;
    display: block;
    width: 50%;
    height: 100%;
  }

  .gal_nos{
    height: 100%;
    width: 100%;
  }



    .galSl{
      width: 100%;
      /* transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); */
      /* transform: scale(1.8); */
      position: relative;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 74vh!important;
    }

    .galSl1 {
      background-image: url("../img/img/slider_nosotros/gal_nos1.webp");
    }

    .galSl2 {
      background-image: url("../img/img/slider_nosotros/gal_nos2.webp");
    }

    .galSl3 {
      background-image: url("../img/img/slider_nosotros/gal_nos3.webp");
    }

    .galSl4 {
      background-image: url("../img/img/slider_nosotros/imagen_diseno_maquicorte.jpg");
    }

    .prev_btn{
      position: absolute;
      height: 50px;
      width: 50px;
      background-color: rgba(0, 113, 206, 0.4);
      display: flex;
      justify-content: center;
      align-items: center;
      left: 0px;
      z-index: 10;
      top: calc(50% - 25px);
      cursor: pointer;
      -webkit-transition: background-color 600ms linear;
      -moz-transition: background-color 600ms linear;
      -o-transition: background-color 6000ms linear;
      -ms-transition: background-color 600ms linear;
       transition: background-color 600ms linear;
    }

    .prev_btn:hover{
      background-color: rgba(0, 113, 206, 1);
    }

    .next_btn{
      position: absolute;
      height: 50px;
      width: 50px;
      background-color: rgba(0, 113, 206, 0.4);
      display: flex;
      justify-content: center;
      align-items: center;
      right: 0px;
      z-index: 10;
      top: calc(50% - 25px);
      cursor: pointer;
      -webkit-transition: background-color 600ms linear;
      -moz-transition: background-color 600ms linear;
      -o-transition: background-color 600ms linear;
      -ms-transition: background-color 600ms linear;
       transition: background-color 600ms linear;
    }

    .next_btn:hover{
      background-color: rgba(0, 113, 206, 1);
    }

    .imgAr{
      height: 15px;
    }

    .valores_seccion{
      position: relative;
      width: 100%;
      display: block;
      height: 40vh;
      margin: 9% 0 0 0;
      max-height: 380px;
    }

      .watertit_big{
        font-family:"gotham_bold";
        font-size: 18vh;
        color: #a7a7a7;
        margin: 2% 0;
      }

      .val_tit_position{
        position: absolute;
        top: -190px;

      }
      .blue_cont{
        background-size: 100% 100%;
        background-image: url("../img/img/valores_img.webp");
        background-repeat: no-repeat;
        /* background-color: var(--c_azulclaro_general); */
        width: 100%;
        height: 100%;
        /* opacity: .5; */
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .txt_valores{
        color: white;
        font-family:"gotham_bold" ;
        font-size: 20px;
      }

      .icon_scroll_bottom_2{
        border-radius: 180%;
        height: 50px;
        width: 50px;
        background-color: var(--c_azulclaro_general);
        background-image: url(../img/svg/scroll_down.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 25%;
        position: absolute;
        z-index: 100;
        bottom: -10%;
        left: 0;
        right: 0;
        margin: 0 auto;
      }

    .ventajas_nosotros{
      display: block;
      width: 100%;
    }

      .tit_vent_cont{
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-direction: column;
        padding: 5% 0;
        box-sizing: border-box;
      }

        .tit_ventajas{
          color: var(--c_azulclaro_general);
          font-family:"gotham_book" ;
          font-size: 22px;
        }

        .ln_bl{
          height: 2px;
          width: 30px;
          background-color: var(--c_azulclaro_general);
        }

    .vent_cont_not{
      width: 100%;
      display: flex;
      justify-content: space-around;
      flex-direction: row;
    }

      .vent_cont{
        display: flex;
        justify-content: center;
		align-items: center;
        flex-direction: column;
        width: 25%;
      }

        .icon_ven{
          width: 90%;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-direction: column;
          height: 100%;
        }

        .icon_img{
          width: 110px;
          height: 110px;
        }

    .txt_cen{
      text-align: center;
      font-family:"roboto_condensed" ;
    }

    .tit_icon_vent{
      margin: 1em 0 .5em 0;

    }

    .txt_ven{
      font-size: 14px;
      color: #4D4D4D;
    }

    .map_section{
      background-color: #00203B;
      height: 75vh;
      position: relative;
      margin: 8% 0 0 0;
      display: flex;
      flex-direction: row;
    }

    .cirulo_blue{
      background-color: var(--c_azulclaro_general);
      -moz-border-radius: 0 0 0 100%;
      -webkit-border-radius: 0 0 0 100%;
      border-radius: 0 0 0 100%;
      width: 120px;
      height: 120px;
      position: absolute;
      z-index: 10;
      right: 0
    }

      .text_cont_pos{
        display: flex;
        justify-content: center;
        width: 45%;
        color: white;
        font-size: 20px;
        align-items: center;
        flex-direction: column;
        height: 100%;
        font-family:"roboto_condensed" ;
        padding: 0 2% 10% 2%;
        box-sizing: border-box;
        text-align: center;
      }

        .img_icon_pos{
          position: absolute;
          bottom: 20px;
          left: 2%;
          width: 100px;
          height: 100px;
          background-image: url("../img/img/target_maqui.png");
          background-position: center;
          background-size: 100% 100%;
          z-index: 10;
        }

          .tit_pos{
            font-size: 30px;
            margin: 0;
            font-family:"hanson_bold" ;
          }

          .map_ventajas{
            width: 60%;
            display: flex;
            justify-content: center;
            align-content: center;
            align-items: center;
          }

            .mapa_img{
              /* width: 75%; */
              height: 60%;
            }

        .exito_container{
          margin: 8% 0 0 0;
        }

        .slide_fix_cont{
          width: 100%;
          display: flex;
          justify-content: center;
        }

          .casos_cont{
              width: 100%;
              display: flex;
              justify-content: center;
              align-items: center;
              text-align: center;
          }

          .slide_emp_cont{
            width: 60%;
            margin: 3% 0;
          }

          .slide_emp{
            width: 100%;
            position: relative;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            height: 10vh!important;
          }


          .emp1{
            background-image: url("../img/img/empresa/centerline_eg.webp");
          }

          .emp2{
            background-image: url("../img/img/empresa/licamex.webp");
          }

          .emp3{
            background-image: url("../img/img/empresa/luzars.webp");
          }

          .emp4{
            background-image: url("../img/img/empresa/metalinspec.webp");
          }

          .emp5{
            background-image: url("../img/img/empresa/pimsa.webp");
          }

          .emp6{
            background-image: url("../img/img/empresa/servisuajes.webp");
          }


          .slide_emp_cont .slick-dots li button::before {
            color: #DBDBDB!important;
          }








/** END SLIDER INICIAL **/

/** FOOTER **/

footer{
  position: relative;
  width: 100%;
  height: 10vh;
  display: block;
  border-bottom: solid 5px var(--c_azulclaro_general);
  bottom: 0;
}

  .cont_footer{
    background-color: #f2f2f2;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom:0;
  }

    .footer_izq{
      width: 50%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

      .cont_footer_img{
        width: 15%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }

        .icono_telefono{
          width: 50%;
        }

      .cont_footer_telefonos{
        color: var(--c_gris_letras);
        width: 70%;
        height: 60%;
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        flex-direction: column;
        font-size: 14px;
        font-family: roboto_condensed;
      }

        .txt_footer{
          display: flex;
          justify-content: flex-start;
          align-items: center;
          height: 35%;
        }

        .numeros_footer{
          display: flex;
          justify-content: flex-start;
          align-items: center;
          height: 35%;
        }

          .color_gris{
            text-decoration: none;
            cursor: pointer;
            color: var(--c_gris_letras);
          }

    .footer_der{
      color: var(--c_gris_letras);
      width: 50%;
      height: 100%;
      display: flex;
      justify-content: space-around;
      align-items: center;
      font-size: 14px;
      font-family: roboto_condensed;
    }

      .btn_otros_waterjet_tit{
        cursor: pointer;
      }

      .btn_aviso_privacidad{
        cursor: pointer;
      }

      .btn_pixabix{
        cursor: pointer;
        text-decoration: none;
        color: var(--c_gris_letras);
      }

/** END FOOTER **/



/** MODAL **/

.modal{
  position: fixed;
  width: 100%;
  height: 100%;
  background-image: url("../img/img/fondo_modal.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 999;
}

  .cont_logo_modal{
    width: 100%;
    /*padding-left: 2.5%;*/
    height: 15vh;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

    .img_logo_modal{
      width: 20%;
    }

    .img_logo_modal_2{
      opacity: .5;
      position: fixed;
      bottom: 7%;
      right: 9%;
      z-index: 103;
      width: 13%!important;
    }


    .btn_salir_modal{
      width: 5%:
      height: 30px;
      border: solid 1px white;
      cursor: pointer;
      color: white;
      font-size: 14px;
      font-family: gotham_light;
      padding: 5px;
      position: absolute;
      right: 2.5%;
    }

      .btn_salir_modal:hover{
        color: color: var(--c_azulclaro_general);
      }

      .btn_salir_modal::before{
        content: '';
        position: absolute;
        width: 100%;
        color: color: var(--c_azulclaro_general);
        left: 0px;
        top: 0%;
        height: 101%;
        background: white;
        transition: transform 0.5s;
        transform-origin: right;
        transform: scaleX(0);
        padding: 0px;
        z-index: -1;
      }

      .btn_salir_modal:hover::before{
        transition: transform 0.5s;
        transform-origin: left;
        transform: scaleX(1);
        color: color: var(--c_azulclaro_general);
      }

  .cont_texto_modal{
    width: 70%;
    height: auto;
    position: absolute;
    left: 15%;
    bottom: 35%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    /*background-color: black;
    opacity: .8;*/
  }

    .titulo_txt_modal{
      font-size: 22px;
      font-family: hanson_bold;
      color: white;
    }

    .parrafo_txt_modal{
      font-size: 16px;
      font-family: roboto_condensed;
      color: white;
    }

  .video_fondo{
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: -100;
    background-size: cover;
    background-color: rgba(0,0,0,0.8);
    filter:brightness(0.3);
  }

  .barra_menu_modal{
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 10%;
  }

    .barra_menu_modal .container{
      border-bottom: solid 1px white;
    }

      .barra_menu_modal .container ul li a{
        color: white;
        /*opacity: 1;*/
      }

/** END MODAL **/


  /* MODAL 2 */

  .modal_video{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    will-change: left, transform;
  }

  .video_modal{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-color: rgba(0,0,0,0.8);
    /* filter:brightness(0.4); */
  }

  .cerrar_modal{

    top: 3%;
    position: absolute;
    border: solid 1px white;
    cursor: pointer;
    color: white;
    font-size: 14px;
    font-family: gotham_light;
    padding: 5px;
    right: 7%;
    z-index: 100;
    width: 4%;
    display: flex;
    justify-content: center;

  }


  .cerrar_modal::before{

    content: '';
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0%;
    height: 101%;
    background: white;
    transition: transform 0.5s;
    transform-origin: right;
    transform: scaleX(0);
    padding: 0px;
    z-index: -1;
    color: black;

  }

  .cerrar_modal:hover::before{

    transition: transform 0.5s;
    transform-origin: left;
    transform: scaleX(1);
    color: black!important;

  }

  .cerrar_modal:hover{

    color: black!important;

  }



  /* END MODLA 2 */



/** SLICK **/

.prev, .next{
  cursor: pointer;
}

/** END SLICK **/

/** SERVICIOS **/

.servicios_section{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    z-index: 100;
}

  .servicios_cont{
    /* height: 100%; */
    width: 100%;
    max-width: 100%;
  }

  .slider_ser_cont{
    position: relative;
    display: block;
    width: 100%;
    height: 95%;

  }

    .galServs{
      width: 100%;
      /* transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); */
      /* transform: scale(1.8); */
      position: relative;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 65vh!important;
    }



    .galServs1, .galServs1_mov {
      background-image: url("../img/img/corte_chorro/engrane_servicios.jpg");
    }

    .galServs2, .galServs2_mov {
      background-image: url("../img/img/corte_chorro/cortepiezas_servicios.jpg");
    }

    .galServs3, .galServs3_mov {
      background-image: url("../img/img/corte_chorro/wj_3.webp");
    }

    .galServs4, .galServs4_mov {
      background-image: url("../img/img/corte_chorro/imagen_diseno_maquicorte.jpg");
    }

    .galServs_mov{
      width: 100%;
      position: relative;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 45vh!important;
    }

    .nav_servicios{
      font-family:"gotham_medium";
      font-size: 12px;
      width: 100%;
      height: 5%;
      color: white;
      background-color: black;
      z-index: 50;
      position: relative;
      display: flex;
      justify-content: center;
    }
      .nav_cont{
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        align-items: center;
        width: 70%;
      }
        .menu_opt{
          cursor: pointer;
        }
          .nav_cont .slick-dots{
            bottom: 0!important;
            position: relative!important;
          }

          .nav_cont .slick-dots li{
            height: auto!important;
            width: auto!important;
            margin: 0 2%!important;
          }

          .slick-active div .menu_opt{
            color: var(--c_azulclaro_general)!important;
          }
          .dots_efect{
            position: relative;
            display: inline-block;
            font-family:"roboto_bold_condensed" ;
            color: white;
            overflow: hidden;
          }
          .dots_efect::before{
              position: absolute;
              content: attr(data-name);
              top: 0;
              left: 0;
              width: 0%;
              /* height: 0px; */
              color: var(--c_azulclaro_general)!important;
              white-space: nowrap;
              overflow: hidden;
              transition: width 400ms ease;
          }
          .dots_efect:hover::before{
            width: 100%;
          }
          .active_faq, .abrir:hover{
            background-color: #ccc;
          }

          .contain_slide{
            display: flex;
            justify-content: center;
            align-items: center;
          }



      .slider_serv_cont{
        /* width: 100%; */
      }





  /* codigo para mejor scroll */
  /* https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_accordion_animate */


  /* WATERJET SECTION */

  .nav_inner, .nav_inner_mov{
    position: absolute;
    bottom: 15%;
    width: 100%;
    z-index: 100;
  }
  .icon_scroll_bottom{
    border-radius: 180%;
    height: 50px;
    width: 50px;
    background-color: var(--c_azulclaro_general);
    background-image: url(../img/svg/scroll_down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25%;
    position: absolute;
    z-index: 100;
    bottom: -4%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .slick-dots li button::before {
    color: white!important;
    opacity: 1!important;
  }

  .slick-dots li.slick-active button:before{
    color: var(--c_azulclaro_general)!important;
  }

  /* .info_waterjet::after{
    content:"WATERJET";
    display: flex;
    justify-content: center;
  } */

  .info_waterjet{
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #F2F2F2;
    padding: 2% 2.5%;
    flex-direction: column;
    box-sizing: border-box;
  }

    .waterjet_tit_cont{
      display: flex;
      justify-content: center;
      align-items: center;
    }

      .waterjet_tit{
      font-family:"gotham_bold";
      font-size: 18vh;
      color: #bebebe;
      margin: 2% 0;

      }

  .table_cont{
    padding: 5vh 0 7vh 0;
    margin: 5vh 0;
    background-color: #F2F2F2;
  }

  .info_img_txt{
    display: table;
    /* flex-direction: row;
    justify-content: center; */
  }

    .info_img_cont{
      display: table-cell;
      /* background-image: url("../img/img/slider_nosotros/imagen_waterjet_maquicorte.jpg");
      background-repeat: no-repeat;
      background-size: cover; */
      width: 50%;
      padding: 0 2.5%;
    }
    .info_txt_cont{
      padding-left: 2.5%;
      padding-right: 2.5%;
      display: table-cell;
      width: 50%;
      vertical-align: middle;
      text-align: justify;
    }

    /* NUEVOS ELEMENTOS DE WATERJET */
    .ap_mat{
      position: relative;
      margin: 2% 0;
      width: 100%;
      height: 85vh;
    }

      .cont_materiales_aplicativos{
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        width: 100%;
        height: 100%;
      }


        .cont_txt_ap{
          width: 32%;
          height: 85%;
          position: absolute;
          padding: 2.5%;
          box-sizing: border-box;
          display: flex;
          text-align: justify;
          flex-direction: column;
          align-items: center;

        }

          .pad_list{
            width: 80%;
            display: flex;
            text-align:left;
            justify-content: space-around;
          }

            .tit_apl{
              font-family:"gotham_book";
              color: #666666;
              font-size: 25px;

            }

            .tit_mat{
              font-family:"gotham_book";
              color: #fff;
              font-size: 25px;
            }

            .img_logo_ap{
              height: 7vh;
              /* margin: 5% 0; */
            }

        .cont_txt_ma{
          width: 35%;
          height: 85%;
          position: absolute;
          padding: 2.5%;
          box-sizing: border-box;
          display: flex;
          text-align: justify;
          flex-direction: column;
          align-items: center;
          left: 32%;
          background-color:var(--c_azulclaro_general);
        }

      .cont_txt_mat_ap{
        display: flex;
        width: 50%;
        height: 100%;
        justify-content: flex-start;
        align-items: center;
      }

      .cont_img{
        /* display: flex; */
        z-index: -1;
        width: 50%;
        height: 100%;
        background-image: url("../img/img/fondo_aplicativos-servicios.jpg");
        background-position: center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
      }


    .ventajas_waterjet{
      position: relative;
      width: 100%;
      display: block;
      height: 40vh;
      max-height: 380px;
      margin: 0% 0 0 0;
    }

      .vent_water_cont{
        background-size: 100% 100%;
        background-image: url("../img/img/ventajas_img.jpg");
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
      }

      .txt_cont_vent{
        width: 33%;
        text-align: center;
      }

        .vent_wat_tit{
          font-family:"hanson_bold" ;
          font-size: 22px;
          color: white;
        }

        .vent_wat_txt{
          font-family:"roboto_condensed" ;
          font-size: 18px;
          text-align: center;
          color: white;
          width: 33%;
        }

        .down_img_vent{
          height: 15px;
        }

      .group_icons{
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0;
        position: relative;
        align-items: center;
        margin: 5vh 0;
      }

        .row{
          width: 90%;
          display: flex;
          justify-content: space-around;
          align-items: center;
          margin: 4% 0;
        }

          .father_icon_vent{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-direction: column;
            width: 25%;
            padding: 1%;
            min-height: 190px;
          }

            .img_vent{
              height: 11vh;
              margin: 15px;
            }

            .txt_icon_cont{
              text-align: center;
            }
              .tit_min_gen{
                color: var(--c_azulclaro_general);
                font-family: "gotham_book";
                font-size: 17px;
                margin: 0;
              }





        .img_txt_info{
          height: 50vh;
          max-height: 50vh;
          margin: 0 auto;
          width: 100%;
        }

      .tit_general{
        font-family:"gotham_book";
        color: #0071CE;
        font-size: 30px;
        margin: 0;
        text-align: center;


      }

      .txt_general{
        font-family:"roboto_condensed";
        color: #666666;
        font-size: 18px;

      }
      .txt_general_wh{

        font-family:"roboto_condensed";
        color: #fff;
        font-size: 18px;

      }

      .table_tit_cont{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
      }

      .tit_table{
          color: var(--c_azulclaro_general);
          font-family:"gotham_book";
      }

    .table_div{
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 0 5%;
      box-sizing: border-box;
    }

      .table_maqui{
        border-collapse: collapse;

      }

      .table_maqui tr{
        border-bottom: 1px solid #ccc;
      }

      .table_maqui .tr_hov:hover{
        background-color: #ddd;
      }

      .table_maqui tr th {
        font-family:"gotham_book";
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
        font-size: 13px;
        max-width: 250px;
        border-bottom: 1px solid #ccc;
      }

      .table_maqui tr td{
        font-family:"gotham_book";
        font-size: 12px;
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
        max-width: 250px;
        border-bottom: 1px solid #ccc;
      }


    .waterjet_watermark{
      display: flex;
      width: 100%;
      box-sizing: border-box;
      justify-content: flex-start;
      padding-left: 5%;
    }

      .tit_watermark{
        font-family:"gotham_bold";
        font-size: 16vh;
        color: #FFFFFF;
        margin: 2% 0 7% 0;
        color: #9f9f9f;
      }



  /* FIN WATERJET */

/** END SERVICIOS **/

/** TECNOLOGIA **/

.cont_feat_row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 50px 0 0 0;
  height: 250px;
}

.cont_feature_txt{
  display: flex;
  /* box-sizing: border-box;
  padding: 30px 0 0 0; */
  justify-content: space-around;
  align-items: center;
  text-align: center;
  flex-direction: column;
  margin: 0 25px;
  height: 100%;

}

  .txt_tec_gen{
    text-align: center;
    font-family: "roboto_condensed";
    font-size: 16px;
    color: var(--c_gris_letras);
  }

  .img_tec{
    height: 70px;

  }

.features_cont{
  padding: 0 4.5%;
  box-sizing: border-box;
  margin: 7% 0 0 0;
}

.tecnologia_section{
  position: relative;
  width: 100%;
  /* height: 90vh; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10vh 0;
  box-sizing: border-box;
}

  .tit_tec{
    font-family: "gotham_bold";
    font-size: 24px;
    color: #b4b4b4;
    letter-spacing: 2px;
  }

  .cont_tit_tec{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding-left: 5%;
    margin-bottom: 2%;
  }

  .cuadro_img{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .cont_izq_tecnologia{
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

    .img_tecnologia{
      width: 65%;
    }

  .cont_der_tecnologia{
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

    .cont_texto_tecnologia{
      width: 80%;
    }
/** END TECNOLOGIA **/

/** FAQS **/

.faqs_section{
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  z-index: 100;
  overflow-y: hidden;
  padding-top: 50px;
}

  .cont_preguntas{
    position: relative;
    width: 80%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 5vh;
  }

    .cont_interno_preguntas{
      position: relative;
      width: 100%;
      height: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }

      .pregunta{
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        background-color: #f2f2f2;
        font-family: roboto_condensed;
        transition: .5s;
        margin-bottom: 5px;
      }

        .titulo_pregunta{
          position: relative;
          margin: 0;
          padding: 0;
          padding-left: 50px;
          left: 0;
          width: 100%;
          height: 7vh;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          font-size: 24px;
          color: var(--c_azulclaro_general);
          cursor: pointer;
        }

        .respuesta_pregunta{
          position: relative;
          padding: 0px 50px;
          font-size: 18px;
          color: var(--c_gris_letras);
          transition: .5s;
        }

      .abierto{
        height: 20vh!important;
      }

  .cont_titulo_preguntas{
    position: relative;
    width: 80%;
    height: 10vh;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

/** END FAQS **/

/** AVISO DE PRIVACIDAD **/

.aviso_section{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10vh 0;
}

.active_aviso{
  color: var(--c_azulclaro_general);
  font-weight: bold;
}

.cont_aviso_privacidad{
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 0 10px;
  box-sizing: border-box;
}

  .txt_aviso_cont{
    width: 70%;
    margin: 0 auto;
    text-align: justify;
  }

    .font_tit_aviso{
      color: var(--c_azulclaro_general);
      font-size: 15px;
      font-family: roboto_condensed;
    }

    .font_aviso{
      color: var(--c_gris_letras);
      font-size: 14px;
      font-family: roboto_condensed;
    }

/** END AVISO DE PRIVACIDAD **/

/* GALERIA */
.galeria_section{
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  }

.slider_content {
		margin:0 auto;
		height: 50vh;
		width: 30vw;
		text-align:center;
		font-size: 60px;
		position:relative;
		perspective: 1000px;
		transform-origin: center center;
    padding: 0;
	}

  	.slider_content li {
  		width: 90%;
  		height: 100%;
  		/* background-color: rgba(200, 200, 100, .3); */
  		/* border:1px solid #333; */
  		position:absolute;
  		/* box-shadow:4px 4px 3px rgba(20,20,20,0.5); */
      list-style:none;

  	}

    	.slider_content li:first-child {
    		left:-120px;
        background-image: url("../img/img/galeria/wat1.webp");
    		-webkit-background-size: cover;
    		background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    	}

    	.slider_content li:nth-child(2) {
    		left:-90px;
        background-image: url("../img/img/galeria/wat2.webp");
    		-webkit-background-size: cover;
    		background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    	}


    	.slider_content li:nth-child(3) {
    		left:-60px;
        background-image: url("../img/img/galeria/wat3.webp");
    		-webkit-background-size: cover;
    		background-size: cover;
        background-repeat: no-repeat;
        background-position: center;

    	}

    	.slider_content li:nth-child(4) {
    		left:-40px;
        background-image: url("../img/img/galeria/wat4.webp");
    		-webkit-background-size: cover;
    		background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    	}

    	.slider_content li:nth-child(5) {
    		left:0px;
        background-image: url("../img/img/galeria/wat5.webp");
    		-webkit-background-size: cover;
    		background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    	}

    	.slider_content li:nth-child(6) {
    		left:20px;
        background-image: url("../img/img/galeria/wat6.webp");
    		-webkit-background-size: cover;
    		background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    	}

    	.slider_content li:nth-child(7) {
    		left:50px;
        background-image: url("../img/img/galeria/wat7.webp");
    		-webkit-background-size: cover;
    		background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    	}

    	/* .slider_content li:nth-child(8) {
    		left:60px;
        background-image: url("../img/img/galeria/wat8.jpg");
    		-webkit-background-size: cover;
    		background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    	} */

    	.slider_content li:nth-child(8) {
    		left:110px;
        background-image: url("../img/img/galeria/wat9.webp");
    		-webkit-background-size: cover;
    		background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    	}

      .slider_content li:nth-child(9) {
        left:140px;
        background-image: url("../img/img/galeria/wat10.webp");
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
      }

      .slider_content li:nth-child(10) {
        left:180px;
        background-image: url("../img/img/galeria/wat11.webp");
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
      }

      .slider_content li:nth-child(11) {
        left:210px;
        background-image: url("../img/img/galeria/wat12.webp");
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
      }

      .slider_content li:nth-child(12) {
        left:230px;
        background-image: url("../img/img/galeria/wat13.webp");
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
      }




    	.now {
    		transform: scale(1.2,1.2) rotateY(0deg) translate3d(0,0,0);
    		transition: all .65s -0.1s;
        z-index: 100!important;
    	}

    	.next {

    		transform: rotateY(-80deg) translate3d(0, 0, -200px);
    		transition: all .2s ;
    		-webkit-filter: opacity(.75);
    	}

    	.prev {

    		transform:rotateY(80deg) translate3d(0, 0, -200px);

    		transition: all .2s ;
    		-webkit-filter: opacity(.75);
    	}


    	.z {z-index:25;}
    	.z1 {z-index:20;}
    	.z2 {z-index:19;}
    	.z3 {z-index:18;}
    	.z4 {z-index:17;}
    	.z5 {z-index:16;}
    	.z6 {z-index:15;}
    	.z7 {z-index:14;}
    	.z8 {z-index:13;}
      .z9 {z-index:12;}
      .z10 {z-index:11;}

.card_galeria{
  width: 100%;
  position: absolute;
  bottom: 5%;
  background: #ffffffad;
  border-radius: 2px;
  font-size: 13px;
  color: #000000;
  font-family: gotham_book;
}

  .galeria_modal_cont{
    display: flex;
    position: relative;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  .gal_principal{
    width: 60%;
    color: white;
  }
  .img_slide_slick{
    height: 70vh!important;
    width: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .gal_pri_1{
    background-image: url("../img/img/galeria/wat1.jpg");
  }

  .gal_pri_2{
    background-image: url("../img/img/galeria/wat2.jpg");
  }

  .gal_pri_3{
    background-image: url("../img/img/galeria/wat3.jpg");
  }

  .gal_pri_4{
    background-image: url("../img/img/galeria/wat4.jpg");
  }

  .gal_pri_5{
    background-image: url("../img/img/galeria/wat5.jpg");
  }

  .gal_pri_6{
    background-image: url("../img/img/galeria/wat6.jpg");
  }

  .gal_pri_7{
    background-image: url("../img/img/galeria/wat7.jpg");
  }

  .gal_pri_8{
    background-image: url("../img/img/galeria/wat8.jpg");
  }

  .gal_pri_9{
    background-image: url("../img/img/galeria/wat9.jpg");
  }

  .gal_pri_10{
    background-image: url("../img/img/galeria/wat10.jpg");
  }

  .gal_pri_11{
    background-image: url("../img/img/galeria/wat11.jpg");
  }

  .gal_pri_12{
    background-image: url("../img/img/galeria/wat12.jpg");
  }

  .gal_pri_13{
    background-image: url("../img/img/galeria/wat13.jpg");
  }
/* END OF GALERIA */

/* ESTILOS CONTACTO */



  .cuadro_fis{
    position: absolute;
    margin: 0 auto;
    width: 60%;
    height: 110%;
    border: 2px solid black;
    left: 17%;
  }

  .contacto_section{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 0  0 10vh 0;
    box-sizing: border-box;
  }

  .filtro_azul{
    background-color: rgba(43, 137, 212, 0.8);
    z-index: 5;
    position: absolute;
    width: 100%;
    height: 55vh;
     pointer-events: none;
    top: 0;
  }

  .iframe_map{
    width: 100%;
    height: 55vh;
  }

  .cont_contacto{
    display: flex;
    background: white;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 115%;
    position: absolute;
    top: -15%;
    z-index: 20;
    -webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
  }

    /* .cont_contacto_int_izq{
      width: 50%;
      height: 100%;
      display: table-cell;
    } */

    /* .cont_contacto_int_der{
      width: 50%;
      height: 100%;
      display: table-cell;
    } */

  .grupo_input{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 90%;
    height: 8%;
    margin: 15px 0;
    box-sizing: border-box;
  }

  .grupo_input_area{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 90%;
    box-sizing: border-box;
  }

    .grupo_input span, .grupo_input_area span{
      font-family: "roboto_condensed";
      font-size: 16px;
      color: var(--c_gris_letras);
    }

    .input_100{
      width: 100%;
      border: none;
      border-bottom: solid 1px #ccc;
      height: 30px;
    }

    .area_100{
      width: 100%;
      border: solid 1px #ccc;
      outline: 0;
    }

  .casilla_contacto{
    width: 80%;
    height: 10vh;
  }



  .mensaje_contacto{
    font-family: "roboto_condensed";
    font-size: 16px;
    color: var(--c_azulclaro_general);
    margin: 0;
  }

  .txt_wh_gen{
    font-family: "roboto_condensed";
    font-size: 22px;
    color: #fff;
    padding-top: 0;
  }

  /* textarea{
    resize: none;
    height: 20vh;
  }

  textarea:focus{
    border-color: var(--c_azulclaro_general);
    outline: 0;
    box-shadow: 0 0 1px 1px var(--c_azulclaro_general);
  } */

  .direccion{
    font-family: "roboto_condensed";
    font-size: 16px;
  }

  .cont_boton_enviar{
    width: 100%;
    height: 10vh;
    display: flex;
    align-items: center;
  }

  .map{
    width: 100%;
    height: 20.2vh;
  }

    .imapa{
      width: 100%;
      height: 100%;
    }

    .margin_blanco{
      margin-bottom: 15px;
      margin-top: 10px;
    }


    .ln_msg_cont{
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center;
    }

    .icon_email{
      height: 50px;
    }

    .txt_tit_msg{
      color: #103F6F;
      font-size: 18px;
      font-family: "roboto_condensed";

    }

    .txt_direccion{
      font-family: "roboto_condensed";
      font-size: 16px;
      color: #fff;
      padding-top: 0;
    }

    .txt_direccion_tit{
      color: #fff;
      font-size: 22px;
      font-family: "roboto_condensed";

    }

    .txt_cot_form{
      color: #fff;
      font-size: 17px;
      font-family: "roboto_condensed";
    }

    .txt_small_cot{
      color: #fff;
      font-size: 12px;
      font-family: "roboto_condensed";
      line-height: 1.5;
    }

    .info_contacto_tit{
      padding: 18px 0;
    }

    .group_txt_cont{
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 10px 0;
      box-sizing: border-box;
    }

    .icons_contact{
      width: 30px;
      margin: 0 15px 0 0;
    }


    .txt_center{
      text-align: center;
    }

    .no_margin{
      margin: 0;
    }

    .direccion_cont{
      margin: 0 0 30px 0px;
    }

    .txt_no_deco{
      text-decoration: none;
    }

    .icon_contact_cont{
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;

    }

    .btn_cont {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      margin: 0 10px;
      /* width: 50%; */
    }

      .icono_redes{
        width: 100%;
        cursor: pointer;

      }

  /* END CONTACTO  */


  /* COTIZACION */

  .new_cont_tec{
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .pasos_new_cont{
    padding: 2.5%;
    padding-top: 10%;
    padding-bottom: 10vh;
    background-color: #F2F2F2;
    width: 100%;
    box-sizing: border-box;
    height: 70vh;
  }

  #btn_cotizar{
    width: 80%!important;
  }

  .link_maqui{
    color: var(--c_azulclaro_general);
    text-decoration: none;
  }


  .cotizar_section{
    display: inline-block;
    width: 100%;
    height: auto;
    z-index: 100;
    position: relative;
    padding: 10vh 0 0 0;
  }

  .op_ctsec{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    /* padding: 2vh 4vh; */
    box-sizing: border-box;
  }

  .cont_new_cotizar{
    width: 100%;
    position: relative;
    height: 85vh;
    display: flex;
    justify-content: center;
    /* align-items: flex-start; */
  }

  .cont_contacto_cotizar{
    display: flex;
    width: 80%;
    height: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
    position: absolute;
    bottom: -10%;

    /* padding: 0 0 15px 0; */
  }

  .cont_new_contact{
    position: relative;
    height: 80vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

    .cont_contacto_int_izq{
      padding: 2%;
      width: 60%;
      height: 100%;
      display: flex;
      box-sizing: border-box;
      background-color: white;
      flex-direction: column;
      justify-content: space-between;
    }

    .cont_contacto_int_der{
      padding: 2.5%;
      width: 40%;
      height: 100%;
      display: flex;
      box-sizing: border-box;
      background-color: #103F6F;
      flex-direction: column;
      justify-content: space-between;
    }

  .grupo_input_cotizar{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 90%;
    height: 14%;
    margin: 5px 0;
    box-sizing: border-box;
  }

  .grupo_input_extension{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 80%;
    height: 10vh;
    margin: 5px 0;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 15px 0;
  }

  .grupo_input_area{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 90%;
    box-sizing: border-box;
  }

  .grupo_input_informacion_detallada{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin: 8px 0;
    box-sizing: border-box;
    height: 100%;;
  }

  .form__group{
    text-align: left;
    position: relative;
    padding: 15px 0 0;
    margin-top: 14px;
    box-sizing: border-box;
    width: 100%;
  }
  .form_text_font{
    font-family: "roboto_condensed";
    font-size: 16px;
    color: var(--c_gris_letras);
  }


  /* File input */

  .input_group_file{

    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin: 10px 0;
    width: 80%;

  }

  .file_input_cot{
    box-shadow: none!important;
    color: #fff;
    /* content: ""; */
  }

  .file_input_cot label{
    display: inline-block;
    background-color: black;
  }


  /* Input check */

  .flex_checkcont{
    display: none;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    /*visibility: hidden;*/
  }

  .flex_checkcont_cotiza{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
  }

      /* Base for label styling */
    [type="checkbox"]:not(:checked),
    [type="checkbox"]:checked {
      position: absolute;
      left: -9999px;
    }
    [type="checkbox"]:not(:checked) + label,
    [type="checkbox"]:checked + label {
      position: relative;
      padding-left: 2.5em;
      cursor: pointer;
    }

    /* checkbox aspect */
    [type="checkbox"]:not(:checked) + label:before,
    [type="checkbox"]:checked + label:before {
      content: '';
      position: absolute;
      left: 0; top: -2px;
      width: 1.25em; height: 1.25em;
      border: 2px solid #ccc;
      background: #fff;
      border-radius: 4px;
      box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
    }

    /* checked mark aspect */
    [type="checkbox"]:not(:checked) + label:after,
    [type="checkbox"]:checked + label:after {
      content: '\2713\0020';
      position: absolute;
      top: .15em; left: .22em;
      font-size: 1.3em;
      line-height: 0.8;
      color: #09ad7e;
      transition: all .2s;
      font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
    }

    /* checked mark aspect changes */
    [type="checkbox"]:not(:checked) + label:after {
      opacity: 0;
      transform: scale(0);
    }
    [type="checkbox"]:checked + label:after {
      opacity: 1;
      transform: scale(1);
    }
    /* disabled checkbox */

    [type="checkbox"]:disabled:not(:checked) + label:before,
    [type="checkbox"]:disabled:checked + label:before {
      box-shadow: none;
      border-color: #bbb;
      background-color: #ddd;
    }
    [type="checkbox"]:disabled:checked + label:after {
      color: #999;
    }
    [type="checkbox"]:disabled + label {
      color: #aaa;
    }

    /* hover style just for information */
    label:hover:before {
      border: 2px solid #4778d9!important;
    }

    /* fin input */

  /* Inputs textarea */
  .fixtextarea{
    /* height: 22.2vh!important; */
  }
  .inputsContMes{
    resize: none;
    width: 100%;
    height: 22.5vh;
    border-width: 0 0 1px 0;
    border-color: #ccc;
    border-style: solid;
    transition: border-color 0.4s;
    background: transparent;
    box-sizing: border-box;
    outline: 0;
    border-radius: 0px!important;
  }

  .inputsContMes::placeholder {
    color:transparent;
  }

  .inputsContMes:placeholder-shown ~ .form__label{
   font-size: 14px;
   cursor: text;
   top: 25px;
   left: 0px;
   right: 0px;

  }
  label,
  .inputsContMes:focus ~ .form__label{
      position: absolute;
      top: 0;
      left: 0px;
      right: 0px;
      display: block;
      transition: 0.2s;
      font-size: 10px;
      color: #666666;
  }
  .inputsContMes:focus ~ .form__label{
      color:  #666666;
  }
  .inputsContMes:focus {
    padding-bottom: 6px;
   border-bottom: 2px solid #0098FF;
  }

  /* input normales */

  .inputs{
      height: 30px;
      width: 100%;
      border-width: 0 0 1px 0;
      border-color: #ccc;
      border-style: solid;
      transition: border-color 0.4s;
      background: transparent;
      box-sizing: border-box;
      outline: 0;
      border-radius: 0px!important;
  }
  .inputs::placeholder {
    color:transparent;
  }

  .inputs:placeholder-shown ~ .form__label{
     font-size: 16px;
     cursor: text;
     top: 20px;
     left: 0px;
     right: 0px;
  }

  label,
  .inputs:focus ~ .form__label{
      position: absolute;
      top: -7px;
      left: 0px;
      right: 0px;
      display: block;
      transition: 0.2s;
      font-size: 12px;
      color: #9b9b9b;

  }
  .inputs:focus ~ .form__label{
      color:  #4D4D4D;
  }
  .inputs:focus {
     /* padding-bottom: 6px; */
     /* border-bottom: 2px solid var(--c_azulclaro_general); */
     border-bottom-color: var(--c_azulclaro_general);
  }



    .grupo_input_cotizar span, .grupo_input_area span, .grupo_input_extension span{
      font-family: "roboto_condensed";
      font-size: 16px;
      color: var(--c_gris_letras);
    }

    .grupo_input_extension span{
      padding-left: 30px;
    }

    .input_100{
      width: 100%;
      border: none;
      border-bottom: solid 1px #ccc;
      height: 30px;
    }

    .area_100{
      width: 100%;
      border: solid 1px #ccc;
      outline: 0;
    }

  .casilla_contacto_cotizar{
    width: 80%;
    height: auto;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    flex-direction: column;
    margin: 0 auto;
    /* padding: 10vh 0 0 0; */
  }

  .mensaje_contacto{
    font-family: "roboto_condensed";
    font-size: 16px;
    color: var(--c_azulclaro_general);
    margin: 0;
  }

  .txt_casilla_contacto{
    font-family: "roboto_condensed";
    font-size: 16px;
    color: var(--c_gris_letras);
    padding-top: 0;
  }

  textarea.cotizar_textarea{
    resize: none;
    height: 20.2vh;
  }

  textarea.cotizar_textarea:focus{
    border-color: var(--c_azulclaro_general);
    outline: 0;
    box-shadow: 0 0 1px 1px var(--c_azulclaro_general);
  }

  .btn_enviar_contacto{
    position: relative;
    width: 25%;
    height: 40px;
    background-color: var(--c_azulclaro_general);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    cursor: pointer;
    transition: .3s;
    border-radius: 10px;
  }

    .btn_enviar_contacto:hover{
      -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
      font-size: 18px;
    }

    .btn_cont_enviar{
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

  .cont_boton_enviar{
    width: 100%;
    height: 10vh;
    display: flex;
    align-items: center;
  }

    .margin_blanco{
      margin-bottom: 15px;
      margin-top: 10px;
    }

  .extension, .material, .piezas, .espesor{
    /* height: 20px; */
    border-radius: 0;
    outline: none;
    border:solid 1px #fff;
    font-family: "roboto_condensed";
    color: #fff;
    background-color: transparent;
    padding: 5px;
  }
    .piezas{
      /* margin-left: 20px; */
    }

    .espesor{
      /* margin-left: 20px; */
    }

    .materiales_search{
      /* margin-left: 20px; */
    }

  .cont_info_detallada{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    /* flex-wrap: wrap; */
  }

    .cont_info_detallada select{
      box-sizing: border-box;
    }

    .input_group{
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      width: 80%;
    }

    /* NEW SELECT PROP */

      .select_cont{
        position: relative;
        /* border: 1px solid #ccc; */
        width: 100%;
        height: auto;
        /* top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */
      }

      .select_box{
        font-family: "roboto_condensed";
        height: auto;
        background-color: white;
        color: var(--c_gris_letras);
        /* padding: 12px; */
        width: 100%;
        border: none;
        font-size: 12px;
        /* box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); */
        -webkit-appearance: button;
        appearance: button;
        outline: none;
        display: flex;
        justify-content:center;
        align-items: center;
      }

      .select_cont::before{
        content: "\f13a";
        font-family: FontAwesome;
        position: absolute;
        top: 0;
        right: 0;
        width: 10%;
        text-align: center;
        font-size: 15px;
        /* line-height: 45px; */
        color: #ccc;
        background-color: white;
        pointer-events: none;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;

      }

      /* .select_cont:hover::before{
        color: rgba(255, 255, 255, 0.6);
        background-color: rgba(255, 255, 255, 0.2);
      } */

      .select_cont .select_box option {
        font-family: "roboto_condensed";
        padding: 10px;
        font-size: 12px;
      }

    /* END SELECT PROP */

    .int_cot{
      width: 100%;
    }
      .group_rule{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 7px 0;
      }

        .txt_gen_cot{
          font-family: "roboto_condensed";
          font-size: 16px;
          color: var(--c_gris_letras);
        }
        .img_rule{
          height: 35px;
          margin-right: 10px;
        }

  /* END COTIZACION */

/* NO ESCRITORIO */

  .titulo_txt_movil{
    display: none;
  }
  .cont_txt_movil{
    display: none;
  }

  .exito_movil{
  	display: none;
  }

/* FIN NO ESCRITORIO */


.cont_menu_bar{
  display: none;
}

.nosotros_section_mov, .servicios_section_mov, .footer_section_mov, .cont_menu_movil, .contacto_section_mov, .cotizar_section_movil .galeria_section_movil, .tecnologia_section_mov{
  display: none;
}


  /* Clases de validacion de formualrio */

  .invalid{
    border-color: red;
  }
  .valid{
    border-color: var(--c_azulclaro_general);
  }

  .no_eval{
    border-color: #ccc;

  }

  .form_no_active{
    opacity: .5;
   pointer-events: none;
   cursor: default;
  }

  .form_send{
   opacity: .5!important;
   pointer-events: none!important;
   cursor: default!important;
  }

  /* Fin  formualrio*/
/* Empieza movil */
@media only screen and (max-width: 800px) {

  /* Cuerpo movil */

  .overflow_movil{
    /*height: 100vh;*/
    width: 100%;
    /*overflow-y: auto;
    max-height: 100vh;
    overflow-x: hidden;*/
    position: relative;
  }

  /* FIN cuerpo movil */


  /* Preloader movil */

    .logo_preloader{
      width: 80%;
    }

  /* fin  preloader */


  /* NOSOTROS MODAL */

  .img_logo_modal_2{
    opacity: .5;
    position: fixed;
    bottom: 10%;
    right: 10%;
    z-index: 103;
    width: 25%;
  }

  .modal{
    position: relative;
    overflow: hidden;
  }

    .video_fondo{
      position: absolute;
    }

    .cont_texto_modal{
      display: none;
    }

    .btn_salir_modal{
      display: none;
    }

    .barra_menu_modal{
      display: none;
    }

    .cont_txt_movil{
      height: 60vh;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    }

    .titulo_txt_movil{
      font-size: 22px;
      font-family: hanson_bold;
      color: white;
      display: block;
    }

    .img_logo_modal{
      width: 70%;
    }

    .cont_logo_modal{
      position: relative;
      height: 20vh;
    }

    .cont_movil_scroll{
      height: 20vh;
      display: flex;
      justify-content: center;
      align-items: flex-start;
    }

      .scroll_icon{
        position: relative;
        border-radius: 15px;
        border: solid 2px white;
        width: 25px;
        height: 45px;

      }

        .circulo_scroll{
          position: absolute;
          background-color: white;
          width: 10px;
          height: 10px;
          border-radius: 360px;
          bottom: 5px;
          left: 50%;
          transform: translate(-50%, -50%);
          transition: 1s all;
          animation: scroll 1s ease-out infinite;
        }

        @keyframes scroll{
          0%{
            bottom: 5px;
          }
          50%{
            bottom: 15px;
          }
          100%{
            bottom: 5px;
          }
        }



  /* FIN NOSOTROS */

  /* HEADER MOVIL */

    /*header{
      z-index: 200;
      position: relative;
      height: 17vh;
    }*/

    .barra_logo{
      height: 100%;
      background-color: white;
    }

      .logo_desktop{
        width: 50%;
      }

      .btn_cotizacion{
        flex-direction: column-reverse;
        height: 100%;
        right: 0%;
        width: 20%;
      }

        .btn_cot_left{
          flex-direction: column;
          width: 100%;
          height: 50%;
        }

          .btn_cot_left p{
            margin: 0;
          }

        .btn_cot_right{
          width: 100%;
          height: 50%;
        }

  .redes_header{
    display: none;
  }

  .barra_menu{
    display: none;
  }

  .barra_negra {
    font-size: 12px;
    justify-content: space-between;
    padding: 0 10px;
  }

    .diagonal_blanco{
      margin: 0 5px;
    }

    .link_blanco{
      margin: 0;
    }

    .diagonal_azul{
      margin: 0 5px;
    }

    .telefonos_texto{
      display: none;
    }

  /* FIN HEADER MOVIL */


  /* CONTAINER MOVIL */
  .container_principal{
    height: auto;
    overflow-y: hidden;
  }
  .oculto{
    display: none!important;
  }
  .nosotros_section{
    height: auto;
    flex-direction: column-reverse;
    padding: 0 2.5%;
    box-sizing: border-box;

  }
  .txt_container{
    width: 100%;
  }

  .slider_cont{
    width: 100%;
  }

  /* Galeria movil */

  .slider_content {
  	display: none;
  }

  /* Galeria movil fin */

  header{
    z-index: 101;
  }

  .espacio_movil{
    width: 100%;
    height: 10vh;
    min-height: 65px;
    max-height: 150px;
  }

    .spacio_header{
        display: inherit;
        min-height: 120px;
        height: 120px;
    }

  .btn_cotizacion{
        flex-direction: column-reverse;
        height: 100%;
        right: 0%;
        width: 20%;
    }

        .btn_cot_left{
          flex-direction: column;
          width: 100%;
          height: 60%;
          display: flex;
          justify-content: center;
          align-items: center;
        }

          .btn_cot_left p{
            margin: 0;
            text-align: center;
          }

        .btn_cot_right{
          width: 100%;
          height: 40%;
        }

          .icono_btn{
            width: 25%;
          }

    .cont_menu_bar{
      position: absolute;
      display: block;
      left: 5%;
      width: 50px;
      height: 20px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-direction: column;
    }

      .linea1, .linea2{
        width: 100%;
        height: 2px;
        background-color: var(--c_azulclaro_general);
      }

    .cont_menu_movil{
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;

    }

      .link_menu_mov{
        font-size: 18px;
        font-family: gotham_medium;
        color: white;
      }

    .nosotros_section, .servicios_section, .galeria_section, .tecnologia_section, .faqs_section, .contacto_section, .cotizar_section, .footer_section, footer{
      display: none!important;
    }

    .nosotros_section_mov{
      display: flex;
      flex-direction: column;
      width: 100%;
      /*height: calc(180vh - 17vh);*/
      background-color: white;
    }

      .cont_imagen_nosotros_mov{
        background-image: url("../img/img/fondo_modal.webp");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        width: 95%;
        height: 300px;
        left: 2.5%;
        display: flex;
        justify-content: center;
        align-items: center;
      }

        .cuadro_titulo_mov{
          position: absolute;
          top: calc(100% - 50px);
          width: 70%;
          height: 100px;
          display: flex;
          background-color: var(--c_azulclaro_general);
          justify-content: center;
          align-items: center;
        }

          .titulo_mov{
            color: white;
            font-size: 24px;
            font-family: roboto_bold_condensed;
            text-align: center;
            padding: 0;
            margin: 0;
            line-height: 1.2;
          }

      .cont_texto_nosotros_section_mov{
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
      }

        .texto_movil{
          position: relative;
          width: 90%;
          color: #4d4d4d;
          font-size: 18px;
          font-family: roboto_condensed;
          text-align: justify;
        }

      .cont_boton_play_mov{
        width: 100%;
        position: relative;
        height: 40vh;
        display: flex;
        justify-content: center;
        align-items: center;
      }

        .btn_play_mov{
          width: 30%;
        }


    .footer_section_mov{
      display: flex;
      position: relative;
      width: 100%;
      height: 70vh;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center;
      background-color: var(--c_azulclaro_general);
    }

      	.opcion_footer_mov{
        	font-size: 22px;
	    	  font-family: roboto_condensed;
	      	color: white;
	      	text-decoration: none;
	      	text-align: center;
			    margin: 0 20px;
      	}

    .icono_footer_mov{
        position: relative;
        width: 65px;
    }

    .opcion_footer_img_mov{
        width: auto;
        position: relative;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    ::-webkit-scrollbar{
        display: none;
    }

    .cont_menu_movil{
        position: absolute;
        width: 100%;
        height: calc(100vh - 120px);
        background-color: var(--c_azulclaro_general);
        top: 120px;
        left: -100%;
        transition: 0.5s all;
    }

    .active_menu{
        left: 0%;
    }

    .linea1, .linea2{
        transition: 0.5s;
    }

    .change .linea1{
        -webkit-transform: rotate(-45deg) translate(1px, 2px);
        transform: rotate(-45deg) translate(1px, 2px);
    }

    .change .linea2{
        -webkit-transform: rotate(45deg) translate(-5px, -8px);
        transform: rotate(45deg) translate(-5px, -8px);
    }

    .servicios_section_mov{
      display: inherit;
      width: 100%;
      position: relative;
      height: auto;
    }

    .valores_seccion{
    	height: 40vh;
    }

    .val_tit_position{
    	font-size: 8vh;
		margin: 0;
		text-align: center;
		width: 100%;
		top: -140px;
    }

    .blue_cont{
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	flex-direction: column;
    	background-size: cover;
    	background-position: center;
    }

    .vent_cont_not{
    	display: flex;
    	justify-content: space-evenly;
    	align-items: center;
    	flex-direction: column;
    }

    	.vent_cont{
    		padding-bottom: 8vh;
		    width: 100%;
		}

	.map_section{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		height: 90vh;
	}

		.text_cont_pos{
			width: 90%;
			height: auto;
			padding-bottom: 0;
		}

		.cirulo_blue{
			top: 0;
			width: 80px;
			height: 80px;
		}

		.img_icon_pos{
			width: 80px;
			height: 80px;
		}

		.map_ventajas{
			width: 80%;
			position: relative;
			padding-left: 10%;
			padding-top: 10%;
		}

			.mapa_img{
				width: 100%;
				height: 100%;
			}

		.slide_emp_cont{
			width: 90%;
		}

		.exito_movil{
			display: inherit;
		}

    body{
      overflow-y: scroll;
    }

    .slick-slide {
      height: 100%;
      min-height: 1px;
    }
/* SERVICIOS */
    .galServs_mov{
      width: 100%!important;
      height: 45vh!important;
    }



    .waterjet_tit {
      font-size: 8vh;
    }

    .info_img_txt {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .info_txt_cont {
      padding-left: 2.5%;
      padding-right: 2.5%;
      box-sizing: border-box;
      width: 100%;
      text-align: justify;
    }

    .info_img_cont{
      display: flex;
      width: 100%;
      padding: 0 2.5%;
      box-sizing: border-box;
    }

    .img_txt_info {
      margin: 0 auto;
      width: 100%;
    }

/* FIN SERVICIOS */

    /* movil */

    .tit_vent_cont{
      padding: 0;
      margin: 0 0 15% 0;
    }


    .tit_pos{
      font-size: 25px;
      margin: 0;
      font-family:"hanson_bold" ;
    }

    .text_cont_pos{
      font-size: 15px;
    }

    .exito_container{
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 0;
    }

    header {
      min-height: 120px;
      height: 120px;

    }

    .btn_play_mov{
      cursor: pointer;
    }

    .contacto_section_mov{
      display: block;
    }

    .cont_contacto_int_izq{
      width: 100%;
      height: 90vh;
      max-height: 750px;
      min-height: 700px;
    }

    .cont_contacto_int_der{
      width: 100%;
    }

    .pos_txt_cont{
      top: 50%;  /* position the top  edge of the element at the middle of the parent */
      left: 50%; /* position the left edge of the element at the middle of the parent */
      width: 70%;
      text-align: center;
      transform: translate(-50%, -50%);
    }
    .txt_wht_tit{
      font-size: 20px;

    }
    .txt_wh_gen{
      font-size: 15px;

    }

    .movil_not{
      display: none;
    }

    .icons_contact{
      width: 20px;
      margin: 0 15px 0 0;
    }

    .txt_direccion{
      font-size: 14px;
    }

    .txt_direccion_tit{
      font-size: 20px;
    }

    .inputs:placeholder-shown ~ .form__label{
      font-size: 14px;
      pointer-events: none;
    }

    .form_text_font{
      font-size: 14px;
    }

    .cont_preguntas{
      width: 100%;
      box-sizing: border-box;
      padding: 0 2.5%;
    }

    .titulo_pregunta{
      padding: 5px;
      font-size: 16px;
      height: auto;
    }

    .cont_titulo_preguntas{
      width: 100%;
      padding: 0 2.5%;
      box-sizing: border-box;
      margin-bottom: 20px;
    }

    .txt_title{
      font-size: 22px;
      text-align: center;
    }

    .txt_casilla_contacto{
      text-align: center;
    }

    .respuesta_pregunta{
      font-size: 14px;
      padding: 0 15px;
    }

    .titulo_preguntas{
      text-align: center;
    }

    .cotizar_section_movil{
      display: block;
    }

    .casilla_contacto_cotizar{
      width: 100%;
      padding: 2.5%;
      /* padding: 10vh 0 0 0; */
      box-sizing: border-box;
    }

    .btn_enviar_contacto{
      padding: 5px;
    }

    .ln_bl{
      margin: 0 auto;
    }

    .grupo_input_informacion_detallada{
      height: 75vh;
      margin: 25px 0;
      min-height: 550px;
      max-height: 650px;
    }

    .input_group{
      width: 100%;
    }

    .input_group_file{
      width: 100%;
    }

    .img_rule{
      height: 77px;
      margin: 30px 0px;
    }

    .group_rule {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: justify;
        box-sizing: border-box;
    }

    .int_cot{
      padding: 0 2.5%;
      box-sizing: border-box;
    }

    .new_cont_tec{
      flex-direction: column;
      padding: 0 5%;
      box-sizing: border-box;
      margin-top: 50px;
    }

    .cont_tit_tec{
      padding: 0 2.5%;
      margin: 0;
      text-align: center;
    }

    .txt_title_tec {
      font-size: 22px;
      letter-spacing: 15px;
      text-align: center;
      margin: unset;
  }

  .cont_izq_tecnologia{
    width: 100%;
    height: auto;
  }

  .cont_der_tecnologia{
    width: 100%;
    height: auto;
  }

  .cont_texto_tecnologia{
    width: 100%;
  }

  .features_cont{
    padding: 0 2.5%;
    /* box-sizing: border-box;
    margin: 7% 0 0 0; */
  }
  .cont_feat_row{
    flex-direction: column;
    height: auto;
    padding: 0 0 50px 0;
  }

  .cont_feature_txt {
    margin: 30px 25px;
  }

  .img_tec{
    margin-bottom: 10px;
  }

  .img_tecnologia{
    margin-top: 50px;
    margin-bottom: 25px;
    width: 100%;
  }

  .tecnologia_section_mov{
    display: block;
  }



  /* MOVIL SLIDER  */
  .gal_mov {
    width: 100%;
    padding: 0 20px;
  }

  .slider_galeria_movil{
    height: 100%;
    width: 100%;
  }

  .movil_gal_cont{
    width: 100%;
    box-sizing: border-box;
    padding: 0 2.5%;
  }

  .descrip_cont_movil{
    position: absolute;
    bottom: 0;
    right: -2px;
    padding: 0 10px;
    box-sizing: border-box;
    background-color: white;
    -webkit-box-shadow:  -8px -2px 13px -3px rgba(0,0,0,0.5);
    box-shadow: -8px -2px 13px -3px rgba(0,0,0,0.5);
    max-width: 70%;
  }

  .galPriMov{
    height: 65vh!important;
    width: 90vw;
    margin: 0 20px;
    position: relative;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  .galPriMov1{
    background-image: url("../img/img/galeria/wat1.jpg");
  }

  .galPriMov2{
    background-image: url("../img/img/galeria/wat2.jpg");
  }

  .galPriMov3{
    background-image: url("../img/img/galeria/wat3.jpg");
  }

  .galPriMov4{
    background-image: url("../img/img/galeria/wat4.jpg");
  }

  .galPriMov5{
    background-image: url("../img/img/galeria/wat5.jpg");
  }

  .galPriMov6{
    background-image: url("../img/img/galeria/wat6.jpg");
  }

  .galPriMov7{
    background-image: url("../img/img/galeria/wat7.jpg");
  }

  .galPriMov8{
    background-image: url("../img/img/galeria/wat8.jpg");
  }

  .galPriMov9{
    background-image: url("../img/img/galeria/wat9.jpg");
  }

  .galPriMov10{
    background-image: url("../img/img/galeria/wat10.jpg");
  }

  .galPriMov11{
    background-image: url("../img/img/galeria/wat11.jpg");
  }

  .galPriMov12{
    background-image: url("../img/img/galeria/wat12.jpg");
  }

  .galPriMov13{
    background-image: url("../img/img/galeria/wat13.jpg");
  }


      .prev_btn{
        position: absolute;
        height: 40px;
        width: 40px;
        background-color: rgba(0, 113, 206, 0.4);
        display: flex;
        justify-content: center;
        align-items: center;
        left: 20px;
        z-index: 10;
        top: calc(50% - 25px);
        cursor: pointer;
        -webkit-transition: background-color 600ms linear;
        -moz-transition: background-color 600ms linear;
        -o-transition: background-color 6000ms linear;
        -ms-transition: background-color 600ms linear;
         transition: background-color 600ms linear;
      }

      .prev_btn:hover{
        background-color: rgba(0, 113, 206, 1);
      }

      .next_btn{
        position: absolute;
        height: 40px;
        width: 40px;
        background-color: rgba(0, 113, 206, 0.4);
        display: flex;
        justify-content: center;
        align-items: center;
        right: 20px;
        z-index: 10;
        top: calc(50% - 25px);
        cursor: pointer;
        -webkit-transition: background-color 600ms linear;
        -moz-transition: background-color 600ms linear;
        -o-transition: background-color 600ms linear;
        -ms-transition: background-color 600ms linear;
         transition: background-color 600ms linear;
      }

      .next_btn:hover{
        background-color: rgba(0, 113, 206, 1);
      }

      /* FIN  GALERIA */

      /* SERVICIOS OSW */
      .ap_mat {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .cont_txt_ap{
        width: 100%;
        height: auto;
        position: relative;
      }

      .cont_img{
        width: 100%;
        height: 30vh;
      }

      .cont_txt_ma {
        width: 100%;
        height: auto;
        position: relative;
        left: auto;
      }

      .txt_cont_vent {
        width: 90%;
        text-align: center;
      }

      .row{
        flex-direction: column;
      }

      .father_icon_vent{
        width: 75%;
      }

      .vent_wat_txt{
        font-size: 15px;
      }

      .waterjet_watermark {
         justify-content: center;
         padding-left: 0%;
      }

      .tit_table {
        font-size: 18px;
      }

      .table_div{
        overflow-x: auto;
        overflow-y: hidden;
        height: auto;
      }

      .table_maqui {
        border-collapse: collapse;
        overflow-x: auto;
        width: auto;
      }

      .table_tit_cont{
        padding: 0 2.5%;
        box-sizing: border-box;
      }

      .table_div {
          position: relative;
          display: block;
          overflow-x: auto;
          overflow-y: hidden;
          height: auto;
      }

      .tit_watermark{
        font-size: 8vh;
      }

      /* FIN SERVICIOS OSW */

  /* FIN MOVIL S */

}
/* Termina Movil */

/* Deprecated */
.btn_otros_servicios{
  /*visibility: hidden;*/
}


/* modal galeria */

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

.modal_galeria {
  display: flex;
    justify-content: center;
    align-items: center;
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    /* padding-top: 100px; /* Location of the box */ */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    /*overflow: auto;*/ /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

.slick_galeria{
  width: 90%;
  height: 400px;
  position: relative;
  left: 5%;
}

.img_slider_galeria{
  width: 100%!important;
  height: 100%!important;
}

/* .modal_galeria .slick-track{
  width: 100%!important;
} */

#img01{
  width: 70%;
  height: auto;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    z-index: 10000;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }

}

/* end modal galeria */