section .inner .viewport > .field--name-field-elements {
  display: flex;
  flex-flow: row wrap;
}
section .inner .viewport > .field--name-field-elements:after {
  content: "";
  display: table;
  clear: both;
}
section.item-grid-2-reverse .inner .viewport > .field--name-field-elements, section.item-grid-3-reverse .inner .viewport > .field--name-field-elements, section.item-grid-4-reverse .inner .viewport > .field--name-field-elements {
  display: flex;
  flex-flow: row-reverse wrap;
}
section .basic-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  width: 100%;
}
section .basic-item .field,
section .basic-item .basics {
  height: 100%;
}
section.item-grid-2-reverse .basic-item-sizer,
section.item-grid-2-reverse .basic-item, section.item-grid-2 .basic-item-sizer,
section.item-grid-2 .basic-item {
  width: 100%;
}
@media (min-width: 1024px) {
  section.item-grid-2-reverse .basic-item-sizer,
  section.item-grid-2-reverse .basic-item, section.item-grid-2 .basic-item-sizer,
  section.item-grid-2 .basic-item {
    width: 50%;
  }
  section.item-grid-2-reverse .basic-item-sizer.wide,
  section.item-grid-2-reverse .basic-item.wide, section.item-grid-2 .basic-item-sizer.wide,
  section.item-grid-2 .basic-item.wide {
    width: 50%;
  }
  section.item-grid-2-reverse .basic-item-sizer.wider,
  section.item-grid-2-reverse .basic-item.wider, section.item-grid-2 .basic-item-sizer.wider,
  section.item-grid-2 .basic-item.wider {
    width: 100%;
  }
  section.item-grid-2-reverse .basic-item-sizer.widest,
  section.item-grid-2-reverse .basic-item.widest, section.item-grid-2 .basic-item-sizer.widest,
  section.item-grid-2 .basic-item.widest {
    width: 100%;
  }
}
section.item-grid-3-reverse .basic-item-sizer,
section.item-grid-3-reverse .basic-item, section.item-grid-3 .basic-item-sizer,
section.item-grid-3 .basic-item {
  width: 100%;
}
@media (min-width: 1024px) {
  section.item-grid-3-reverse .basic-item-sizer,
  section.item-grid-3-reverse .basic-item, section.item-grid-3 .basic-item-sizer,
  section.item-grid-3 .basic-item {
    width: 33.333333%;
  }
  section.item-grid-3-reverse .basic-item-sizer.wide,
  section.item-grid-3-reverse .basic-item.wide, section.item-grid-3 .basic-item-sizer.wide,
  section.item-grid-3 .basic-item.wide {
    width: 66.666666%;
  }
  section.item-grid-3-reverse .basic-item-sizer.wider,
  section.item-grid-3-reverse .basic-item.wider, section.item-grid-3 .basic-item-sizer.wider,
  section.item-grid-3 .basic-item.wider {
    width: 50%;
  }
  section.item-grid-3-reverse .basic-item-sizer.widest,
  section.item-grid-3-reverse .basic-item.widest, section.item-grid-3 .basic-item-sizer.widest,
  section.item-grid-3 .basic-item.widest {
    width: 100%;
  }
}
section.item-grid-4-reverse .basic-item-sizer,
section.item-grid-4-reverse .basic-item, section.item-grid-4 .basic-item-sizer,
section.item-grid-4 .basic-item {
  width: 100%;
}
@media (min-width: 1024px) {
  section.item-grid-4-reverse .basic-item-sizer,
  section.item-grid-4-reverse .basic-item, section.item-grid-4 .basic-item-sizer,
  section.item-grid-4 .basic-item {
    width: 50%;
  }
}
@media (min-width: 1280px) {
  section.item-grid-4-reverse .basic-item-sizer,
  section.item-grid-4-reverse .basic-item, section.item-grid-4 .basic-item-sizer,
  section.item-grid-4 .basic-item {
    width: 25%;
  }
  section.item-grid-4-reverse .basic-item-sizer.wide,
  section.item-grid-4-reverse .basic-item.wide, section.item-grid-4 .basic-item-sizer.wide,
  section.item-grid-4 .basic-item.wide {
    width: 50%;
  }
  section.item-grid-4-reverse .basic-item-sizer.wider,
  section.item-grid-4-reverse .basic-item.wider, section.item-grid-4 .basic-item-sizer.wider,
  section.item-grid-4 .basic-item.wider {
    width: 75%;
  }
  section.item-grid-4-reverse .basic-item-sizer.widest,
  section.item-grid-4-reverse .basic-item.widest, section.item-grid-4 .basic-item-sizer.widest,
  section.item-grid-4 .basic-item.widest {
    width: 100%;
  }
}

section.swiper-section.item-grid-2 .inner .viewport, section.swiper-section.item-grid-3 .inner .viewport, section.swiper-section.item-grid-4 .inner .viewport, section.swiper-section.item-grid-2-reverse .inner .viewport, section.swiper-section.item-grid-3-reverse .inner .viewport, section.swiper-section.item-grid-4-reverse .inner .viewport {
  display: flex;
  flex-wrap: wrap;
}
section.swiper-section.item-grid-1 {
  text-align: center;
}
section.swiper-section.item-grid-1 .basic-item {
  width: 100%;
  height: 100%;
}
section.swiper-section.item-grid-2-reverse .basic-item, section.swiper-section.item-grid-2 .basic-item {
  width: 50%;
  height: 100%;
}
section.swiper-section.item-grid-3-reverse .basic-item, section.swiper-section.item-grid-3 .basic-item {
  width: 100%;
  height: 33.3333333%;
}
section.swiper-section.item-grid-4-reverse .basic-item, section.swiper-section.item-grid-4 .basic-item {
  width: 50%;
  height: 50%;
}/*# sourceMappingURL=grids.css.map */