.scrl_all {position: fixed; top: 100%; left: 0; margin-top: -140px; width: 100%; z-index: 9;}




@media screen and (max-height: 644px){
.scrl_all {display: none;}
}
@media screen and (max-width: 850px){
.scrl_all {display: none;}
}





.scrl_mouse {
  margin: auto;
}
.scrl_mouse {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
  border-radius: 100px;
  position: relative;
  height: 33px;
  width: 18px;
}
.scrl_mouse:before,
.scrl_mouse:after {
  animation: mouse-wheel 1.5s ease-in-out infinite;
  background: #FFFFFF;
  border-radius: 100px;
  content: '';
  height: 4px;
  width: 4px;
  opacity: 0;
  position: absolute;
  left: 7px;
  top: 16px;
}
.scrl_mouse:after {
  animation-delay: 0.75s;
}
@keyframes mouse-wheel {
  0% {
    transform: translateY(-11px);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    transform: translateY(11px);
  }
}