@charset "UTF-8";

#loadwrap{
background-color: rgba(236,218,206,1.00);
position: fixed;
width: 100%;
height: 100vh;
z-index: 9999;
transform: translate3d(0,0,0);
}
#loadwrap .logo_wrap{
width: 300px;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

#loadwrap .logo_wrap .logoset{
width: 300px;
}
#loadwrap .logo_wrap .logosingle{
width: 150px;
margin: auto 75px;
}
html.wf-active body #loadwrap {
animation: loadeout 0.7s ease-in-out 0.3s forwards;
overflow: hidden;

}
@keyframes loadeout {
	0% {
        opacity: 1;
		width: 100%;
		height:100%;
		margin-top: 0px;
    }
	99%{
		opacity: 0;
		width: 100%;
		height:100%;
		margin-top: 0px;
	}
	100%{
		opacity: 0;
		width: 0;
		height:0;
		margin-top: -300px;
	}
}

.spinner {
width: 40px;
height: 40px;
position: relative;
margin: 20px auto;
}

.double-bounce1,
.double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: rgba(255,255,255,0.7);
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}