.fade_in_out {
  -webkit-animation: fadeinout 5s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadeinout 5s; /* Firefox < 16 */
  -ms-animation: fadeinout 5s; /* Internet Explorer */
  -o-animation: fadeinout 5s; /* Opera < 12.1 */
  animation: fadeinout 5s infinite;
  /* animation-fill-mode: forwards; */
  opacity: 0;
}

@keyframes fadeinout {
    0% {
        opacity: 0;
      }
      15% {
        opacity: 0;
      }
      50% {
        opacity: 0.9;
      }
      85% {
        opacity: 0;
      }
      100% {
        opacity: 0;
      }
}

/* Firefox < 16 */
@-moz-keyframes fadeinout {
    0% {
        opacity: 0;
      }
      15% {
        opacity: 0;
      }
      50% {
        opacity: 0.9;
      }
      85% {
        opacity: 0;
      }
      100% {
        opacity: 0;
      }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinout {
    0% {
        opacity: 0;
      }
      15% {
        opacity: 0;
      }
      50% {
        opacity: 0.9;
      }
      85% {
        opacity: 0;
      }
      100% {
        opacity: 0;
      }
}

/* Internet Explorer */
@-ms-keyframes fadeinout {
    0% {
        opacity: 0;
      }
      15% {
        opacity: 0;
      }
      50% {
        opacity: 0.9;
      }
      85% {
        opacity: 0;
      }
      100% {
        opacity: 0;
      }
}



.delay2 {
  animation-delay: 2s;
}

.delay4 {
  animation-delay: 4s;
}

.delay6 {
  animation-delay: 6s;
}

.delay5 {
  animation-delay: 5s;
}

.delay1 {
  animation-delay: 1s;
}

.delay3 {
  animation-delay: 3s;
}

.delay7 {
  animation-delay: 7s;
}

.delay8 {
  animation-delay: 8s;
}

.delay9 {
  animation-delay: 9s;
}

.delay10 {
  animation-delay: 10s;

.bg-div {
  color: black !important;
  /* color: #596E79; */
}