#loading-screen.loading{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: 0.25s all;
	background: rgba(0, 15, 33, 0.507);
	z-index: 1000;
    display: none;
}
#loading-screen.loading:before{
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	content: '';
	width: 10px;
  height: 10px;
  margin: 0 auto;
  padding: 10px;
  border: 7px dashed #fff;
  border-radius: 100%;
animation: circle-loading 1.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}

@keyframes circle-loading{
    0% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(180deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }