@charset "UTF-8";
/**
  EDgrid es una librería CSS para construir layouts con Responsive Web Design
  Importe este archivo en su proyecto para empezar a usarlo
**/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  margin: 0;
  font-family: sans-serif; }

img {
  max-width: 100%;
  height: auto; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

.ed-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }

.ed-item {
  margin: 0;
  padding-left: 1rem;
  padding-right: 1rem; }

.ed-item {
  width: 100%; }
  .ed-item.ed-container {
    padding-left: 0;
    padding-right: 0; }

/*
| Mixin para crear cuadriculas
|
| $gridItemSelector: nombre del selector CSS de cada item de la cuadricula
| $listColumns:
|              * lista de numeros de columnas en cada breakpoint (separados por espacios). Ej: 1 2 3 4
|              * el numero de columnas del ultimo breakpoint se hereda a breakpoints superiores
| $gutter: separación entre cada item de la cuadricula (opcional)
|
*/
.s-5,
.ed-item.s-5 {
  width: 5%; }

.s-10,
.ed-item.s-10 {
  width: 10%; }

.s-15,
.ed-item.s-15 {
  width: 15%; }

.s-20,
.ed-item.s-20 {
  width: 20%; }

.s-25,
.ed-item.s-25 {
  width: 25%; }

.s-30,
.ed-item.s-30 {
  width: 30%; }

.s-35,
.ed-item.s-35 {
  width: 35%; }

.s-40,
.ed-item.s-40 {
  width: 40%; }

.s-45,
.ed-item.s-45 {
  width: 45%; }

.s-50,
.ed-item.s-50 {
  width: 50%; }

.s-55,
.ed-item.s-55 {
  width: 55%; }

.s-60,
.ed-item.s-60 {
  width: 60%; }

.s-65,
.ed-item.s-65 {
  width: 65%; }

.s-70,
.ed-item.s-70 {
  width: 70%; }

.s-75,
.ed-item.s-75 {
  width: 75%; }

.s-80,
.ed-item.s-80 {
  width: 80%; }

.s-85,
.ed-item.s-85 {
  width: 85%; }

.s-90,
.ed-item.s-90 {
  width: 90%; }

.s-95,
.ed-item.s-95 {
  width: 95%; }

.s-100,
.ed-item.s-100 {
  width: 100%; }

.s-1-3,
.ed-item.s-1-3 {
  width: 33.33333%; }

.s-2-3,
.ed-item.s-2-3 {
  width: 66.66667%; }

.s-3-3,
.ed-item.s-3-3 {
  width: 100%; }

.s-1-6,
.ed-item.s-1-6 {
  width: 16.66667%; }

.s-2-6,
.ed-item.s-2-6 {
  width: 33.33333%; }

.s-3-6,
.ed-item.s-3-6 {
  width: 50%; }

.s-4-6,
.ed-item.s-4-6 {
  width: 66.66667%; }

.s-5-6,
.ed-item.s-5-6 {
  width: 83.33333%; }

.s-6-6,
.ed-item.s-6-6 {
  width: 100%; }

@media all and (min-width: 640px) {
  .m-5,
  .ed-item.m-5 {
    width: 5%; }
  .m-10,
  .ed-item.m-10 {
    width: 10%; }
  .m-15,
  .ed-item.m-15 {
    width: 15%; }
  .m-20,
  .ed-item.m-20 {
    width: 20%; }
  .m-25,
  .ed-item.m-25 {
    width: 25%; }
  .m-30,
  .ed-item.m-30 {
    width: 30%; }
  .m-35,
  .ed-item.m-35 {
    width: 35%; }
  .m-40,
  .ed-item.m-40 {
    width: 40%; }
  .m-45,
  .ed-item.m-45 {
    width: 45%; }
  .m-50,
  .ed-item.m-50 {
    width: 50%; }
  .m-55,
  .ed-item.m-55 {
    width: 55%; }
  .m-60,
  .ed-item.m-60 {
    width: 60%; }
  .m-65,
  .ed-item.m-65 {
    width: 65%; }
  .m-70,
  .ed-item.m-70 {
    width: 70%; }
  .m-75,
  .ed-item.m-75 {
    width: 75%; }
  .m-80,
  .ed-item.m-80 {
    width: 80%; }
  .m-85,
  .ed-item.m-85 {
    width: 85%; }
  .m-90,
  .ed-item.m-90 {
    width: 90%; }
  .m-95,
  .ed-item.m-95 {
    width: 95%; }
  .m-100,
  .ed-item.m-100 {
    width: 100%; }
  .m-1-3,
  .ed-item.m-1-3 {
    width: 33.33333%; }
  .m-2-3,
  .ed-item.m-2-3 {
    width: 66.66667%; }
  .m-3-3,
  .ed-item.m-3-3 {
    width: 100%; }
  .m-1-6,
  .ed-item.m-1-6 {
    width: 16.66667%; }
  .m-2-6,
  .ed-item.m-2-6 {
    width: 33.33333%; }
  .m-3-6,
  .ed-item.m-3-6 {
    width: 50%; }
  .m-4-6,
  .ed-item.m-4-6 {
    width: 66.66667%; }
  .m-5-6,
  .ed-item.m-5-6 {
    width: 83.33333%; }
  .m-6-6,
  .ed-item.m-6-6 {
    width: 100%; } }

@media all and (min-width: 1024px) {
  .l-5,
  .ed-item.l-5 {
    width: 5%; }
  .l-10,
  .ed-item.l-10 {
    width: 10%; }
  .l-15,
  .ed-item.l-15 {
    width: 15%; }
  .l-20,
  .ed-item.l-20 {
    width: 20%; }
  .l-25,
  .ed-item.l-25 {
    width: 25%; }
  .l-30,
  .ed-item.l-30 {
    width: 30%; }
  .l-35,
  .ed-item.l-35 {
    width: 35%; }
  .l-40,
  .ed-item.l-40 {
    width: 40%; }
  .l-45,
  .ed-item.l-45 {
    width: 45%; }
  .l-50,
  .ed-item.l-50 {
    width: 50%; }
  .l-55,
  .ed-item.l-55 {
    width: 55%; }
  .l-60,
  .ed-item.l-60 {
    width: 60%; }
  .l-65,
  .ed-item.l-65 {
    width: 65%; }
  .l-70,
  .ed-item.l-70 {
    width: 70%; }
  .l-75,
  .ed-item.l-75 {
    width: 75%; }
  .l-80,
  .ed-item.l-80 {
    width: 80%; }
  .l-85,
  .ed-item.l-85 {
    width: 85%; }
  .l-90,
  .ed-item.l-90 {
    width: 90%; }
  .l-95,
  .ed-item.l-95 {
    width: 95%; }
  .l-100,
  .ed-item.l-100 {
    width: 100%; }
  .l-1-3,
  .ed-item.l-1-3 {
    width: 33.33333%; }
  .l-2-3,
  .ed-item.l-2-3 {
    width: 66.66667%; }
  .l-3-3,
  .ed-item.l-3-3 {
    width: 100%; }
  .l-1-6,
  .ed-item.l-1-6 {
    width: 16.66667%; }
  .l-2-6,
  .ed-item.l-2-6 {
    width: 33.33333%; }
  .l-3-6,
  .ed-item.l-3-6 {
    width: 50%; }
  .l-4-6,
  .ed-item.l-4-6 {
    width: 66.66667%; }
  .l-5-6,
  .ed-item.l-5-6 {
    width: 83.33333%; }
  .l-6-6,
  .ed-item.l-6-6 {
    width: 100%; } }

