.fadeInn li {
    display: inline-block;
  }
  .fadeInn li:nth-child(odd) {
    -webkit-animation: horizontal1 1s ease-in-out infinite alternate;
  }
  .fadeInn li:nth-child(even) {
    -webkit-animation: horizontal2 1s ease-in-out infinite alternate;
  }
img.pronlogo{
    position:absolute;
    top: 0px;
    left: 89%;
    width: 11%;
    height: auto;

}
  .fadeInn span {
    display: block;
    text-align: center;
    -webkit-animation: vertical 1s ease-in-out infinite alternate;
  }
  span img{
    width: 330px;
    height: auto;
    
  }
  li:nth-child(1) span {
      position:absolute;
      top:550px;
    -webkit-animation-duration: 1.1s;
  }
  li:nth-child(2) span {
    position:absolute;
    top: 550px;
    left: 100px;
    -webkit-animation-duration: 1.3s;
  }
  li:nth-child(3) span {
    position:absolute;
    -webkit-animation-duration: 1.5s;
  }
  @-webkit-keyframes horizontal1 {
    0% { -webkit-transform:translateX( -12px); }
    100% { -webkit-transform:translateX(  0px); }
  }
  @-webkit-keyframes horizontal2 {
    0% { -webkit-transform:translateX(  12px); }
    100% { -webkit-transform:translateX(  0px); }
  }
  @-webkit-keyframes vertical {
    0% { -webkit-transform:translateY(-40px); }
    100% { -webkit-transform:translateY(  0px); }
  }

  span.loading {
    position: absolute;
    text-align: right;
    font-size: 80px;
    top: 700px;
    right: 100px;
    z-index: 10;
    display: inline-block;
    white-space: nowrap;
}
    span.loading span {
        display: inline-block;
        vertical-align: middle;
    }
    span.loading span:nth-of-type(1) {
        -webkit-animation: animation 2s ease 0s infinite;
        animation: animation 2s ease 0s infinite;
    }
    span.loading span:nth-of-type(2) {
        -webkit-animation: animation 2s ease 0.1s infinite;
        animation: animation 2s ease 0.1s infinite;
    }
    span.loading span:nth-of-type(3) {
        -webkit-animation: animation 2s ease 0.2s infinite;
        animation: animation 2s ease 0.2s infinite;
    }
    span.loading span:nth-of-type(4) {
        -webkit-animation: animation 2s ease 0.3s infinite;
        animation: animation 2s ease 0.3s infinite;
    }
    span.loading span:nth-of-type(5) {
        -webkit-animation: animation 2s ease 0.4s infinite;
        animation: animation 2s ease 0.4s infinite;
    }
    span.loading span:nth-of-type(6) {
        -webkit-animation: animation 2s ease 0.5s infinite;
        animation: animation 2s ease 0.5s infinite;
    }
    span.loading span:nth-of-type(7) {
        -webkit-animation: animation 2s ease 0.6s infinite;
        animation: animation 2s ease 0.6s infinite;
    }
    span.loading span:nth-of-type(8) {
        -webkit-animation: animation 2s ease 0.7s infinite;
        animation: animation 2s ease 0.7s infinite;
    }

@-webkit-keyframes animation {
    0% {
        margin-top: 0;
    }
    5% {
        margin-top: -1em;
    }
    10% {
        margin-top: 0;
    }
    13% {
        margin-top: -0.5em;
    }
    16% {
        margin-top: 0;
    }
    18% {
        margin-top: -0.2em;
    }
    20% {
        margin-top: 0;
    }
}

@keyframes animation {
    0% {
        margin-top: 0;
    }
    5% {
        margin-top: -1em;
    }
    10% {
        margin-top: 0;
    }
    13% {
        margin-top: -0.5em;
    }
    16% {
        margin-top: 0;
    }
    18% {
        margin-top: -0.2em;
    }
    20% {
        margin-top: 0;
    }
}

.subtitle{
    position: absolute;
    top: 92%;
    left: 65%;
    font-size: 40px;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: transparent;
	background: linear-gradient( 90deg, #0091EA 0% 30%, #00B0FF 40% 60%, #80D8FF 70% 100% );
	-webkit-background-clip: text;
}