@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a, select, button, input, textarea { outline: none; }

.trans, .navbar a, .navbar a .borde, .navbar .iconos li img, .fixed-top, .carouselhome .item .texto, .mod1 a, .mod2 .item a, .mod2 .item .bullet, .mod3 ul li, .mod4 a, .mod5 .carousel2 .pad a, .grillaprods .boton, .grillaprods .boton2, .mercados .boton, .contacto input[type="submit"], .trabaja input[type="submit"], .novedades a, .banner a, .contacto2 input[type="submit"] { -moz-transition: all 0.3s ease-in; -webkit-transition: 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

body { padding: 0; margin: 0; font-family: "Poppins", sans-serif; overflow-x: hidden; }

.clear { clear: both; }

h1, h2, h3, h4, p, ul, li { padding: 0; margin: 0; }

li { list-style: none; }

a, a:hover { text-decoration: none; outline: 0; }

.left { float: left; }

.right { float: right; }

.container-fluid { max-width: 90%; }

.navbar { background-color: rgba(255, 255, 255, 0.8); }

.navbar a { color: #ff0098; font-weight: 400; font-size: 16px; }

.navbar a .borde { width: 0px; height: 1px; background-color: #cccccc; display: block; margin: 6px auto auto auto; }

.navbar a:hover { color: #cccccc; }

.navbar a:hover .borde { width: 61px; }

.navbar .container-fluid { padding: 0; }

.navbar ul li:last-child .nav-link { padding-right: 0; }

.navbar .guion { color: #3D3D56; }

.navbar .nav-item { margin-left: 20px; }

.navbar .iconos li { display: inline-block; }

.navbar .iconos li a { color: #3D3D56; font-size: 14px !important; font-weight: 700; }

.navbar .iconos li a:hover { color: #3D3D56 !important; }

.navbar .iconos li img:hover { opacity: 0.8; }

.navbar .iconos li:first-child::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0.3em solid #3D3D56; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }

.navbar .bordeverde { position: absolute; right: 0; bottom: -9px; height: 4px; background-color: #3D3D56; width: 85px; }

.navbar .nav-link { color: #ff0098 !important; }

.navbar .nav-link:hover { color: #3D3D56 !important; }

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover { background-color: #fff !important; }

.fixed-top { border-bottom: solid 1px #3D3D56; width: 100%; margin: auto; z-index: 999999999; }

.fixed1 { width: 100%; background-color: #fff; border-bottom: solid 1px rgba(0, 0, 0, 0.8); z-index: 999999999; }

.navbar .iconos li:first-child::after { border-top: none; }

.dropdown-menu { background-color: #3D3D56; box-shadow: none; }

.dropdown-item { color: #3D3D56 !important; }

.slick-vertical .slick-slide { border: none !important; }

.carouselhome img { width: 100%; }

.carouselhome .item { position: relative; }

.carouselhome .item .texto { position: absolute; background-color: rgba(0, 183, 249, 0.8); padding: 33px; top: 36%; right: 0; color: #fff; font-size: 45px; line-height: 45px; font-weight: 700; width: 70%; max-width: 620px; opacity: 0; }

.carouselhome .item .celeste { color: #00b7f9; }

.carouselhome .fotomobile { display: none; }

.carouselhome .slick-dots { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; width: 100%; }

.carouselhome .slick-dots li { display: inline-block; margin-left: 6px; margin-bottom: 0; }

.carouselhome .slick-dots li button { border: none; padding: 5px; background-color: #B4B4B4; color: transparent; width: 12px; height: 12px; border-radius: 60px; }

.carouselhome .slick-dots .slick-active button, .carouselhome .slick-dots button:hover { background-color: #3D3D56; }

.carouselhome .slick-prev { position: absolute; bottom: 41%; left: 45px; width: 16px; height: 35px; border: none; background-color: #00B7E5; border-radius: 60px; color: transparent; z-index: 9; background-repeat: no-repeat; background-image: url(../img/flechaizq.png); background-size: 10px; background-position: center; width: 36px; }

.carouselhome .slick-next { position: absolute; bottom: 41%; right: 45px; width: 16px; height: 35px; border: none; background-color: #00B7E5; border-radius: 60px; z-index: 9; background-repeat: no-repeat; color: transparent; background-image: url(../img/flechader.png); background-size: 10px; background-position: center; width: 36px; }

.efecto { right: 0px !important; opacity: 1 !important; }

.efecto1 { right: 145px !important; }

.mod1 { background-color: #3D3D56; }

.mod1 .col-md-6 { padding: 0; margin: 0; }

.mod1 .col2 { padding: 60px; background-image: url(../img/Frame.png); background-repeat: no-repeat; background-position: bottom right; }

.mod1 .container-fluid { width: 100%; padding: 0; max-width: 100%; }

.mod1 .col1 img { width: 100%; }

.mod1 p { color: #fff; padding-top: 90px; }

.mod1 a { color: #fff; border: solid 1px #fff; border-radius: 16px; padding: 10px 15px 10px 15px; width: 165px; display: block; font-size: 20px; text-align: center; margin-top: 20px; }

.mod1 a:hover { background-color: #fff; color: #3D3D56; border: solid 1px #3D3D56; }

.mod1 .bullet { position: absolute; top: 60px; left: -60px; }

.mod2 { padding: 45px 0 145px 0; }

.mod2 img { width: 100%; }

.mod2 h2 { padding: 20px; text-align: center; font-weight: 700; }

.mod2 .item { position: relative; }

.mod2 .item h3 { position: absolute; top: 45%; right: 0; left: 0; text-align: center; width: 100%; color: #fff; }

.mod2 .item a { display: block; width: 100%; height: 100%; position: absolute; top: 0; }

.mod2 .item a:hover { background-color: rgba(0, 0, 0, 0.8); }

.mod2 .item .foto { height: 430px; object-fit: cover; }

.mod2 .item .bullet { width: 15px; margin: auto; margin-top: 15px; display: block; opacity: 0; }

.mod2 .item:hover .bullet { opacity: 1; }

.mod2 .slick-prev { position: absolute; bottom: -18px; left: 45px; width: 16px; height: 35px; border: none; background-color: #00B7E5; border-radius: 60px; color: transparent; z-index: 9; background-repeat: no-repeat; background-image: url(../img/flechaizq.png); background-size: 10px; background-position: center; width: 36px; }

.mod2 .slick-next { position: absolute; bottom: -18px; right: 45px; width: 16px; height: 35px; border: none; background-color: #00B7E5; border-radius: 60px; z-index: 9; background-repeat: no-repeat; color: transparent; background-image: url(../img/flechader.png); background-size: 10px; background-position: center; width: 36px; }

.carouselmod2 { padding-bottom: 29px; border-bottom: solid 1px #d9d9d9; }

.mod3 { padding-bottom: 20px; }

.mod3 h3 { padding: 20px; text-align: center; font-weight: 700; }

.mod3 ul { text-align: center; }

.mod3 ul li { display: inline-block; margin: 15px; width: 17%; padding: 14px; min-height: 450px; border-radius: 12px; vertical-align: top; }

.mod3 ul li:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2); }

.mod3 ul li:hover p { opacity: 1; }

.mod3 ul h3 { color: #00b7f9; margin: 20px 0 12px 0; font-size: 20px; text-align: center; font-weight: 700; }

.mod3 ul p { opacity: 1; color: dimgray; font-size: 15px; }

.mod3 ul img { height: 126px; width: auto; }

.mod3 .container-fluid { max-width: none; }

.mod4 { background-color: whitesmoke; padding: 68px; margin-bottom: 145px; position: relative; }

.mod4 h3 { color: #3D3D56; text-align: center; }

.mod4 h3 span { display: block; }

.mod4 ul { text-align: center; margin-bottom: -145px; padding-top: 45px; }

.mod4 ul li { display: inline-block; vertical-align: top; }

.mod4 .bullet { position: absolute; right: 0; left: 0; margin: auto; border-radius: 80px; background-color: whitesmoke; padding: 20px; top: -45px; width: 90px; }

.mod4 a { color: #3D3D56; background-color: #3D3D56; font-size: 14px; font-weight: bold; background-repeat: no-repeat; background-position: 89%; border-radius: 25px; width: 145px; display: block; margin: 16px auto 26px auto; color: #fff; padding: 12px 22px 12px 22px; text-align: center; }

.mod4 a:hover { background-color: #3D3D56; color: #fff; }

.mod5 { margin-bottom: 145px; }

.mod5 h3 { padding: 20px; text-align: center; font-weight: 700; }

.mod5 .carousel2 .item { position: relative; margin: 0 25px 0 25px; }

.mod5 .carousel2 .foto { width: 100%; }

.mod5 .carousel2 .fotomobile { display: none; }

.mod5 .carousel2 .texto { width: 50%; position: absolute; height: 100%; background-color: #3d3d56; z-index: 9999; top: 0; right: 0; background-image: url(../img/Frame.png); background-position: bottom right; background-repeat: no-repeat; }

.mod5 .carousel2 h2 { position: absolute; right: 0; left: 0; top: 45px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); text-align: center; font-size: 45px; color: #fff; z-index: 9999999; font-weight: 700; }

.mod5 .carousel2 .pad { padding: 20px 20px 20px 45px; }

.mod5 .carousel2 .pad p { color: #fff; padding-top: 133px; margin-bottom: 30px; }

.mod5 .carousel2 .pad a { color: #fff; border-radius: 33px; padding: 10px 15px 10px 15px; border: solid 1px #fff; }

.mod5 .carousel2 .pad a:hover { background-color: #fff; color: #3D3D56; }

.mod5 .carousel2 .bullet { position: absolute; bottom: 15px; right: 15px; }

.mod5 .slick-prev { position: absolute; bottom: 45%; left: 45px; width: 16px; height: 35px; border: none; background-color: #00B7E5; border-radius: 60px; color: transparent; z-index: 9; background-repeat: no-repeat; background-image: url(../img/flechaizq.png); background-size: 10px; background-position: center; width: 36px; }

.mod5 .slick-next { position: absolute; bottom: 45%; right: 45px; width: 16px; height: 35px; border: none; background-color: #00B7E5; border-radius: 60px; z-index: 9; background-repeat: no-repeat; color: transparent; background-image: url(../img/flechader.png); background-size: 10px; background-position: center; width: 36px; }

.nosotros { height: 500px; background-image: url(../img/nosotros.png); background-size: cover; padding-top: 160px; padding-right: 50%; margin-bottom: 45px; }

.nosotros h1 { color: #3D3D56; font-weight: 700; }

.nosotros p { color: #696969; padding: 15px 0 15px 0; }

.nosotros h2 { color: #00b7f9; font-weight: 700; font-size: 20px; }

.nosotros2 { padding-top: 45px; padding-bottom: 45px; border-bottom: solid 1px #cccccc; margin-bottom: 33px; }

.nosotros2 h2 { color: #00b7f9; font-size: 26px; font-weight: 700; padding: 14px 0 4px 0; }

.nosotros2 p { color: #696969; }

.nosotros2 h3 { color: #00b7f9; font-size: 33px; text-align: center; border-bottom: solid 1px #cccccc; font-weight: 700; padding-bottom: 6px; margin-bottom: 33px; }

.nosotros2 .col-md-6 { text-align: center; }

.nosotros2 .borde2 { border-right: solid 1px #fe8702; }

.nosotros2.borde1 { border-bottom: solid 1px #fe8702 !important; }

.nosotros3 { margin-bottom: 45px; }

.nosotros3 h2 { color: #00b7f9; font-weight: bold; font-size: 22px; text-align: center; padding: 14px 0 14px 0; }

.nosotros3 h3 { color: #00b7f9; font-size: 26px; font-weight: bold; margin-bottom: 45px; text-align: center; }

.nosotros3 p { text-align: center; color: #696969; }

.nosotros3 img { display: block; margin: auto; max-height: 80px; }

.nosotros3 .col-md-4 { margin-bottom: 33px; }

.nosotros4 { padding: 45px; }

.nosotros4 h3 { color: #3D3D56; font-size: 26px; font-weight: bold; margin-bottom: 45px; text-align: center; }

.nosotros4 .foto { width: 80%; display: block; margin: auto; }

.nosotros4 h2 { color: #00b7f9; font-size: 28px; margin-top: 15px; margin-bottom: 6px; border-top: solid 1px #F2C648; padding-top: 14px; font-weight: 700; text-align: center; }

.nosotros4 p { text-align: center; color: #696969; padding: 0 20px 0 20px; }

.nosotros4 .slick-prev { position: absolute; top: 45%; left: -41px; width: 16px; height: 35px; border: none; background-color: #3D3D56; border-radius: 60px; color: transparent; z-index: 9; background-repeat: no-repeat; background-image: url(../img/flechaizq.png); background-size: 10px; background-position: center; width: 36px; }

.nosotros4 .slick-next { position: absolute; top: 45%; right: -41px; width: 16px; height: 35px; border: none; background-color: #3D3D56; border-radius: 60px; z-index: 9; background-repeat: no-repeat; color: transparent; background-image: url(../img/flechader.png); background-size: 10px; background-position: center; width: 36px; }

.nosotros4 .bullet { display: block; margin: auto; width: 20px; position: absolute; right: 0; left: 0; margin-top: 6px; }

.nosotros4 .item { position: relative; }

.nosotros5 { padding: 45px 0 45px 0; }

.nosotros5 h2 { color: #3D3D56; font-size: 26px; font-weight: bold; margin-top: 20px; margin-bottom: 45px; text-align: center; }

.nosotros5 img { width: 100%; }

.nosotros5 h3 { font-size: 16px; padding-top: 25px; }

.nosotros5 h4 { font-size: 33px; color: #00b7f9; font-weight: 700; padding: 6px 0 6px 0; }

.nosotros5 p { color: #696969; padding-bottom: 15px; }

.nosotros5 .row { margin-bottom: 45px; border-bottom: solid 1px #cccccc; padding-bottom: 45px; }

.nosotros6 { padding-top: 0 45px 45px 45px; }

.nosotros6 h2 { color: #3D3D56; font-size: 26px; font-weight: bold; margin-top: 20px; margin-bottom: 45px; text-align: center; }

.nosotros6 h3 { color: #00b7f9; font-weight: 700; font-size: 25px; }

.nosotros6 p { color: #696969; font-size: 16px; padding: 15px 0 15px 0; }

.nosotros6 a { color: #00b7f9; display: block; }

.nosotros6 a:hover { color: #3D3D56; }

.nosotros7 { padding: 45px; background-color: #F5F5F5; margin-top: 45px; }

.nosotros7 h2 { color: #3D3D56; font-weight: 700; text-align: center; }

.nosotros7 h3 { color: #3D3D56; text-align: center; font-size: 20px; margin-bottom: 6px; }

.nosotros7 p { color: #696969; text-align: center; font-size: 14px; }

.nosotros7 img { display: block; margin: auto; }

.garantia { background-color: whitesmoke; padding: 68px; margin-bottom: 45px; position: relative; margin-top: 145px; }

.garantia h3 { color: #3D3D56; text-align: center; font-weight: 700; padding-bottom: 15px; }

.garantia h3 span { display: block; }

.garantia ul { text-align: center; margin-bottom: -145px; padding-top: 45px; }

.garantia ul li { display: inline-block; vertical-align: top; }

.garantia .bullet { position: absolute; right: 0; left: 0; margin: auto; border-radius: 80px; background-color: whitesmoke; padding: 20px; top: -45px; width: 100px; }

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

.garantia .cols { max-width: 1000px; margin: auto; padding-top: 20px; column-count: 2; line-height: 33px; column-gap: 120px; }

.garantia .cols span { color: #00b7f9; }

.productos { padding-top: 160px; background-image: url(../img/prods.png); background-size: cover; color: #fff; font-size: 45px; text-align: center; font-weight: 700; padding-bottom: 80px; margin-bottom: 45px; }

.productos h1 { font-weight: 700; }

.grillaprods .foto { width: 100%; }

.grillaprods h2 { color: #3D3D56; font-weight: 700; font-size: 26px; margin: 15px 0 15px 0; }

.grillaprods p { color: #696969; padding-bottom: 20px; height: 120px; }

.grillaprods .items { color: #696969; height: 98px; overflow: hidden; }

.grillaprods .items span { color: #00b7f9; }

.grillaprods .col-md-4 { margin-bottom: 33px; }

.grillaprods p a { color: #00b7f9; text-decoration: underline; }

.grillaprods p a:hover { color: #000; text-decoation: none; }

.grillaprods .boton { color: #3D3D56; background-color: #F5F5F5; font-size: 14px; font-weight: bold; background-image: url(../img/flechita1.svg); background-repeat: no-repeat; background-position: 89%; border-radius: 25px; width: 145px; display: block; margin: 16px 0 26px 0; padding: 12px 22px 12px 6px; text-align: center; }

.grillaprods .boton:hover { background-color: #3D3D56; color: #fff; }

.grillaprods .boton2 { color: #3D3D56; background-color: #F5F5F5; font-size: 14px; font-weight: bold; background-image: url(../img/flechita2.svg); background-repeat: no-repeat; background-position: 89%; border-radius: 25px; width: 145px; display: block; margin: 16px 0 26px 0; padding: 12px 22px 12px 6px; text-align: center; display: none; }

.grillaprods .boton2:hover { background-color: #3D3D56; color: #fff; }

.garantia2 { padding: 0 45px 45px 45px; }

.garantia2 img { display: block; margin: auto; }

.garantia2 h2 { color: #3D3D56; padding: 16px 0 6px 0; font-weight: 700; text-align: center; font-size: 25px; }

.garantia2 p { color: #3D3D56; font-size: 20px; text-align: center; }

.productos { padding-top: 160px; background-image: url(../img/prods.png); background-size: cover; color: #fff; font-size: 45px; text-align: center; font-weight: 700; padding-bottom: 80px; margin-bottom: 45px; }

.productos h1 { font-weight: 700; }

.headermercados { padding-top: 160px; background-color: #555571; background-image: url(../img/Frame.png); background-position: bottom right; background-repeat: no-repeat; background-size: 300px; color: #fff; font-size: 45px; text-align: center; font-weight: 700; padding-bottom: 80px; margin-bottom: 45px; }

.headermercados h1 { font-weight: 700; }

.headermercados p { font-size: 18px; font-weight: 400; max-width: 1200px; margin: auto; padding-top: 20px; }

.mercados h2 { color: #3D3D56; font-weight: 700; }

.mercados p { color: #696969; padding-top: 15px; }

.mercados p span { color: #00b7f9; }

.mercados ul li { display: inline-block; width: 30%; vertical-align: top; font-size: 14px; padding: 6px; }

.mercados ul li img { float: left; margin-right: 8px; margin-bottom: 45px; }

.mercados h3 { color: #3D3D56; padding: 25px 0 15px 0; font-size: 20px; text-transform: uppercase; }

.mercados .item { margin-bottom: 70px; }

.mercados .item .bullet { height: 4px; width: 81px; background-image: url(../img/linea.png); position: absolute; right: 4px !important; top: 18px; }

.mercados .item .bullet2 { height: 4px; width: 81px; background-image: url(../img/linea.png); position: absolute; left: -14px !important; top: 18px; }

.mercados .item .col-md-6 { position: relative; }

.mercados .boton { background-color: #F5F5F5; color: #3D3D56; font-weight: bold; margin-top: 15px; border-radius: 15px; width: 200px; display: block; padding: 12px; text-align: center; }

.mercados .boton:hover { background-color: #3D3D56; color: #fff; }

.headerservicios { padding-top: 160px; background-color: #555571; background-image: url(../img/Frame.png); background-position: bottom right; background-repeat: no-repeat; background-size: 300px; color: #fff; font-size: 45px; text-align: center; font-weight: 700; padding-bottom: 80px; margin-bottom: 45px; }

.headerservicios h1 { font-weight: 700; color: #fff; }

.headerservicios p { font-size: 18px; font-weight: 400; max-width: 1200px; margin: auto; padding-top: 20px; }

.headercontacto { padding-top: 160px; background-color: #555571; background-image: url(../img/Frame.png); background-position: bottom right; background-repeat: no-repeat; background-size: 300px; color: #fff; font-size: 45px; text-align: center; font-weight: 700; padding-bottom: 80px; margin-bottom: 200px; }

.headercontacto h1 { font-weight: 700; color: #fff; }

.headercontacto p { font-size: 18px; font-weight: 400; max-width: 1200px; margin: auto; padding-top: 20px; }

.headersustentabilidad { padding-top: 160px; background-image: url(../img/headersustentabilidad.png); background-size: cover; color: #fff; font-size: 45px; text-align: center; font-weight: 700; padding-bottom: 80px; margin-bottom: 45px; }

.headersustentabilidad h1 { font-weight: 700; }

.headersustentabilidad h1 span { display: block; }

.headersustentabilidad p { font-size: 18px; font-weight: 400; max-width: 1200px; margin: auto; padding-top: 20px; }

.sus1 { padding-top: 33px; }

.sus1 h2 { font-size: 20px; margin: 15px 0 15px 0; }

.sus1 h2 span { color: #00b7f9; }

.sus1 p { color: #696969; padding-bottom: 18px; }

.sus1 .gris { padding: 15px; background-color: whitesmoke; margin: 20px 0 20px 0; }

.sus1 img { width: 100%; }

.sus1 a { color: #00b7f9; }

.sus1 a:hover { color: #3D3D56; }

.sus2 { display: none; padding-top: 33px; }

.sus2 p { color: #696969; padding-top: 125px; }

.sus3 { display: none; padding-top: 33px; }

.sus3 p { color: #696969; }

.sus3 h3 { color: #3D3D56; padding-bottom: 6px; border-bottom: solid 1px #00b7f9; margin-bottom: 20px; font-size: 20px; margin-top: 33px; }

.sus .tabs { border-bottom: solid 1px #cccccc; margin-bottom: 33px; }

.sus .tabs li { display: inline-block; width: 33%; text-align: center; color: #696969; font-size: 20px; border-bottom: solid 4px #fff; padding-bottom: 14px; }

.sus .tabs li img { display: block; margin: auto auto 6px auto; }

.sus .tabs li:hover, .sus .tabs .active { cursor: pointer; font-weight: bold; border-bottom: solid 4px #00b7f9; }

.sus .tabs li:hover img, .sus .tabs .active img { filter: invert(0) brightness(0); opacity: 0.6; }

.contacto { background-image: url(../img/fondocontacto.png); background-repeat: no-repeat; background-size: cover; padding-top: 62px; padding-bottom: 62px; }

.contacto .borde { border-radius: 0 0 25px 25px; overflow: hidden; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }

.contacto .col-md-4 { background-color: #3D3D56; }

.contacto .col-md-4, .contacto .col-md-8 { padding: 45px; margin: 0; }

.contacto .col-md-8 { background-color: #fff; }

.contacto h2 { padding-top: 25px; color: #696969; padding-bottom: 20px; font-size: 22px; font-weight: 700; }

.contacto input[type="text"], .contacto input[type="email"], .contacto textarea { border: none; border-bottom: solid 1px #3D3D56; padding: 10px; font-size: 15px; margin-bottom: 6px; color: #3D3D56; width: 100%; }

.contacto input[type="submit"] { background-color: #ff0098; color: #fff; font-size: 18px; font-weight: 700; margin-top: 20px; padding: 10px 25px 10px 25px; border-radius: 33px; border: none; }

.contacto input[type="submit"]:hover { background-color: #00b7f9; }

.contacto p { color: #fff; }

.contacto p a { display: block; color: #fff; }

.contacto p img { margin-bottom: 20px; }

.contacto .linea { padding-top: 45px; }

.contacto .logocontacto { display: block; margin-top: 96px; }

.contacto i { color: #3D3D56; font-size: 45px; margin-bottom: 15px; }

.contacto h4 { color: #3D3D56; font-size: 43px; text-align: center; font-weight: 700; padding-bottom: 33px; }

.trabaja { margin: 45px; }

.trabaja .borde { border-radius: 25px; overflow: hidden; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }

.trabaja .col-md-8 { background-color: #fff; }

.trabaja .col-md-4, .trabaja .col-md-8 { padding: 45px; margin: 0; }

.trabaja .col-md-4 { background-color: #3D3D56; }

.trabaja h2 { color: #696969; padding-bottom: 20px; font-size: 22px; font-weight: 700; }

.trabaja input[type="text"], .trabaja input[type="email"], .trabaja textarea { border: none; border-bottom: solid 1px #3D3D56; padding: 10px; font-size: 15px; margin-bottom: 6px; color: #3D3D56; width: 100%; }

.trabaja input[type="submit"] { background-color: #3D3D56; color: #fff; font-size: 18px; font-weight: 700; margin-top: 20px; padding: 10px 25px 10px 25px; border-radius: 33px; border: none; }

.trabaja input[type="submit"]:hover { background-color: #00b7f9; }

.trabaja p { color: #fff; }

.trabaja p a { display: block; color: #fff; }

.trabaja p img { margin-bottom: 20px; }

.trabaja .linea { padding-top: 45px; float: right; }

.trabaja .logocontacto { display: block; margin-top: 96px; }

.trabaja i { color: #fff; font-size: 45px; margin-bottom: 15px; text-align: right; display: block; }

.trabaja h2 { color: #fff; font-size: 45px; text-align: right; line-height: 45px; }

.trabaja label { font-size: 14px; }

.novedades .foto { width: 100%; margin: 6px 0 6px 0; }

.novedades h2 { font-size: 25px; margin-top: 4px; }

.novedades h3 { font-size: 14px; }

.novedades a { border: solid 1px #3D3D56; color: #3D3D56; border-radius: 25px; width: 182px; display: block; margin: 26px 0 26px 0; padding: 12px 20px 12px 20px; text-align: center; }

.novedades a:hover { background-color: #3D3D56; color: #fff; }

.novedades p { padding-top: 12px; }

.novedades .col-md-4 { margin-bottom: 33px; }

.novedadesdetalle { margin-top: -108px; }

.novedadesdetalle .foto { width: 100%; margin-bottom: 45px; }

.novedadesdetalle h2 { font-size: 20px; font-weight: 500; margin-bottom: 15px; }

.novedadesdetalle p { font-size: 14px; font-weight: 400; color: #696969; }

footer { border-top: solid 1px #00b7f9; border-bottom: solid 4px #00b7f9; padding: 20px 0 20px 0; margin-top: 45px; }

footer h3 { color: #00b7f9; font-weight: 700; margin-bottom: 15px; font-size: 18px; }

footer .col1 { padding-top: 15px; }

footer .col1 li { margin-bottom: 6px; }

footer .col1 li a { color: #3D3D56; }

footer .col1 li a:hover { color: #00b7f9; }

footer .col2 { padding-top: 15px; border-right: solid 1px #d9d9d9; border-left: solid 1px #d9d9d9; }

footer .col2 a { color: #3D3D56; }

footer .col2 a:hover { color: #00b7f9; }

footer .col2 .borde { border-right: solid 1px #d9d9d9; }

footer .col2 p { padding-bottom: 20px; }

footer .col2 .col-md-6 { padding-top: 6px; }

footer .col2 img { display: block; margin-bottom: 15px; }

footer .col3 { padding-top: 15px; }

footer .col3 ul li { display: inline-block; margin-top: 20px; }

footer .col3 ul li img { width: 74px; }

footer .copy { border-top: solid 1px #d9d9d9; padding: 26px 15px 15px 15px; text-align: center; margin-top: 20px; }

footer .copy a { color: #3D3D56; }

.iconowhatsapp { position: fixed; right: 31px; bottom: 31px; z-index: 999999; }

.iconowhatsapp a { color: #fff; background-color: #34D16C; font-size: 29px; border-radius: 31px; padding: 10px 18px 10px 18px; }

.gracias h2 { text-align: center; }

.fondo { background-image: url(../img/fondojg.jpg); background-repeat: no-repeat; background-position: top right; position: relative; }

.fondo .bullet { position: absolute; right: 0; left: 0; margin: auto; top: -63px; z-index: 99999; }

.autoridades { padding: 33px 0 0 0; background-image: url(../img/foto_ofi-01.jpg); background-size: cover; }

.autoridades h2 { color: #fff; font-size: 43px; text-transform: uppercase; margin-left: 33px; margin-bottom: 120px; }

.autoridades h3 { color: #a5def2; padding-top: 6px; font-size: 22px; font-weight: 700; }

.autoridades p { color: #fff; }

.autoridades .transp { background-color: rgba(0, 0, 0, 0.6); padding: 33px; }

.autoridades .container-fluid { max-width: 100%; margin: 0; padding: 0; }

.autoridades .borde { border-right: solid 1px #fff; border-left: solid 1px #fff; padding-bottom: 14px; }

.marcas { padding-bottom: 68px; background: #f0f0f0; position: relative; margin-top: 68px; padding-top: 33px; background: linear-gradient(180deg, #f0f0f0 72%, white 51%); }

.marcas .icono { display: block; margin: auto; position: absolute; right: 0; left: 0; top: -33px; }

.marcas h2 { color: #3D3D56; font-size: 36px; text-align: center; padding: 20px; font-weight: 700; padding-top: 20px; }

.marcas .marca { background-image: url(../img/fondologo.png); padding: 82px 20px 33px 20px; background-size: cover; height: 251px; }

.marcas .marca img { height: 66px; display: block; margin: auto auto 6px auto; }

.marcas p { text-align: center; }

.marcas .col-md-4 { padding: 0; }

.marcas .logomarcas { display: block; margin: auto auto 120px auto; }

.marcas a { color: #3D3D56; }

.nofondo { background: #fff !important; }

.trayectoria { background-color: #fe8702; padding: 33px 0 33px 0; margin-bottom: 33px; }

.trayectoria h2 { color: #fff; text-align: center; padding-bottom: 33px; }

.trayectoria h4 { color: #3d3d56; font-size: 51px; text-align: center; border-bottom: solid 1px #fff; font-weight: 700; }

.trayectoria p { color: #fff; padding: 6px; }

.trayectoria .icono { display: block; margin: auto; position: absolute; right: 0; left: 0; top: 0; }

.trayectoria .foto { width: 100%; border-radius: 20px; }

.trayectoria .pad { padding: 20px; position: relative; }

.trayectoria .slick-prev { position: absolute; bottom: 48%; left: 0; width: 16px; height: 35px; border: none; background-color: #00B7E5; border-radius: 60px; color: transparent; z-index: 9; background-repeat: no-repeat; background-image: url(../img/flechaizq.png); background-size: 10px; background-position: center; width: 36px; }

.trayectoria .slick-next { position: absolute; bottom: 48%; right: 0; width: 16px; height: 35px; border: none; background-color: #00B7E5; border-radius: 60px; z-index: 9; background-repeat: no-repeat; color: transparent; background-image: url(../img/flechader.png); background-size: 10px; background-position: center; width: 36px; }

.news { background-color: #00b7f9; padding: 43px 20px 43px 20px; }

.news p { color: #3D3D56; font-size: 22px; padding-top: 14px; padding-bottom: 6px; }

.news input[type="email"] { padding: 10px; border: none; width: 481px; margin-right: 15px; }

.news input[type="submit"] { background-color: #ff0098; color: #fff; border-radius: 36px; padding: 10px; border: none; }

.news1 { padding: 106px; text-align: center; background-image: url(../img/fondonews.png); background-repeat: no-repeat; }

.header1 { height: 300px; padding: 162px 33px 43px 33px; color: #fff; text-align: center; font-weight: 700; font-size: 41px; background-image: url(../img/trama_byn011.png); background-size: cover; }

.banner { text-align: center; padding-bottom: 43px; }

.banner img { margin-bottom: 15px; width: 68px; }

.banner p { font-size: 33px; color: #3D3D56; }

.banner p span { color: #00b7f9; }

.banner a { background-color: #ff0098; color: #fff; font-weight: bold; border-radius: 36px; display: block; padding: 10px 15px 10px 15px; width: 268px; margin: 33px auto auto auto; }

.banner a:hover { background-color: #3D3D56; }

.headerautoridades { height: 500px; padding: 162px 33px 43px 33px; color: #fff; text-align: center; font-weight: 700; font-size: 41px; background-image: url(../img/foto_ofi-011.png); background-size: cover; }

.autoridades1 { padding-top: 28px; margin-bottom: 120px; margin-top: -200px; background: black; background: linear-gradient(180deg, rgba(0, 0, 0, 0.62) 20%, white 20%); }

.autoridades1 h2 { color: #a5def2; padding-top: 8px; font-weight: bold; }

.autoridades1 h3 { color: #fff; font-size: 20px; padding-bottom: 43px; }

.autoridades1 p { padding-top: 81px; }

.contacto2 { padding-top: 62px; padding-bottom: 62px; }

.contacto2 .borde { border-radius: 0 0 25px 25px; overflow: hidden; }

.contacto2 .col-md-4, .contacto2 .col-md-8 { padding: 45px; margin: 0; }

.contacto2 .col-md-8 { background-color: #fff; }

.contacto2 h2 { padding-top: 25px; color: #696969; padding-bottom: 20px; font-size: 22px; font-weight: 700; }

.contacto2 input[type="text"], .contacto2 input[type="email"], .contacto2 textarea { border: none; background-color: whitesmoke; padding: 10px; font-size: 15px; margin-bottom: 12px; color: #3D3D56; width: 100%; }

.contacto2 input[type="submit"] { background-color: #ff0098; color: #fff; font-size: 18px; font-weight: 700; margin-top: 20px; padding: 10px 25px 10px 25px; border-radius: 33px; border: none; }

.contacto2 input[type="submit"]:hover { background-color: #00b7f9; }

.contacto2 p { color: #696969; }

.contacto2 p a { display: block; color: #696969; }

.contacto2 p img { margin-bottom: 20px; }

.contacto2 .linea { padding-top: 45px; }

.contacto2 .logocontacto { display: block; margin-top: 96px; }

.contacto2 i { color: #3D3D56; font-size: 45px; margin-bottom: 15px; }

.contacto2 h4 { color: #3D3D56; font-size: 43px; text-align: center; font-weight: 700; padding-bottom: 33px; }

.trayectoria1 { padding: 44px 0 44px 0; margin-bottom: 86px; background-image: url(../img/tiempo.png); background-repeat: repeat-y; background-position: center; position: relative; }

.trayectoria1 .item { width: 44%; clear: both; }

.trayectoria1 .item img { border-radius: 20px; }

.trayectoria1 .item1 { margin-left: 43px; }

.trayectoria1 .item2 { float: right; margin-top: -120px; }

.trayectoria1 h4 { color: #3d3d56; font-weight: 700; font-size: 33px; margin-bottom: 6px; }

.trayectoria1 p { padding-top: 14px; }

.trayectoria1 .borde { position: absolute; right: 0; left: 0; margin: auto; display: block; text-align: center; }

.trayectoria1 .borde1 { top: 158px; }

.trayectoria1 .borde2 { top: 433px; }

.trayectoria1 .borde3 { top: 800px; }

.trayectoria1 .borde4 { top: 1058px; }

.trayectoria1 .borde5 { top: 1386px; }

.trayectoria1 .borde6 { top: 1658px; }

.trayectoria1 .borde7 { top: 1998px; }

.trayectoria1 .borde8 { top: 2248px; }

.trayectoria1 .borde9 { top: 2602px; }

.trayectoria1 .borde10 { top: 2943px; }

.gracias { padding: 0 33px 33px 33px; text-align: center; }

.gracias h2 { color: #00b7f9; font-size: 33px; font-weight: bold; }

.gracias h3 { color: #3D3D56; font-size: 20px; padding-top: 20px; }

@media (max-width: 950px) { .carouselhome .item .texto { font-size: 33px; line-height: 33px; }
  .navbar-dark .navbar-toggler { border: none; }
  .navbar-toggler { background-color: #3D3D56; padding: 0.25rem 0.33rem; }
  .fixed-top { width: 100%; }
  .carouselhome .fotomobile { display: block; object-fit: cover; height: 500px; }
  .carouselhome .fotodesktop { display: none; }
  footer .col2 { border: none; border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; padding-top: 33px; margin-top: 20px; padding-bottom: 33px; }
  footer .col2 .borde { border: none; }
  .container-fluid { max-width: 100%; }
  .carouselhome { margin-top: 80px; }
  .news input[type="email"] { width: 100%; }
  .navbar-brand img { width: 260px; }
  .fondo .bullet { top: -43px; }
  .nosotros2 .col-md-6 { margin-top: 33px; }
  .autoridades .borde { border: none; border-top: solid 1px #fff; border-bottom: solid 1px #fff; padding-top: 15px; padding-bottom: 15px; margin: 15px 0 15px 0; }
  .contacto h4 { font-size: 33px; line-height: 37px; }
  .news img { width: 84px; }
  .news p { padding-bottom: 14px; font-size: 20px; }
  .news input[type="email"] { margin-bottom: 6px; }
  .carouselhome .item .texto { font-size: 28px; top: 22%; }
  .marcas .marca { width: 99%; background-size: 100%; background-repeat: no-repeat; }
  .autoridades h2 { margin-bottom: 33px; }
  .header1 { padding-top: 133px; line-height: 41px; }
  .nosotros2 .borde2 { border: none; }
  .banner p { font-size: 22px; }
  .autoridades1 { background: none; }
  .headerautoridades { background-size: 812px; background-repeat: no-repeat; }
  .autoridades1 p { padding-top: 20px; }
  .autoridades1 h3 { padding-bottom: 6px; }
  .autoridades1 h3 { color: #3D3D56; }
  .contacto2 { padding-top: 0; }
  .marcas .logomarcas { width: 100%; }
  .trayectoria1 .item1, .trayectoria1 .item2 { float: none; width: 100%; margin: 0 0 33px 0; }
  .trayectoria1 .item1 img, .trayectoria1 .item2 img { width: 100%; }
  .trayectoria1 .borde { display: none; }
  .trayectoria1 { background-image: none; } }

[data-tooltip] { position: relative; cursor: pointer; }

[data-tooltip]:before, [data-tooltip]:after { line-height: 1; font-size: .9em; pointer-events: none; position: absolute; box-sizing: border-box; display: none; opacity: 0; }

[data-tooltip]:before { content: ""; border: 5px solid transparent; z-index: 100; }

[data-tooltip]:after { content: attr(data-tooltip); text-align: center; min-width: 3em; max-width: 21em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 6px 8px; border-radius: 3px; background: #47FF96; color: #162B3B; z-index: 99; }

[data-tooltip]:hover:before, [data-tooltip]:hover:after { display: block; opacity: 1; }

[data-tooltip]:not([data-flow])::before, [data-tooltip][data-flow="top"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #47FF96; }

[data-tooltip]:not([data-flow])::after, [data-tooltip][data-flow="top"]::after { bottom: calc(100% + 5px); }

[data-tooltip]:not([data-flow])::before, [tooltip]:not([data-flow])::after, [data-tooltip][data-flow="top"]::before, [data-tooltip][data-flow="top"]::after { left: 50%; -webkit-transform: translate(-50%, -4px); transform: translate(-50%, -4px); }

[data-tooltip][data-flow="bottom"]::before { top: 100%; border-top-width: 0; border-bottom-color: #47FF96; }

[data-tooltip][data-flow="bottom"]::after { top: calc(100% + 5px); }

[data-tooltip][data-flow="bottom"]::before, [data-tooltip][data-flow="bottom"]::after { left: 50%; -webkit-transform: translate(-50%, 8px); transform: translate(-50%, 8px); }

[data-tooltip][data-flow="left"]::before { top: 50%; border-right-width: 0; border-left-color: #47FF96; left: calc(0em - 5px); -webkit-transform: translate(-8px, -50%); transform: translate(-8px, -50%); }

[data-tooltip][data-flow="left"]::after { top: 50%; right: calc(100% + 5px); -webkit-transform: translate(-8px, -50%); transform: translate(-8px, -50%); }

[data-tooltip][data-flow="right"]::before { top: 50%; border-left-width: 0; border-right-color: #47FF96; right: calc(0em - 5px); -webkit-transform: translate(8px, -50%); transform: translate(8px, -50%); }

[data-tooltip][data-flow="right"]::after { top: 50%; left: calc(100% + 5px); -webkit-transform: translate(8px, -50%); transform: translate(8px, -50%); }

[data-tooltip=""]::after, [data-tooltip=""]::before { display: none !important; }

.btn-secondary, .btn-secondary:hover { background-color: transparent; border: transparent; outline: none; padding-bottom: 11px; }