@media all and (min-width: 1440px) {
  .xl-5,
  .ed-item.xl-5 {
    width: 5%; }
  .xl-10,
  .ed-item.xl-10 {
    width: 10%; }
  .xl-15,
  .ed-item.xl-15 {
    width: 15%; }
  .xl-20,
  .ed-item.xl-20 {
    width: 20%; }
  .xl-25,
  .ed-item.xl-25 {
    width: 25%; }
  .xl-30,
  .ed-item.xl-30 {
    width: 30%; }
  .xl-35,
  .ed-item.xl-35 {
    width: 35%; }
  .xl-40,
  .ed-item.xl-40 {
    width: 40%; }
  .xl-45,
  .ed-item.xl-45 {
    width: 45%; }
  .xl-50,
  .ed-item.xl-50 {
    width: 50%; }
  .xl-55,
  .ed-item.xl-55 {
    width: 55%; }
  .xl-60,
  .ed-item.xl-60 {
    width: 60%; }
  .xl-65,
  .ed-item.xl-65 {
    width: 65%; }
  .xl-70,
  .ed-item.xl-70 {
    width: 70%; }
  .xl-75,
  .ed-item.xl-75 {
    width: 75%; }
  .xl-80,
  .ed-item.xl-80 {
    width: 80%; }
  .xl-85,
  .ed-item.xl-85 {
    width: 85%; }
  .xl-90,
  .ed-item.xl-90 {
    width: 90%; }
  .xl-95,
  .ed-item.xl-95 {
    width: 95%; }
  .xl-100,
  .ed-item.xl-100 {
    width: 100%; }
  .xl-1-3,
  .ed-item.xl-1-3 {
    width: 33.33333%; }
  .xl-2-3,
  .ed-item.xl-2-3 {
    width: 66.66667%; }
  .xl-3-3,
  .ed-item.xl-3-3 {
    width: 100%; }
  .xl-1-6,
  .ed-item.xl-1-6 {
    width: 16.66667%; }
  .xl-2-6,
  .ed-item.xl-2-6 {
    width: 33.33333%; }
  .xl-3-6,
  .ed-item.xl-3-6 {
    width: 50%; }
  .xl-4-6,
  .ed-item.xl-4-6 {
    width: 66.66667%; }
  .xl-5-6,
  .ed-item.xl-5-6 {
    width: 83.33333%; }
  .xl-6-6,
  .ed-item.xl-6-6 {
    width: 100%; } }

.to-center {
  display: block;
  margin-right: auto;
  margin-left: auto; }
  .to-center.ed-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.to-left {
  float: left;
  width: auto;
  margin-right: 1em; }

.to-right {
  float: right;
  width: auto;
  margin-left: 1em; }

.full {
  max-width: 100%; }

.circle {
  border-radius: 50%; }

.clearfix:before, .clearfix:after {
  content: "";
  width: 100%;
  display: table;
  clear: both; }

.no-padding.ed-container > .ed-item {
  padding-left: 0rem;
  padding-right: 0rem; }

.no-padding.ed-item {
  padding-left: 0rem;
  padding-right: 0rem; }

.padding {
  padding-left: 1rem;
  padding-right: 1rem; }

.padding-2 {
  padding-left: 2rem;
  padding-right: 2rem; }

.padding-3 {
  padding-left: 3rem;
  padding-right: 3rem; }

body.sticky-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh; }
  body.sticky-footer > footer {
    margin-top: auto; }

.main-justify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.main-distribute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.main-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.main-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.main-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.cross-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start; }

.cross-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center; }

.cross-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end; }

.flex-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.flex-column-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.abcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.from-s {
  display: none; }

.to-s {
  display: none; }

@media screen and (max-width: 639px) {
  .from-m {
    display: none; } }

@media screen and (min-width: 640px) {
  .to-m {
    display: none; } }

@media screen and (max-width: 1023px) {
  .from-l {
    display: none; } }

@media screen and (min-width: 1024px) {
  .to-l {
    display: none; } }

@media screen and (max-width: 1439px) {
  .from-xl {
    display: none; } }

@media screen and (min-width: 1440px) {
  .to-xl {
    display: none; } }

