/*
 * Smooth Scrolling
 */
 html {
  scroll-behavior: smooth;
  scroll-padding-top: 0px;
}
@media (max-width: 767px) {
  html {
    /* scroll-padding-top: 48px; */
  }
}

/*
 * Animations
 */

.brx-animate-fadeInLeftMin {
  animation-name: fadeInLeftMinAnim;
}
@keyframes fadeInLeftMinAnim {
  0% {
    animation-timing-function: ease-out;
    opacity: 0;
    transform: translateX(-80px);
  }
  100% {
    animation-timing-function: ease-out;
    opacity: 1
    transform: translateX(0);
  }
}

.brx-animate-fadeInRightMin {
  animation-name: fadeInRightMinAnim;
}
@keyframes fadeInRightMinAnim {
  0% {
    animation-timing-function: ease-out;
    opacity: 0;
    transform: translateX(80px);
  }
  100% {
    animation-timing-function: ease-out;
    opacity: 1
    transform: translateX(0);
  }
}

.brx-animate-fadeInUpMin {
  animation-name: fadeInUpMinAnim;
}
@keyframes fadeInUpMinAnim {
  0% {
    animation-timing-function: ease-out;
    opacity: 0;
    transform: translateY(80px);
  }
  100% {
    animation-timing-function: ease-out;
    opacity: 1
    transform: translateY(0);
  }
}

.brx-animate-fadeInDownMin {
  animation-name: fadeInDownMinAnim;
}
@keyframes fadeInDownMinAnim {
  0% {
    animation-timing-function: ease-out;
    opacity: 0;
    transform: translateY(-80px);
  }
  100% {
    animation-timing-function: ease-out;
    opacity: 1
    transform: translateY(0);
  }
}

.brx-animate-bgPanLeftRight {
  animation-name: bgPanLeftRightAnim;
  animation-iteration-count: infinite;
}
@keyframes bgPanLeftRightAnim {
  0% {
    animation-timing-function: ease-in-out;
    background-position: center left 0px;
  }
  50% {
    background-position: center left -240px;
  }
  100% {
    background-position: center left 0px;
  }
}