.scrolling-container {
  position: relative;
  width: 100vw;
  overflow: hidden;
}

.scrolling-text {
  display: inline-block;
  transition: transform 0.5s; /*cubic-bezier(0.23, 0.36, 0.28, 0.83);*/
  will-change: transform;
  backface-visibility: hidden;
}

.scrolling-text .scrolling-text-content {
  /* color: #fff; */
  /* font-size: 120px; */
  font-size: 60px;
  white-space: nowrap;
  transition: transform 0.5s; /*cubic-bezier(0.23, 0.36, 0.28, 0.83);*/
  line-height: 1em;
  /* margin: 50px 0; */
}



/* FOR FIX THE SCROLL ERROR IN CHROME CONSOLE */
/* FOR FIX THE SCROLL ERROR IN CHROME CONSOLE */
/* FOR FIX THE SCROLL ERROR IN CHROME CONSOLE */
/* https://github.com/inuyaksa/jquery.nicescroll/issues/799 */
.owl-carousel {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
/*
.owl-carousel {
  -ms-touch-action: none;
  touch-action: none;
} */







/* https://stackoverflow.com/questions/10797632/simulate-background-sizecover-on-video-or-img */
.homepage-top-video {
  /* cover */
  height: 100%;
  width: 177.77777778vh; /* 100 * 16 / 9 */
  min-width: 100%;
  min-height: 56.25vw; /* 100 * 9 / 16 */

  /* center */
  position: absolute;
  left: 50%; /* % of surrounding element */
  top: 50%;
  transform: translate(-50%, -50%); /* % of current element */
  }






  .homepage-menu-auto-show {
    opacity: 0;
    pointer-events: none;
    transition: all 300ms ease !important;
  }

  .homepage-menu-active {
    opacity: 1;
    pointer-events: all;
    transition: all 300ms ease !important;
  }






  .arrow{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.arrow span{
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 5px solid #fff;
    border-right: 5px solid #fff;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}




.my-bg-gradient {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.8) 91%, black 100%);
}


.my-topic-slider h1 a {
  color: darkgray;
}