.ed-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative; }
  .ed-video > iframe,
  .ed-video > video,
  .ed-video > .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.button {
  display: inline-block;
  padding: .6em 1.2em;
  cursor: pointer;
  border: none;
  text-decoration: none;
  background: #eee;
  color: #333;
  margin-right: 1rem;
  margin-bottom: 1rem; }
  .button:hover {
    background: #ddd; }
  .button.radius {
    border-radius: .25rem; }
  .button.round {
    border-radius: 2em; }
  .button:last-of-type {
    margin-right: 0; }

:root {
  --gap: 1rem
; }

.ed-grid {
  display: grid;
  grid-column-gap: 2rem;
  width: calc(100vw - var(--gap) * 2);
  margin-left: 1rem;
  margin-right: 1rem; }
  @media screen and (min-width: 1200px) {
    .ed-grid {
      width: 1200px;
      margin-left: auto;
      margin-right: auto; } }
  .ed-grid .ed-grid, .ed-grid.full {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .ed-grid.cols-s-2 {
    grid-template-columns: repeat(2, calc((100% - 2rem) / 2)); }
  .ed-grid.cols-s-3 {
    grid-template-columns: repeat(3, calc((100% - 4rem) / 3)); }
  .ed-grid.cols-s-4 {
    grid-template-columns: repeat(4, calc((100% - 6rem) / 4)); }
  .ed-grid.cols-s-5 {
    grid-template-columns: repeat(5, calc((100% - 8rem) / 5)); }
  .ed-grid.cols-s-6 {
    grid-template-columns: repeat(6, calc((100% - 10rem) / 6)); }
  .ed-grid.cols-s-7 {
    grid-template-columns: repeat(7, calc((100% - 12rem) / 7)); }
  .ed-grid.cols-s-8 {
    grid-template-columns: repeat(8, calc((100% - 14rem) / 8)); }
  .ed-grid.cols-s-9 {
    grid-template-columns: repeat(9, calc((100% - 16rem) / 9)); }
  .ed-grid.cols-s-10 {
    grid-template-columns: repeat(10, calc((100% - 18rem) / 10)); }
  .ed-grid.cols-s-11 {
    grid-template-columns: repeat(11, calc((100% - 20rem) / 11)); }
  .ed-grid.cols-s-12 {
    grid-template-columns: repeat(12, calc((100% - 22rem) / 12)); }
  .ed-grid.cols-s-13 {
    grid-template-columns: repeat(13, calc((100% - 24rem) / 13)); }
  .ed-grid.cols-s-14 {
    grid-template-columns: repeat(14, calc((100% - 26rem) / 14)); }
  .ed-grid.cols-s-15 {
    grid-template-columns: repeat(15, calc((100% - 28rem) / 15)); }
  .ed-grid.cols-s-16 {
    grid-template-columns: repeat(16, calc((100% - 30rem) / 16)); }
  .ed-grid.cols-s-17 {
    grid-template-columns: repeat(17, calc((100% - 32rem) / 17)); }
  .ed-grid.cols-s-18 {
    grid-template-columns: repeat(18, calc((100% - 34rem) / 18)); }
  .ed-grid.cols-s-19 {
    grid-template-columns: repeat(19, calc((100% - 36rem) / 19)); }
  .ed-grid.cols-s-20 {
    grid-template-columns: repeat(20, calc((100% - 38rem) / 20)); }
  .ed-grid > .span-s-1 {
    grid-column: span 1; }
  .ed-grid > .span-s-2 {
    grid-column: span 2; }
  .ed-grid > .span-s-3 {
    grid-column: span 3; }
  .ed-grid > .span-s-4 {
    grid-column: span 4; }
  .ed-grid > .span-s-5 {
    grid-column: span 5; }
  .ed-grid > .span-s-6 {
    grid-column: span 6; }
  .ed-grid > .span-s-7 {
    grid-column: span 7; }
  .ed-grid > .span-s-8 {
    grid-column: span 8; }
  .ed-grid > .span-s-9 {
    grid-column: span 9; }
  .ed-grid > .span-s-10 {
    grid-column: span 10; }
  .ed-grid > .span-s-11 {
    grid-column: span 11; }
  .ed-grid > .span-s-12 {
    grid-column: span 12; }
  .ed-grid > .span-s-13 {
    grid-column: span 13; }
  .ed-grid > .span-s-14 {
    grid-column: span 14; }
  .ed-grid > .span-s-15 {
    grid-column: span 15; }
  .ed-grid > .span-s-16 {
    grid-column: span 16; }
  .ed-grid > .span-s-17 {
    grid-column: span 17; }
  .ed-grid > .span-s-18 {
    grid-column: span 18; }
  .ed-grid > .span-s-19 {
    grid-column: span 19; }
  .ed-grid > .span-s-20 {
    grid-column: span 20; }
  @media all and (min-width: 640px) {
    .ed-grid.cols-m-2 {
      grid-template-columns: repeat(2, calc((100% - 2rem) / 2)); }
    .ed-grid.cols-m-3 {
      grid-template-columns: repeat(3, calc((100% - 4rem) / 3)); }
    .ed-grid.cols-m-4 {
      grid-template-columns: repeat(4, calc((100% - 6rem) / 4)); }
    .ed-grid.cols-m-5 {
      grid-template-columns: repeat(5, calc((100% - 8rem) / 5)); }
    .ed-grid.cols-m-6 {
      grid-template-columns: repeat(6, calc((100% - 10rem) / 6)); }
    .ed-grid.cols-m-7 {
      grid-template-columns: repeat(7, calc((100% - 12rem) / 7)); }
    .ed-grid.cols-m-8 {
      grid-template-columns: repeat(8, calc((100% - 14rem) / 8)); }
    .ed-grid.cols-m-9 {
      grid-template-columns: repeat(9, calc((100% - 16rem) / 9)); }
    .ed-grid.cols-m-10 {
      grid-template-columns: repeat(10, calc((100% - 18rem) / 10)); }
    .ed-grid.cols-m-11 {
      grid-template-columns: repeat(11, calc((100% - 20rem) / 11)); }
    .ed-grid.cols-m-12 {
      grid-template-columns: repeat(12, calc((100% - 22rem) / 12)); }
    .ed-grid.cols-m-13 {
      grid-template-columns: repeat(13, calc((100% - 24rem) / 13)); }
    .ed-grid.cols-m-14 {
      grid-template-columns: repeat(14, calc((100% - 26rem) / 14)); }
    .ed-grid.cols-m-15 {
      grid-template-columns: repeat(15, calc((100% - 28rem) / 15)); }
    .ed-grid.cols-m-16 {
      grid-template-columns: repeat(16, calc((100% - 30rem) / 16)); }
    .ed-grid.cols-m-17 {
      grid-template-columns: repeat(17, calc((100% - 32rem) / 17)); }
    .ed-grid.cols-m-18 {
      grid-template-columns: repeat(18, calc((100% - 34rem) / 18)); }
    .ed-grid.cols-m-19 {
      grid-template-columns: repeat(19, calc((100% - 36rem) / 19)); }
    .ed-grid.cols-m-20 {
      grid-template-columns: repeat(20, calc((100% - 38rem) / 20)); } }
  @media all and (min-width: 640px) {
    .ed-grid > .span-m-1 {
      grid-column: span 1; }
    .ed-grid > .span-m-2 {
      grid-column: span 2; }
    .ed-grid > .span-m-3 {
      grid-column: span 3; }
    .ed-grid > .span-m-4 {
      grid-column: span 4; }
    .ed-grid > .span-m-5 {
      grid-column: span 5; }
    .ed-grid > .span-m-6 {
      grid-column: span 6; }
    .ed-grid > .span-m-7 {
      grid-column: span 7; }
    .ed-grid > .span-m-8 {
      grid-column: span 8; }
    .ed-grid > .span-m-9 {
      grid-column: span 9; }
    .ed-grid > .span-m-10 {
      grid-column: span 10; }
    .ed-grid > .span-m-11 {
      grid-column: span 11; }
    .ed-grid > .span-m-12 {
      grid-column: span 12; }
    .ed-grid > .span-m-13 {
      grid-column: span 13; }
    .ed-grid > .span-m-14 {
      grid-column: span 14; }
    .ed-grid > .span-m-15 {
      grid-column: span 15; }
    .ed-grid > .span-m-16 {
      grid-column: span 16; }
    .ed-grid > .span-m-17 {
      grid-column: span 17; }
    .ed-grid > .span-m-18 {
      grid-column: span 18; }
    .ed-grid > .span-m-19 {
      grid-column: span 19; }
    .ed-grid > .span-m-20 {
      grid-column: span 20; } }
  @media all and (min-width: 1024px) {
    .ed-grid.cols-l-2 {
      grid-template-columns: repeat(2, calc((100% - 2rem) / 2)); }
    .ed-grid.cols-l-3 {
      grid-template-columns: repeat(3, calc((100% - 4rem) / 3)); }
    .ed-grid.cols-l-4 {
      grid-template-columns: repeat(4, calc((100% - 6rem) / 4)); }
    .ed-grid.cols-l-5 {
      grid-template-columns: repeat(5, calc((100% - 8rem) / 5)); }
    .ed-grid.cols-l-6 {
      grid-template-columns: repeat(6, calc((100% - 10rem) / 6)); }
    .ed-grid.cols-l-7 {
      grid-template-columns: repeat(7, calc((100% - 12rem) / 7)); }
    .ed-grid.cols-l-8 {
      grid-template-columns: repeat(8, calc((100% - 14rem) / 8)); }
    .ed-grid.cols-l-9 {
      grid-template-columns: repeat(9, calc((100% - 16rem) / 9)); }
    .ed-grid.cols-l-10 {
      grid-template-columns: repeat(10, calc((100% - 18rem) / 10)); }
    .ed-grid.cols-l-11 {
      grid-template-columns: repeat(11, calc((100% - 20rem) / 11)); }
    .ed-grid.cols-l-12 {
      grid-template-columns: repeat(12, calc((100% - 22rem) / 12)); }
    .ed-grid.cols-l-13 {
      grid-template-columns: repeat(13, calc((100% - 24rem) / 13)); }
    .ed-grid.cols-l-14 {
      grid-template-columns: repeat(14, calc((100% - 26rem) / 14)); }
    .ed-grid.cols-l-15 {
      grid-template-columns: repeat(15, calc((100% - 28rem) / 15)); }
    .ed-grid.cols-l-16 {
      grid-template-columns: repeat(16, calc((100% - 30rem) / 16)); }
    .ed-grid.cols-l-17 {
      grid-template-columns: repeat(17, calc((100% - 32rem) / 17)); }
    .ed-grid.cols-l-18 {
      grid-template-columns: repeat(18, calc((100% - 34rem) / 18)); }
    .ed-grid.cols-l-19 {
      grid-template-columns: repeat(19, calc((100% - 36rem) / 19)); }
    .ed-grid.cols-l-20 {
      grid-template-columns: repeat(20, calc((100% - 38rem) / 20)); } }
  @media all and (min-width: 1024px) {
    .ed-grid > .span-l-1 {
      grid-column: span 1; }
    .ed-grid > .span-l-2 {
      grid-column: span 2; }
    .ed-grid > .span-l-3 {
      grid-column: span 3; }
    .ed-grid > .span-l-4 {
      grid-column: span 4; }
    .ed-grid > .span-l-5 {
      grid-column: span 5; }
    .ed-grid > .span-l-6 {
      grid-column: span 6; }
    .ed-grid > .span-l-7 {
      grid-column: span 7; }
    .ed-grid > .span-l-8 {
      grid-column: span 8; }
    .ed-grid > .span-l-9 {
      grid-column: span 9; }
    .ed-grid > .span-l-10 {
      grid-column: span 10; }
    .ed-grid > .span-l-11 {
      grid-column: span 11; }
    .ed-grid > .span-l-12 {
      grid-column: span 12; }
    .ed-grid > .span-l-13 {
      grid-column: span 13; }
    .ed-grid > .span-l-14 {
      grid-column: span 14; }
    .ed-grid > .span-l-15 {
      grid-column: span 15; }
    .ed-grid > .span-l-16 {
      grid-column: span 16; }
    .ed-grid > .span-l-17 {
      grid-column: span 17; }
    .ed-grid > .span-l-18 {
      grid-column: span 18; }
    .ed-grid > .span-l-19 {
      grid-column: span 19; }
    .ed-grid > .span-l-20 {
      grid-column: span 20; } }
  @media all and (min-width: 1440px) {
    .ed-grid.cols-xl-2 {
      grid-template-columns: repeat(2, calc((100% - 2rem) / 2)); }
    .ed-grid.cols-xl-3 {
      grid-template-columns: repeat(3, calc((100% - 4rem) / 3)); }
    .ed-grid.cols-xl-4 {
      grid-template-columns: repeat(4, calc((100% - 6rem) / 4)); }
    .ed-grid.cols-xl-5 {
      grid-template-columns: repeat(5, calc((100% - 8rem) / 5)); }
    .ed-grid.cols-xl-6 {
      grid-template-columns: repeat(6, calc((100% - 10rem) / 6)); }
    .ed-grid.cols-xl-7 {
      grid-template-columns: repeat(7, calc((100% - 12rem) / 7)); }
    .ed-grid.cols-xl-8 {
      grid-template-columns: repeat(8, calc((100% - 14rem) / 8)); }
    .ed-grid.cols-xl-9 {
      grid-template-columns: repeat(9, calc((100% - 16rem) / 9)); }
    .ed-grid.cols-xl-10 {
      grid-template-columns: repeat(10, calc((100% - 18rem) / 10)); }
    .ed-grid.cols-xl-11 {
      grid-template-columns: repeat(11, calc((100% - 20rem) / 11)); }
    .ed-grid.cols-xl-12 {
      grid-template-columns: repeat(12, calc((100% - 22rem) / 12)); }
    .ed-grid.cols-xl-13 {
      grid-template-columns: repeat(13, calc((100% - 24rem) / 13)); }
    .ed-grid.cols-xl-14 {
      grid-template-columns: repeat(14, calc((100% - 26rem) / 14)); }
    .ed-grid.cols-xl-15 {
      grid-template-columns: repeat(15, calc((100% - 28rem) / 15)); }
    .ed-grid.cols-xl-16 {
      grid-template-columns: repeat(16, calc((100% - 30rem) / 16)); }
    .ed-grid.cols-xl-17 {
      grid-template-columns: repeat(17, calc((100% - 32rem) / 17)); }
    .ed-grid.cols-xl-18 {
      grid-template-columns: repeat(18, calc((100% - 34rem) / 18)); }
    .ed-grid.cols-xl-19 {
      grid-template-columns: repeat(19, calc((100% - 36rem) / 19)); }
    .ed-grid.cols-xl-20 {
      grid-template-columns: repeat(20, calc((100% - 38rem) / 20)); } }
  @media all and (min-width: 1440px) {
    .ed-grid > .span-xl-1 {
      grid-column: span 1; }
    .ed-grid > .span-xl-2 {
      grid-column: span 2; }
    .ed-grid > .span-xl-3 {
      grid-column: span 3; }
    .ed-grid > .span-xl-4 {
      grid-column: span 4; }
    .ed-grid > .span-xl-5 {
      grid-column: span 5; }
    .ed-grid > .span-xl-6 {
      grid-column: span 6; }
    .ed-grid > .span-xl-7 {
      grid-column: span 7; }
    .ed-grid > .span-xl-8 {
      grid-column: span 8; }
    .ed-grid > .span-xl-9 {
      grid-column: span 9; }
    .ed-grid > .span-xl-10 {
      grid-column: span 10; }
    .ed-grid > .span-xl-11 {
      grid-column: span 11; }
    .ed-grid > .span-xl-12 {
      grid-column: span 12; }
    .ed-grid > .span-xl-13 {
      grid-column: span 13; }
    .ed-grid > .span-xl-14 {
      grid-column: span 14; }
    .ed-grid > .span-xl-15 {
      grid-column: span 15; }
    .ed-grid > .span-xl-16 {
      grid-column: span 16; }
    .ed-grid > .span-xl-17 {
      grid-column: span 17; }
    .ed-grid > .span-xl-18 {
      grid-column: span 18; }
    .ed-grid > .span-xl-19 {
      grid-column: span 19; }
    .ed-grid > .span-xl-20 {
      grid-column: span 20; } }

.l-block {
  margin-top: 0;
  margin-bottom: 1rem; }
  @media screen and (min-width: 1024px) {
    .l-block {
      margin-bottom: 2rem; } }

.l-section {
  margin-top: 0;
  margin-bottom: 2rem; }
  @media screen and (min-width: 1024px) {
    .l-section {
      margin-bottom: 4rem; } }

grid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.75em;
  margin-right: -0.75em; }
  grid-container img {
    display: block; }
  body {
    overflow-x: hidden; }
  grid-container > .grid-item {
    width: calc(100% - 1.5em);
    margin: 0.75em; }
  @media screen and (min-width: 640px) {
    grid-container > .grid-item {
      width: calc(50% - 1.5em); } }
  @media screen and (min-width: 1024px) {
    grid-container > .grid-item {
      width: calc(33.33333% - 1.5em); } }
  @media screen and (min-width: 1440px) {
    grid-container > .grid-item {
      width: calc(25% - 1.5em); } }
  @supports (grid-template-areas: "header") {
    grid-container {
      display: grid;
      grid-gap: 1.5em;
      margin-left: 0;
      margin-right: 0;
      grid-template-columns: repeat(1, 1fr); }
      body {
        overflow-x: visible; }
      @media screen and (min-width: 640px) {
        grid-container {
          grid-template-columns: repeat(2, 1fr); } }
      @media screen and (min-width: 1024px) {
        grid-container {
          grid-template-columns: repeat(3, 1fr); } }
      @media screen and (min-width: 1440px) {
        grid-container {
          grid-template-columns: repeat(4, 1fr); } }
      grid-container > .grid-item {
        width: 100%;
        margin: 0; } }

/*
  <div class="banner ed-container full">
    <div class="ed-item">
      <h1 class="banner__title">INDUSTRIAS MEXICANAS DE BOMBAS</h1>
      <p class="banner_subtitle">Somos un grupo empresarial mexicano con 60 años de experiencia 
          en la Industria de la transformación de metales.</p>
      <a href="#" class="button-ghost">CONTACTANOS</a>
    </div>
  </div>
*/
.banner {
  position: relative;
  top: 50px;
  width: 100%;
  height: 700px;
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(67, 160, 71, 0.7)), to(rgba(67, 160, 71, 0.7))), url("../../img/industrias_mexicanas_de_bombas_sentinel.png");
  background: -webkit-linear-gradient(top left, rgba(67, 160, 71, 0.7), rgba(67, 160, 71, 0.7)), url("../../img/industrias_mexicanas_de_bombas_sentinel.png");
  background: -o-linear-gradient(top left, rgba(67, 160, 71, 0.7), rgba(67, 160, 71, 0.7)), url("../../img/industrias_mexicanas_de_bombas_sentinel.png");
  background: linear-gradient(to bottom right, rgba(67, 160, 71, 0.7), rgba(67, 160, 71, 0.7)), url("../../img/industrias_mexicanas_de_bombas_sentinel.png");
  background-size: cover;
  background-position: center;
  background-attachment: fixed; }

