@-webkit-keyframes scroll {
  0% {    -webkit-transform: translateY(0);  }
  50% {    -webkit-transform: translateY(50px);  }
  100% {    -webkit-transform: translateY(0);  }
}
@-moz-keyframes scroll {
  0% {    -moz-transform: translateY(0);  }
  50% {    -moz-transform: translateY(50px);  }
  100% {    -moz-transform: translateY(0);  }
}
@keyframes scroll {
  0% { -webkit-transform: translateY(-50px);  -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);  -o-transform: translateY(-50px);  transform: translateY(-50px); }
  50% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px);
    -ms-transform: translateY(0px); -o-transform: translateY(0px);  transform: translateY(0px);  }
  100% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px);  }
}

.center-it { z-index:100;  position: absolute;  bottom: -54px;  left: 50%;
  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}

.center-it .caption { font-size:14px;  text-transform: uppercase; text-align:center; color:#fff; 
opacity:0.8;  padding-bottom:8px;}

.mouse {  display: inline-block;  height: 75px; border: 0px solid #fff; text-align: center; opacity:1}

.mouse:after { position: absolute; bottom:0; left:50%; height: 25px; width: 1px; background-color: #fff; 
  content: "";  -webkit-animation: scroll 2.5s ease-out infinite forwards;
  -moz-animation: scroll 2.5s ease-out infinite forwards;  animation: scroll 2.5s ease-out infinite forwards;}
.mouse:before {  display: inline-block; height: 75px; width: 1px; background-color: rgba(255,255,255,0.3);
  content: ""; position: absolute; bottom:0; left:50%;  }




/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.center-it {display:none;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}