@charset "utf-8";
/* CSS Document */


/*---------- Loading ----------*/


.loading-wrap{
	display: block;
	position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    z-index: 99;
	animation: loading-wrap 0.8s ease;}

.loading{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}

.loading-ring {
	  display: inline-block;
	  position: relative;
	  width: 64px;
	  height: 64px;}

.loading-ring div {
	  box-sizing: border-box;
	  display: block;
	  position: absolute;
	  width: 60px;
	  height: 60px;
	  margin: 6px;
	  border: 6px solid rgba(252,215,44,1);
	  border-radius: 50%;
	  animation: loading-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	  border-color: rgba(252,215,44,1) transparent transparent transparent;	}

.loading-ring div:nth-child(1) {
	  animation-delay: -0.45s;
	}
.loading-ring div:nth-child(2) {
	  animation-delay: -0.3s;
	}
.loading-ring div:nth-child(3) {
	  animation-delay: -0.15s;
	}

@keyframes loading-ring {
	  0% {
		transform: rotate(0deg);
	  }
	  100% {
		transform: rotate(360deg);
	  }
	}
		
@keyframes loading-wrap {
	  0% {opacity:0;}
	  100% {  opacity: 1;}
	}