.banner__title {
  font-size: 2em;
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: 1.5;
  top: 50px;
  text-shadow: 0px 3px rgba(24, 35, 37, 0.16); }
  @media screen and (min-width: 640px) {
    .banner__title {
      font-size: 2.5em; } }
  @media screen and (min-width: 1024px) {
    .banner__title {
      font-size: 3em; } }

.banner_subtitle {
  margin-top: .5em;
  color: #FFFFFF;
  opacity: 0.8;
  font-size: 0.9em;
  padding-bottom: 2em; }
  @media screen and (min-width: 640px) {
    .banner_subtitle {
      font-size: 1em; } }
  @media screen and (min-width: 1024px) {
    .banner_subtitle {
      width: 700px;
      font-size: 1.25em; } }

.padre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  top: 0px; }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-family: "Roboto Condensed", sans-serif;
  color: #182325;
  line-height: 1.8;
  font-weight: 400; }

h1, h2 {
  font-weight: 700; }

a:hover {
  text-decoration: none; }

/*
<div class="family ed-container">
      <h2 class="family__title ed-item">FAMILIAS</h2>
      <div class="img-container ed-item">
        <img src="img/industrias_mexicanas_de_bombas_familia.png" alt="INDUSTRIAS MEXICANAS DE BOMBAS FAMILIA" class="img__item">
        <img src="img/industrias_mexicanas_de_bombas_familia.png" alt="INDUSTRIAS MEXICANAS DE BOMBAS FAMILIA" class="img__item">
        <img src="img/industrias_mexicanas_de_bombas_familia.png" alt="INDUSTRIAS MEXICANAS DE BOMBAS FAMILIA" class="img__item">
        <img src="img/industrias_mexicanas_de_bombas_familia.png" alt="INDUSTRIAS MEXICANAS DE BOMBAS FAMILIA" class="img__item">
        <img src="img/industrias_mexicanas_de_bombas_familia.png" alt="INDUSTRIAS MEXICANAS DE BOMBAS FAMILIA" class="img__item">
        <img src="img/industrias_mexicanas_de_bombas_familia.png" alt="INDUSTRIAS MEXICANAS DE BOMBAS FAMILIA" class="img__item">
        <img src="img/industrias_mexicanas_de_bombas_familia.png" alt="INDUSTRIAS MEXICANAS DE BOMBAS FAMILIA" class="img__item">
        <img src="img/industrias_mexicanas_de_bombas_familia.png" alt="INDUSTRIAS MEXICANAS DE BOMBAS FAMILIA" class="img__item">
        <img src="img/industrias_mexicanas_de_bombas_familia.png" alt="INDUSTRIAS MEXICANAS DE BOMBAS FAMILIA" class="img__item">
      </div>
    </div>
*/
.family {
  position: relative;
  top: 535px;
  text-align: center; }

