/* UI ICONS */
/* ICONS */
.stack-intro {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding-bottom: 28px;
  height: calc(100vh - 55px - 60px - 54px); }
  @media (min-width: 992px) {
    .stack-intro {
      height: calc(100vh - 55px - 73px);
      text-align: left;
      padding-bottom: 0; } }
  .stack-intro .row {
    height: 100%; }
  .stack-intro__background-video, .stack-intro__background-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%; }
    .stack-intro__background-video video, .stack-intro__background-video img, .stack-intro__background-image video, .stack-intro__background-image img {
      min-width: 100%;
      min-height: 100%; }
  .stack-intro__background-image {
    top: 0;
    transform: translateX(-50%); }
  .stack-intro__text-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center; }
    @media (min-width: 768px) {
      .stack-intro__text-container {
        display: block; } }
  .stack-intro__text-container > *, .stack-intro__list > * {
    position: relative; }
    @media (min-width: 992px) {
      .stack-intro__text-container > *, .stack-intro__list > * {
        opacity: 0; } }
  .stack-intro__title {
    margin-top: 11vh; }
  .stack-intro__text {
    margin-top: 18px; }
    @media (min-width: 992px) {
      .stack-intro__text {
        margin-top: 10px; } }
  .stack-intro__arrow {
    width: 16px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 60' width='16px' height='30px'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:white;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg class='cls-1'%3E%3Cg id='_60px_Arrows' data-name='60px Arrows'%3E%3Cpolyline class='cls-1' points='1 59 31 30 1 1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    transform: rotate(90deg);
    margin-top: 18px;
    cursor: pointer; }
    @media (min-width: 992px) {
      .stack-intro__arrow {
        margin-top: 60px; } }
  .stack-intro__list {
    margin-top: 34px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center; }
    @media (min-width: 992px) {
      .stack-intro__list {
        margin-bottom: 57px; } }
  .stack-intro__icon-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
    text-align: center; }
    .stack-intro__icon-item p {
      margin-top: 16px; }
    .stack-intro__icon-item:not(:first-child) {
      border-left: 1px solid #444444; }
  @media (min-width: 992px) {
    .stack-intro__button {
      margin-bottom: 6px; } }
  .stack-intro .container-fluid {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between; }
  .stack-intro__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }