/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@font-face {
  font-family: 'Barlow Regular';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Regular.ttf"); }

@font-face {
  font-family: 'Barlow Medium';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Medium.ttf"); }

@font-face {
  font-family: 'Myriad Pro';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/MyriadPro-Regular.woff2"); }

[data-aos="fill-in-text"].aos-animate {
  -webkit-clip-path: inset(0);
          clip-path: inset(0); }

.seperator {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 15vw; }
  @media (min-width: 981px) {
    .seperator {
      padding: 4rem 0; } }
  @media (max-width: 980px) {
    .seperator {
      height: 20rem; } }
  .seperator__tube {
    display: flex;
    align-items: center;
    height: 12rem;
    left: -5%;
    width: 110%;
    position: absolute;
    transform-origin: calc(max(60vw, 1000px)); }
    @media (min-width: 981px) {
      .seperator__tube {
        right: -5%;
        height: auto; } }
    .seperator__tube img {
      -o-object-fit: cover;
         object-fit: cover; }
    .seperator__tube--one {
      transform: rotate(-3deg); }
    .seperator__tube--two {
      transform: rotate(3deg); }
  .seperator__background {
    inset: 0;
    position: absolute;
    display: flex;
    flex-direction: column; }
  .seperator__panel {
    position: relative;
    height: 50%;
    width: 100%; }
    .seperator__panel.white {
      background: var(--white); }
    .seperator__panel.light-blue {
      background: var(--light-green); }
    .seperator__panel.orange {
      background: var(--orange-gradient); }

.section-scroll-gallery {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 20vw;
  min-height: 18.75rem;
  padding: 0; }
  .section-scroll-gallery__container {
    right: 0;
    display: flex;
    position: absolute;
    bottom: 0;
    padding-top: inherit;
    top: 0; }
  .section-scroll-gallery__image {
    width: 20vw;
    height: 20vw;
    position: relative;
    min-height: 18.75rem;
    min-width: 18.75rem; }
    .section-scroll-gallery__image img {
      position: absolute;
      filter: grayscale(1); }

/*# sourceMappingURL=scroll-gallery.css.map */