/* ----------------------------------------------------------
General Settings
---------------------------------------------------------- */
.aniscroll {
  width:150px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center 0;
  background-image: url(../img/header/ic_ar_ts_scroll.svg);
  background-size: 50px auto;
  opacity: 0;
}
.aniscroll {
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  -o-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -moz-animation-name: aniscroll;
  -webkit-animation-name: aniscroll;
  -o-animation-name: aniscroll;
  -ms-animation-name: aniscroll;
  -moz-animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite;
  -ms-animation-iteration-count:infinite;
  -moz-animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;
  }

  @-moz-keyframes aniscroll {
  0% {
  opacity: 0;
  background-position: center 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  background-position: center 40px;
  }
  }
  @-webkit-keyframes aniscroll {
    0% {
      opacity: 0;
      background-position: center 0;
      }
      20% {
        opacity: 1;
      }
      80% {
        opacity: 1;
      }
      100% {
        opacity: 0;
      background-position: center 40px;
      }
  }
  @keyframes aniscroll {
    0% {
      opacity: 0;
      background-position: center 0;
      }
      20% {
        opacity: 1;
      }
      80% {
        opacity: 1;
      }
      100% {
        opacity: 0;
      background-position: center 40px;
      }
  }

  .ts_scroll p {
    opacity: 0;
  }
  .ts_scroll p {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -moz-animation-name: anisc_p;
    -webkit-animation-name: anisc_p;
    -o-animation-name: anisc_p;
    -ms-animation-name: anisc_p;
    -moz-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -moz-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    -ms-animation-fill-mode:forwards;
    }
    @-moz-keyframes anisc_p {
      0% {
      opacity: 0;
      }
      50% {
        opacity: 1;
      }
      55% {
        opacity: 1;
      }
      100% {
        opacity: 0;
      }
      }
      @-webkit-keyframes anisc_p {
        0% {
          opacity: 0;
          }
          50% {
            opacity: 1;
          }
          55% {
            opacity: 1;
          }
          100% {
            opacity: 0;
          }
      }
      @keyframes anisc_p {
        0% {
          opacity: 0;
          }
          50% {
            opacity: 1;
          }
          55% {
            opacity: 1;
          }
          100% {
            opacity: 0;
          }
      }