.img-container {
  position: relative;
  top: 66px; }

.img__item {
  width: 100%;
  display: block;
  margin: auto;
  height: 120px;
  width: auto; }

.family__title {
  font-size: 2em; }
  @media screen and (min-width: 640px) {
    .family__title {
      font-size: 2.5em; } }
  .family__title::after {
    content: '';
    background: #43A047;
    display: block;
    width: 80px;
    margin: -0.1em auto;
    height: 5px; }

.img-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.img-cont p {
  font-size: 0.9em;
  font-weight: 700;
  color: #182325;
  opacity: 0.9;
  text-align: center;
  display: block;
  margin-top: 1.5em;
  text-transform: uppercase; }

.main-footer {
  padding-top: 2em;
  background: #43A047;
  position: relative;
  top: 1800px; }
  @media screen and (min-width: 640px) {
    .main-footer {
      top: 1150px; } }
  @media screen and (min-width: 1024px) {
    .main-footer {
      top: 950px; } }

.list-container {
  list-style: none;
  line-height: 2;
  margin-bottom: 2em;
  width: 100%;
  padding-left: 1em; }
  @media screen and (min-width: 1024px) {
    .list-container {
      width: auto;
      padding-left: 0; } }

.list__link-title {
  font-size: 1.2em;
  font-weight: 700;
  color: #FFFFFF; }

.list__link {
  color: #FFFFFF;
  opacity: 0.8;
  font-size: 0.9em; }

.main-footer .ed-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: #FFFFFF;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.logo-c {
  position: relative;
  top: 0.5em;
  width: 30px; }

.politica {
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: 700;
  color: #182325;
  margin-top: .6em;
  opacity: 0.8; }

.flag-c {
  margin-top: .6em; }

.main-header {
  background: white;
  height: 50px;
  position: fixed;
  z-index: 100;
  border-bottom: 1px solid rgba(24, 35, 37, 0.2); }
  @media screen and (min-width: 1024px) {
    .main-header {
      height: 40px; } }

@media screen and (min-width: 1024px) {
  header {
    position: fixed;
    z-index: 100; } }

.main-nav {
  display: none; }
  @media screen and (min-width: 1024px) {
    .main-nav {
      background: #FFFFFF;
      height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 0;
      border-bottom: 1px solid rgba(24, 35, 37, 0.2); }
      .main-nav .flag {
        margin-right: 1em;
        margin-top: -0.29em; } }

.menu {
  padding: 0;
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.menu__item {
  text-align: center;
  border-right: 0.5px solid rgba(24, 35, 37, 0.2);
  height: 40px;
  line-height: 37px;
  width: 120px; }

.main__link {
  color: rgba(24, 35, 37, 0.5);
  font-size: 0.9em; }

.active-d {
  font-weight: 700;
  color: #FFFFFF; }

.activec-d {
  background: #43A047; }

.secondary-nav {
  display: none; }
  @media screen and (min-width: 1024px) {
    .secondary-nav {
      height: 50px;
      background: #FFFFFF;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: auto;
      border-bottom: 1px solid rgba(24, 35, 37, 0.2); } }

.secondary-nav .logo {
  width: 100px;
  margin-left: 0em;
  margin-top: -0.8em; }

.button-ghost-greens {
  margin-right: 1em;
  width: 115px !important; }

.sec-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.sec__link {
  margin-left: 1em;
  font-size: 0.9em;
  margin-right: 1em;
  text-align: center;
  display: block;
  color: #182325;
  font-weight: 700; }

/*--------------------------------------------*/
.menu-m {
  width: 100%; }
  .menu-m, .menu-m ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none; }
  .menu-m li {
    position: relative;
    list-style: none;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto; }
    .menu-m li.parent-submenu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .menu-m li.parent-submenu a {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto; }
  .menu-m ul {
    display: none; }
    @media screen and (max-width: 1023px) {
      .menu-m ul.show-submenu {
        display: block;
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-left: 1em;
        margin-bottom: .5em; } }
  .menu-m a {
    display: block;
    line-height: 3em;
    padding: 0 1em; }
    .menu-m a:hover {
      text-decoration: none; }
  @media screen and (min-width: 1024px) {
    .menu-m {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .menu-m a {
        text-align: center; }
      .menu-m .expand {
        display: none; }
      .menu-m ul {
        position: absolute;
        left: 0;
        top: 100%;
        min-width: 100%;
        white-space: nowrap; }
        .menu-m ul a {
          text-align: left; }
        .menu-m ul ul {
          top: 0;
          left: 100%; }
      .menu-m li:hover > ul {
        display: block; } }
  .menu-m .expand-submenu {
    position: relative;
    right: 0;
    width: 3em;
    height: 3em;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    @media screen and (min-width: 1024px) {
      .menu-m .expand-submenu {
        display: none; } }
    .menu-m .expand-submenu::after {
      content: "";
      position: absolute;
      width: 40%;
      height: 40%;
      top: 20%;
      left: 30%;
      border-left: 0.45em solid;
      border-bottom: 0.45em solid;
      border-radius: 0.24em;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
    .menu-m .expand-submenu.active {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
  @media screen and (min-width: 1024px) {
    .menu-m {
      position: fixed;
      top: 10em;
      display: block;
      right: 0; } }

.logo {
  display: block;
  margin: -1.35em auto;
  width: 100px; }

.svg {
  cursor: pointer;
  display: block;
  width: 25px;
  top: -0.9em;
  position: relative;
  float: right; }

.movil {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flag {
  position: relative;
  top: 0.8em; }

.main-nav-m {
  position: relative;
  top: 50px;
  background: rgba(255, 255, 255, 0.98);
  -webkit-box-shadow: 8px 15px 5px 10px rgba(0, 0, 0, 0.16);
  box-shadow: 8px 15px 5px 10px rgba(0, 0, 0, 0.16); }
  @media screen and (max-width: 1023px) {
    .main-nav-m {
      position: fixed;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      height: 100vh;
      z-index: 200;
      overflow-y: auto;
      width: 85%;
      right: -85%; }
      .main-nav-m.show-menu {
        right: 0; } }

.menu-m__item {
  height: 70px;
  border-top: 0.1px solid rgba(24, 35, 37, 0.2); }

.menu-m__link {
  position: relative;
  top: 16.5px;
  color: rgba(24, 35, 37, 0.8);
  font-size: 0.85em;
  left: 1em; }

.imbo {
  background: #43a047;
  font-weight: 700;
  border-top: none; }

.active {
  color: #43a047;
  font-weight: 700; }

.imbo-link {
  font-size: 1em;
  position: relative;
  top: 0.75em;
  color: #FFFFFF;
  left: 0; }

.activec {
  background: rgba(67, 160, 71, 0.2); }

.dpumps-link {
  font-size: 1em;
  position: relative;
  top: 0.75em;
  color: #182325;
  left: 0;
  opacity: 0.5; }

.dpumps {
  font-weight: 700;
  border-top: none; }

.sentinel-link {
  font-size: 1em;
  position: relative;
  top: 0.75em;
  font-weight: 700;
  color: #182325;
  opacity: 0.5;
  left: 0; }

.sentinel {
  border-top: none; }

@media screen and (min-width: 1024px) {
  .movil {
    display: none; } }

.button-ghost {
  background: none;
  padding: 0.6em 1.7em;
  border-radius: 5px;
  border: 2.7px solid #FFFFFF;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 0.9em;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s; }
  .button-ghost:hover {
    background: rgba(255, 255, 255, 0.05);
    padding: 0.6em 2.7em; }

.button-ghost-green {
  background: none;
  padding: 0.6em 1.7em;
  border-radius: 5px;
  border: 2.7px solid #43A047;
  color: #43A047;
  font-weight: 700;
  font-size: 0.9em;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s; }
  .button-ghost-green:hover {
    background: rgba(255, 255, 255, 0.05);
    padding: 0.6em 2.7em; }

.button-ghost-red {
  background: none;
  padding: 0.6em 1.7em;
  border-radius: 5px;
  border: 2.7px solid #F44336;
  color: #F44336;
  font-weight: 700;
  font-size: 0.9em;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s; }
  .button-ghost-red:hover {
    background: rgba(255, 255, 255, 0.05);
    padding: 0.6em 2.7em; }

.button-ghost-blue {
  background: none;
  padding: 0.15em 1.7em;
  border-radius: 4px;
  border: 2.7px solid #2B406F;
  color: #2B406F;
  font-weight: 700;
  font-size: 0.9em;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s; }
  .button-ghost-blue:hover {
    background: #2B406F;
    color: #FFFFFF; }

.button-ghost-greens {
  background: none;
  padding: 0.15em 1.7em;
  border-radius: 4px;
  border: 2.7px solid #43A047;
  color: #43A047;
  font-weight: 700;
  font-size: 0.9em;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s; }
  .button-ghost-greens:hover {
    background: #43A047;
    color: #FFFFFF; }

/*
    <div class="sections ed-container full">
      <div class="section ed-item">
        <img class="section__img" src="img/industrias_mexicanas_de_bombas_bomba_sentinel.png" alt="INDUSTRIAS MEXICANAS DE BOMBAS BOBA SENTINEL">
        <div class="section__content">
          <h2 class="section__title">SENTINEL</h2>
          <p class="section__description">Los equipos de la marca Sentinel son fabricados por un grupo empresarial 100% mexicano con más de 60 años de experiencia en la industria de la Transformación de Metales y Manejo de Fluidos con productos que van desde bombas ligeras para servicios, hasta bombas diseñadas para aplicaciones más específicas en la industria.</p>
          <a href="#" class="button-ghost-green">IR A SENTINEL</a>
        </div>
      </div>
      <div class="section ed-item">
          <div class="section__content">
            <h2 class="section__title">DPUMPS</h2>
            <p class="section__description">Orgullosamente  fabricantes  nacionales  de  bombas  centrifugas  horizontales  ANSI. Nuestra  marca  es  reconocida  mundialmente  como  uno  de  los  principales  nombres dentro  de  los  procesos  químicos  de  bombeo  ANSI. </p>
            <a href="#" class="button-ghost-red">IR A DPUMPS</a>
          </div>
          <img class="section__img" src="img/industrias_mexicanas_de_bombas_fundicion.png" alt="INDUSTRIAS MEXICANAS DE BOMBAS FUNDICION">
      </div>
    </div>
*/
.sections {
  position: relative;
  top: 150px; }
  @media screen and (min-width: 1024px) {
    .sections {
      top: 200px; } }

.section {
  padding: 0;
  list-style: none; }
  @media screen and (min-width: 1024px) {
    .section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

.section-container {
  list-style: none; }

.section__img {
  width: 100%;
  display: block;
  border-radius: 0 1000px 1000px 0; }
  @media screen and (min-width: 1024px) {
    .section__img {
      width: 50%; } }

@media screen and (min-width: 1024px) {
  .section__content {
    width: 40%;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: right;
    margin-top: -50px;
    line-height: 2; } }

.section__title {
  margin-top: 1em;
  padding: 0 0.5em;
  font-size: 2em; }
  @media screen and (min-width: 640px) {
    .section__title {
      font-size: 2.5em; } }
  @media screen and (min-width: 1024px) {
    .section__title {
      font-size: 3em; } }

.section .button-ghost-green {
  position: relative;
  left: -1em; }

.sec2 .button-ghost-green {
  position: relative;
  left: 1em; }

.sentinel__title::after {
  content: '';
  background: #43A047;
  display: block;
  width: 200px;
  margin-top: -0.1em;
  height: 5px; }
  @media screen and (min-width: 1024px) {
    .sentinel__title::after {
      margin-left: auto;
      width: 400px; } }

.section__description {
  font-size: 0.9em;
  padding: 0 1em;
  opacity: 0.9;
  margin-top: 2em; }
  @media screen and (min-width: 640px) {
    .section__description {
      font-size: 1em; } }
  @media screen and (min-width: 1024px) {
    .section__description {
      font-size: 1.25em; } }

.button-ghost-green {
  position: relative;
  top: 2em;
  left: 1em; }
  @media screen and (min-width: 1024px) {
    .button-ghost-green {
      left: -1em;
      top: 2.5em; } }

.sec2 {
  position: relative;
  top: 200px;
  text-align: right; }
  @media screen and (min-width: 1024px) {
    .sec2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.sec2 .section__img {
  border-radius: 1000px 0 0 1000px; }
  @media screen and (min-width: 1024px) {
    .sec2 .section__img {
      width: 50%;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; } }

@media screen and (min-width: 1024px) {
  .sec2 .section__content {
    width: 40%;
    text-align: left; } }

.sec2 .section__title:after {
  content: '';
  background: #43A047;
  display: block;
  width: 250px;
  margin-top: -0.1em;
  margin-left: auto;
  height: 5px; }
  @media screen and (min-width: 1024px) {
    .sec2 .section__title:after {
      margin: -0.1em 0; } }

.button-ghost-green {
  position: relative;
  top: 2em;
  right: 1em; }
  @media screen and (min-width: 1024px) {
    .button-ghost-green {
      left: 1em; } }

.texto {
  text-align: center;
  padding-bottom: 10em;
  margin: -1em auto; }
  @media screen and (min-width: 1024px) {
    .texto {
      margin: -3em auto;
      padding-bottom: 15em; } }

.texto .section__title {
  text-transform: uppercase;
  text-align: center;
  margin: auto; }

.texto .section__title:after {
  content: '';
  background: #43A047;
  display: block;
  width: 250px;
  margin: .1em auto;
  height: 5px; }
  @media screen and (min-width: 1024px) {
    .texto .section__title:after {
      margin: auto; } }

.about {
  text-align: center;
  position: relative;
  top: 400px; }

.about__title {
  font-size: 2em;
  padding-bottom: 1em; }
  @media screen and (min-width: 640px) {
    .about__title {
      font-size: 2.5em; } }
  @media screen and (min-width: 1024px) {
    .about__title {
      font-size: 3em; } }

.about__title::after {
  content: '';
  background: #43A047;
  display: block;
  width: 75px;
  margin-top: -0.1em;
  height: 5px;
  margin: auto; }
  @media screen and (min-width: 640px) {
    .about__title::after {
      width: 75px; } }
  @media screen and (min-width: 1024px) {
    .about__title::after {
      width: 75px; } }

.about__description {
  font-size: 0.9em;
  opacity: 0.8; }
  @media screen and (min-width: 640px) {
    .about__description {
      font-size: 1em; } }
  @media screen and (min-width: 1024px) {
    .about__description {
      font-size: 1.25em; } }

.about__list {
  list-style: none;
  width: 80%;
  margin: auto;
  line-height: 2;
  padding-bottom: 8em; }
  @media screen and (min-width: 1024px) {
    .about__list {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 15em; } }

.about__link {
  color: rgba(24, 35, 37, 0.6);
  position: relative;
  top: 17.5px;
  display: block;
  text-align: center;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s; }
  @media screen and (min-width: 1024px) {
    .about__link {
      top: 0.2em;
      position: relative;
      left: -0.9em; } }

.about__link:hover {
  color: #182325; }

.about__item {
  height: 70px;
  margin: auto;
  text-align: center;
  display: block;
  border-bottom: 1px solid rgba(24, 35, 37, 0.2); }
  @media screen and (min-width: 1024px) {
    .about__item {
      height: 40px;
      width: 204.8px;
      border-right: 1px solid rgba(24, 35, 37, 0.2);
      border-bottom: none; } }

.modelos {
  width: 100%;
  height: 195px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  text-align: center; }

.modelo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  height: 200px;
  margin: 1em auto 0; }

.modelo {
  background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(24, 35, 37, 0.6)), to(rgba(24, 35, 37, 0.6))), url("../../img/sdf.png");
  background-image: -webkit-linear-gradient(top left, rgba(24, 35, 37, 0.6), rgba(24, 35, 37, 0.6)), url("../../img/sdf.png");
  background-image: -o-linear-gradient(top left, rgba(24, 35, 37, 0.6), rgba(24, 35, 37, 0.6)), url("../../img/sdf.png");
  background-image: linear-gradient(to bottom right, rgba(24, 35, 37, 0.6), rgba(24, 35, 37, 0.6)), url("../../img/sdf.png");
  background-size: cover;
  border-radius: 10px; }
  .modelo:hover {
    background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(24, 35, 37, 0.8)), to(rgba(24, 35, 37, 0.8))), url("../../img/sdf.png");
    background-image: -webkit-linear-gradient(top left, rgba(24, 35, 37, 0.8), rgba(24, 35, 37, 0.8)), url("../../img/sdf.png");
    background-image: -o-linear-gradient(top left, rgba(24, 35, 37, 0.8), rgba(24, 35, 37, 0.8)), url("../../img/sdf.png");
    background-image: linear-gradient(to bottom right, rgba(24, 35, 37, 0.8), rgba(24, 35, 37, 0.8)), url("../../img/sdf.png");
    background-size: cover;
    border-radius: 10px; }

.mod::after {
  content: '';
  background: #43A047;
  display: block;
  width: 200px;
  margin-top: -0.1em;
  height: 5px;
  margin: auto; }
  @media screen and (min-width: 640px) {
    .mod::after {
      width: 200px; } }
  @media screen and (min-width: 1024px) {
    .mod::after {
      width: 200px; } }

.icon {
  position: absolute;
  width: 40px;
  opacity: 0.9;
  top: 60px;
  left: 125px;
  margin: auto; }

.modelo__title {
  font-size: 1em;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(255, 255, 255, 0.9);
  position: relative;
  top: -0.5em;
  margin: 0 auto;
  -ms-flex-item-align: end;
  align-self: flex-end; }
  @media screen and (min-width: 640px) {
    .modelo__title {
      font-size: 1.2em; } }
  @media screen and (min-width: 1024px) {
    .modelo__title {
      font-size: 1em; } }